diff options
Diffstat (limited to '_layouts/post.liquid')
-rw-r--r-- | _layouts/post.liquid | 48 |
1 files changed, 30 insertions, 18 deletions
diff --git a/_layouts/post.liquid b/_layouts/post.liquid index 54bf211..80831a2 100644 --- a/_layouts/post.liquid +++ b/_layouts/post.liquid @@ -1,18 +1,12 @@ <!DOCTYPE html> <html> <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>{{ page.title }}</title> - <link rel="stylesheet" href="/bulma.css"> + {% include "head.liquid" %} </head> <body> <!-- begin hero --> - <section class=" - hero - is-primary - "> + <section class="hero is-primary"> <!-- begin hero head --> <div class="hero-head"> {% include "nav.liquid" %} @@ -21,33 +15,41 @@ <!-- begin hero body --> <div class="hero-body"> - <div class="container is-fluid"> + <div class="container"> <!-- begin title and date --> <h1 class="title"> {{ page.title }} </h1> <h2 class="subtitle"> - {{ page.published_date | date: "%A, %b %e, %Y" }} + {% if page.published_date %} + {{ page.published_date | date: "%A, %b %e, %Y" }} + {% else %} + Unpublished! + {% endif %} </h2> <!-- end title and date --> <!-- begin categories and tags --> + <p> {% if page.categories %} + Categories: {% for category in page.categories %} - <span class="tag"> + <span class="tag is-rounded"> {{ category | downcase }} </span> {% endfor %} {% endif %} {% if page.tags %} + Tags: {% for tag in page.tags %} - <span class="tag"> - {{ tag | downcase }} + <span class="tag is-rounded"> + #{{ tag | downcase }} </span> {% endfor %} {% endif %} + </p> <!-- end categories and tags --> </div> @@ -59,15 +61,25 @@ <!-- begin main content --> <section class="section"> - <div class="container is-fluid"> - <div class="content"> - {{ page.content }} + <div class="container"> + <div class="columns"> + <div class="column"> + <div class="content"> + {{ page.content }} + </div> + </div> + + <div class="column is-narrow"> + {% include similar-posts.liquid %} + </div> </div> </div> </section> <!-- end main content --> - {% include "footer.liquid" %} - </body> + <footer class="footer"> + {% include "footer.liquid" %} + </footer> + </body> </html> |