blog: Update design of author pages

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/blog/author.html b/src/templates/blog/author.html
index 545f820237861fc239cf649383d4af9bb92f5f8d..75a0d73461e1045484f60ba79f114a0060ba2977 100644 (file)
--- a/src/templates/blog/author.html
+++ b/src/templates/blog/author.html
@@ -1,19 +1,33 @@
 {% extends "base.html" %}
 
-{% block title %}{{ author.name }}{% end block %}
+{% block title %}{{ author }}{% end block %}
 
-{% block main %}
-       <div class="card">
-               <div class="card-body">
-                       <div class="row justify-content-center my-5">
-                               <div class="col-12 col-sm-8 col-md-6 col-xl-4 d-flex flex-column align-items-center">
-                                       <img class="img-fluid rounded-circle mb-4" src="{{ author.avatar_url(512) }}" alt="{{ author }}" />
+{% 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>
+
+                               <div class="col-12 col-lg-8 align-self-center">
+                                       <h1>{{ author }}</h1>
 
-                                       <h4>{{ author }}</h4>
+                                       {% if author.description %}
+                                               <div class="wiki-content">
+                                                       {% module Markdown(author.description) %}
+                                               </div>
+                                       {% end %}
                                </div>
                        </div>
+               </div>
+       </div>
+
+       <div class="container">
+               <section>
+                       <h3>{{ _("Posts") }}</h3>
 
                        {% module BlogList(posts) %}
-               </div>
+               </section>
        </div>
 {% end block %}

diff --git a/src/templates/blog/base.html b/src/templates/blog/base.html
index 2da66d44728d3f595813f374240c440d080907f8..d08e6615b1e01bfb453595d3f0d1d3f6baa8a591 100644 (file)
--- a/src/templates/blog/base.html
+++ b/src/templates/blog/base.html
@@ -7,54 +7,6 @@
 
 {% block content %}
        <div class="row">
-               <div class="col-12 col-lg-3 d-none d-lg-block">
-                       <nav class="mb-3">
-                               <ul class="nav flex-column">
-                                       <li class="nav-item">
-                                               <a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">
-                                                       {{ _("Newest") }}
-                                               </a>
-                                       </li>
-
-                                       {% if current_user %}
-                                               <li class="nav-item">
-                                                       <a class="nav-link {% if request.path == "/drafts" %}active{% end %}" href="/drafts">
-                                                               {{ _("My Drafts") }}
-                                                       </a>
-                                               </li>
-                                       {% end %}
-
-                                       <li class="nav-item">
-                                               <a class="nav-link {% if request.path == "/tags/featured" %}active{% end %}" href="/tags/featured">
-                                                       {{ _("Featured") }}
-                                               </a>
-                                       </li>
-
-                                       <li class="nav-item">
-                                               <a class="nav-link {% if request.path == "/tags/lightningwirelabs.com" %}active{% end %} d-flex justify-content-between"
-                                                               href="/tags/lightningwirelabs.com">
-                                                       <span>{{ _("Lightning Wire Labs") }}</span>
-
-                                                       <img class="img-fluid" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
-                                                               alt="{{ _("Lightning Wire Labs") }}">
-                                               </a>
-                                       </li>
-                               </ul>
-                       </nav>
-
-                       <a class="btn btn-primary btn-block mb-3" href="/feed.xml">
-                               <i class="fas fa-rss-square fa-3x mb-2"></i>
-                               <br>{{ _("Subscribe to our Blog") }}
-                       </a>
-
-                       <a class="btn btn-twitter btn-block mb-5" href="https://twitter.com/ipfire">
-                               {{ _("Or follow us on Twitter") }}
-                               <i class="fab fa-twitter"></i>
-                       </a>
-
-                       {% module BlogHistoryNavigation() %}
-               </div>
-
                <div class="col-12 col-lg-9">
                        {% block main %}
                                <div class="row justify-content-center">