author.html: finished styling

diff --git a/.gitmodules b/.gitmodules
index 46cc3e06048994073fd4fe6737202fcb1ed0fa53..028465f741ec25baea16cb5f15d350a728969f88 100644 (file)
--- 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 0698449d50f2b95517562295a59d414afc68b369..afecf2af5d897b763e5e8e28d46aad2f710ccad6 160000 (submodule)
--- 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 a7fb94f88ea0929fe13b6fbb3dd34bc9149ad780..c560a75d239614a7c2ff3164ca1914c4d0008ff0 100644 (file)
--- 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>