From 46be2904eb899f4475212792d26c7fa3311c5ba9 Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sun, 25 Jun 2023 21:23:26 +0000
Subject: [PATCH] author.html: finished styling

---
 .gitmodules                    |  6 ++---
 src/font-awesome               |  2 +-
 src/templates/blog/author.html | 49 +++++++++++++++++++++++-----------
 3 files changed, 37 insertions(+), 20 deletions(-)

diff --git a/.gitmodules b/.gitmodules
index 46cc3e06..028465f7 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -2,9 +2,6 @@
 	path = src/fonts
 	url = https://github.com/google/fonts.git
 
-[submodule "src/font-awesome"]
-	path = src/font-awesome
-	url = https://github.com/FortAwesome/Font-Awesome.git
 [submodule "src/payment-font"]
 	path = src/payment-font
 	url = https://github.com/AlexanderPoellmann/PaymentFont.git
@@ -17,3 +14,6 @@
 [submodule "src/third-party/bulma"]
 	path = src/third-party/bulma
 	url = https://git.ipfire.org/pub/git/thirdparty/bulma.git
+[submodule "src/font-awesome"]
+	path = src/font-awesome
+	url = https://git.ipfire.org/pub/git/thirdparty/Font-Awesome.git
diff --git a/src/font-awesome b/src/font-awesome
index 0698449d..afecf2af 160000
--- a/src/font-awesome
+++ b/src/font-awesome
@@ -1 +1 @@
-Subproject commit 0698449d50f2b95517562295a59d414afc68b369
+Subproject commit afecf2af5d897b763e5e8e28d46aad2f710ccad6
diff --git a/src/templates/blog/author.html b/src/templates/blog/author.html
index a7fb94f8..c560a75d 100644
--- a/src/templates/blog/author.html
+++ b/src/templates/blog/author.html
@@ -3,29 +3,46 @@
 {% block title %}{{ author }}{% end block %}
 
 {% block container %}
-	<div class="bg-light">
-		<div class="container">
-			<div class="row justify-content-center">
-				<div class="col-12 col-lg-2 text-center">
-					<img class="img-fluid rounded-circle my-5" src="{{ author.avatar_url(512) }}" alt="{{ author }}" />
-				</div>
+	<section class="hero has-background-primary-light">
+		<div class="hero-body">
+			<div class="container">
+				<nav class="breadcrumb is-medium" aria-label="breadcrumbs">
+					<ul>
+						<li>
+							<a href="/">Home</a>
+						</li>
+						<li>
+							<a href="/blog">Blog</a>
+						</li>
+						<li class="is-active">
+							<a href="#" aria-current="page">{{ author }}</a>
+						</li>
+					</ul>
+				</nav>
+				<div class="columns">
+					<div class="column is-one-third">
+					<figure class="image is-256x256 is-inline-block">
+						<img class="is-rounded" src="{{ author.avatar_url(size=256) }}">
+					</figure>
+					</div>
 
-				<div class="col-12 col-lg-8 align-self-center">
-					<h1>{{ author }}</h1>
+					<div class="column">
+						<h2 class="title is-2">{{ author }}</h2>
 
-					{% if author.description %}
-						<div class="wiki-content">
-							{% module Markdown(author.description) %}
-						</div>
-					{% end %}
+						{% if author.description %}
+							<div class="box">
+								{% module Markdown(author.description) %}
+							</div>
+						{% end %}
+					</div>
 				</div>
 			</div>
 		</div>
-	</div>
+	</section>
 
 	<div class="container">
-		<section>
-			<h3>{{ _("Posts") }}</h3>
+		<section class="section">
+			<h3 class="title is-3">{{ _("Posts") }}</h3>
 
 			{% module BlogList(posts, show_author=True) %}
 		</section>
-- 
2.47.3