about: optimized for mobile use

diff --git a/src/templates/static/about.html b/src/templates/static/about.html
index ec3c05c5bccee0c40b218b9ffb00d7320bfe6013..d6b0b4d7ec112830759efb38bcc4b0905c29e053 100644 (file)
--- a/src/templates/static/about.html
+++ b/src/templates/static/about.html
@@ -41,7 +41,7 @@
                        <div class="block">
                                <div class="columns is-multiline">
                                        <div class="column is-half">
-                                               <div class="columns is-mobile is-vcentered">
+                                               <div class="columns is-vcentered">
                                                        <div class="column is-3 has-text-centered">
                                                                <i class="fas fa-shield-halved fa-5x"></i>
                                                        </div>
@@ -60,7 +60,7 @@
                                        </div>
 
                                        <div class="column is-half">
-                                               <div class="columns is-mobile is-vcentered">
+                                               <div class="columns is-vcentered">
                                                        <div class="column is-3 has-text-centered">
                                                                <i class="fas fa-rocket fa-5x"></i>
                                                        </div>
@@ -80,7 +80,7 @@
                                        </div>
 
                                        <div class="column is-half">
-                                               <div class="columns is-mobile is-vcentered">
+                                               <div class="columns is-vcentered">
                                                        <div class="column is-3 has-text-centered">
                                                                <i class="fas fa-network-wired fa-5x"></i>
                                                        </div>
@@ -98,7 +98,7 @@
                                        </div>
 
                                        <div class="column is-half">
-                                               <div class="columns is-mobile is-vcentered">
+                                               <div class="columns is-vcentered">
                                                        <div class="column is-3 has-text-centered">
                                                                <span class="fas fa-thumbs-up fa-5x"></span>
                                                        </div>
@@ -118,7 +118,7 @@
                                        </div>
 
                                        <div class="column is-half">
-                                               <div class="columns is-mobile is-vcentered">
+                                               <div class="columns is-vcentered">
                                                        <div class="column is-3 has-text-centered">
                                                                <i class="fa-solid fa-earth-europe fa-5x"></i>
                                                        </div>
@@ -136,7 +136,7 @@
                                        </div>
 
                                        <div class="column is-half">
-                                               <div class="columns is-mobile is-vcentered">
+                                               <div class="columns is-vcentered">
                                                        <div class="column is-3 has-text-centered">
                                                                <i class="fas fa-terminal fa-5x"></i>
                                                        </div>
@@ -187,7 +187,7 @@
                                        {% for account in sorted(core_team, key=lambda a: a.created_at) %}
                                                <div class="column has-text-centered">
                                                        <figure class="image is-128x128 is-inline-block">
-                                                               <img class="is-rounded" src="{{ account.avatar_url(size=128) }}">
+                                                               <img class="is-rounded" src="{{ account.avatar_url(size=256) }}">
                                                        </figure>
 
                                                        <h4 class="title is-4 has-text-weight-bold">{{ account.name or account.nickname }}</h5>
@@ -208,7 +208,7 @@
                                                                <div class="columns is-vcentered is-mobile">
                                                                        <div class="column is-narrow">
                                                                                <figure class="image is-48x48">
-                                                                                       <img class="is-rounded" src="{{ account.avatar_url(size=48) }}">
+                                                                                       <img class="is-rounded" src="{{ account.avatar_url(size=96) }}">
                                                                                </figure>
                                                                        </div>
                                                                        <div class="column">