From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Wed, 27 Dec 2023 20:13:13 +0000 (+0000)
Subject: about: optimized for mobile use
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=4aadbc5621e9c755aee71f102cbf724b2ea9fff2;p=ipfire.org.git

about: optimized for mobile use
---

diff --git a/src/templates/static/about.html b/src/templates/static/about.html
index ec3c05c5..d6b0b4d7 100644
--- 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">