blog: Cleanup markup on posts page

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

diff --git a/src/templates/blog/post.html b/src/templates/blog/post.html
index bcb0ee5777614b3490148c7a1c5fe072fc0da62b..1bc4f96e3565b52f5371935750ece30b67d4e793 100644 (file)
--- a/src/templates/blog/post.html
+++ b/src/templates/blog/post.html
@@ -35,35 +35,6 @@
 {% end block %}
 
 {% block container %}
-       <!--<div class="header">
-               <div class="container">
-                       <h1>{{ post.title }}</h1>
-
-                       <p class="text-muted">
-                               {{ _("by") }}
-
-                               {% if isinstance(post.author, accounts.Account) %}
-                                       <a href="/blog/authors/{{ post.author.uid }}">{{ post.author.name }}</a>,
-                               {% else %}
-                                       <strong>{{ post.author }}</strong>,
-                               {% end %}
-
-                               {% if post.is_published() %}
-                                       {% if post.updated_at and post.updated_at > post.published_at %}
-                                               {{ locale.format_date(post.published_at, shorter=True, relative=False) }},
-                                               {{ _("Updated %s") % locale.format_date(post.updated_at, shorter=True) }}
-                                       {% else %}
-                                               {{ locale.format_date(post.published_at, shorter=True, relative=False) }}
-                                       {% end %}
-                               {% elif post.published_at %}
-                                       <span class="text-danger">{{ _("Scheduled to be published %s") % locale.format_date(post.published_at, relative=False) }}</span>
-                               {% else %}
-                                       {{ _("Not published") }}
-                               {% end %}
-                       </p>
-               </div>
-       </div>-->
-
        <section class="hero has-background-primary-light">
                <div class="hero-body">
                        <div class="container">
@@ -80,10 +51,9 @@
                                                </li>
                                        </ul>
                                </nav>
-                               <h1 class="title is-1">
-                                       {{ post.title }}
-                               </h1>
-                               <p class="subtitle">
+
+                               <h1 class="title is-1">{{ post.title }}</h1>
+                               <h6 class="subtitle is-6">
 
                                        {{ _("by") }}
 
@@ -105,52 +75,44 @@
                                        {% else %}
                                                {{ _("Not published") }}
                                        {% end %}
-
-                               </p>
+                               </h6>
                        </div>
                </div>
        </section>
 
-
-
-
-
-       <div class="container">
-               <div class="columns">
-                       <div class="column is-three-fifths">
-                               <section class="section {% if "lightningwirelabs.com" in post.tags %}lightning-wire-labs{% end %}">
-
+       <section class="section">
+               <div class="container">
+                       <div class="columns">
+                               <div class="column is-three-fifths">
+                                       <section class="section">
+                                               <div class="block">
                                                        <div class="content">
                                                                {% raw post.html %}
                                                        </div>
-
-                                                       <div class="btn-toolbar justify-content-center my-5">
-                                                               {% if "lightningwirelabs.com" in post.tags and post.link %}
-                                                                       <a class="button is-lwl" href="{{ post.link }}">
-                                                                               <p class="has-text-centered has-text-weight-bold is-uppercase">
-                                                                                       Go to Lightning Wire Labs <span class="fas fa-external-link-alt ml-2"></span>
-                                                                               </p>
-                                                                       </a>
-                                                               {% end %}
-
-                                                               {% if post.release %}
-                                                                       <a class="button is-primary" href="/download/{{ post.release.slug }}">
-                                                                               <p class="has-text-centered has-text-weight-bold is-uppercase">
-                                                                                       {{ _("Download") }}
-                                                                               </p>
-                                                                       </a>
-                                                               {% end %}
-
-                                                               {% if post.release or "donate" in post.tags %}
-                                                                       <a class="button is-primary" href="https://www.ipfire.org/donate">
-                                                                               <p class="has-text-centered has-text-weight-bold is-uppercase">
-                                                                                       {{ _("Donate") }}
-                                                                               </p>
-                                                                       </a>
-                                                               {% end %}
-                                                       </div>
-                               </section>
+                                               </div>
+
+                                               <div class="buttons">
+                                                       {% if "lightningwirelabs.com" in post.tags and post.link %}
+                                                               <a class="button is-lwl" href="{{ post.link }}">
+                                                                       Go to Lightning Wire Labs <span class="fas fa-external-link-alt ml-2"></span>
+                                                               </a>
+                                                       {% end %}
+
+                                                       {% if post.release %}
+                                                               <a class="button is-dark" href="/download/{{ post.release.slug }}">
+                                                                       {{ _("Download") }}
+                                                               </a>
+                                                       {% end %}
+
+                                                       {% if post.release or "donate" in post.tags %}
+                                                               <a class="button is-primary" href="https://www.ipfire.org/donate">
+                                                                       {{ _("Donate") }}
+                                                               </a>
+                                                       {% end %}
+                                               </div>
+                                       </section>
+                               </div>
                        </div>
                </div>
-       </div>
+       </section>
 {% end block %}