CSS improvements

static/nryg.less

@@ -11,6 +11,7 @@ body {
     font-family: sans-serif;
     color: @text-color;
     background-color: @background-color;
+    box-sizing: border-box;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -772,6 +773,22 @@ nav {
     }
 }
 
+.profile {
+    width: 380px;
+    margin-left: auto;
+    margin-right: auto;
+
+    @media (min-width: 792px)
+    {
+        width: 776px;
+    }
+
+    @media (min-width: 1180px)
+    {
+        width: 1164px;
+    }
+}
+
 #edit-css {
     font-size: medium;
 }

templates/profile.html

@@ -22,8 +22,9 @@
     <h1>
         Profilo di {{ ryg.username }} {% if session.get('user_id', '') == ryg.id %}<a href="{{ url_for('page_editprofile') }}" id="edit-css">Modifica</a>{% endif %}
     </h1>
+    <div class="profile">
         {% if css.bio %}
-        <div class="box">
+            <div class="box bio">
                 <div class="upper-box">
                     Bio
                 </div>
@@ -56,11 +57,6 @@
                     {% include "minis/dota.html" %}
                 {% endwith %}
             {% endif %}
-        {# if rl %}
-            {% with record = rl %}
-                {% include "minis/rl.html" %}
-            {% endwith %}
-        {% endif #}
             {% if osu %}
                 {% with record = osu %}
                     {% include "minis/osu.html" %}
@@ -77,4 +73,5 @@
                 {% endwith %}
             {% endif %}
         </div>
+    </div>
 {% endblock %}

webserver.py

@@ -87,8 +87,11 @@ def page_profile(name: str):
     tg = db_session.query(db.Telegram).filter_by(royal=user).one_or_none()
     discord = db_session.execute(query_discord_music.one_query, {"royal": user.id}).fetchone()
     db_session.close()
+    if css is not None:
         converted_bio = Markup(markdown2.markdown(css.bio.replace("<", "&lt;"),
                                extras=["spoiler", "tables", "smarty-pants", "fenced-code-blocks"]))
+    else:
+        converted_bio = ""
     return render_template("profile.html", ryg=user, css=css, osu=osu, dota=dota, lol=lol, steam=steam, ow=ow,
                            tg=tg, discord=discord, config=config, bio=converted_bio)