vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 09:29:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Copy _layouts/post.html to _layouts/blog.html

Browse source 
for the move when all our media becomes the "media" type we will derive the layout from its category, which is "blog" for blog posts
This commit is contained in:
davegson 2021-03-25 16:46:12 +01:00
parent 81d1a6ed83
commit a524b19e53
1 changed files with 69 additions and 0 deletions

69
_layouts/blog.html Normal file
View file

@ -0,0 +1,69 @@
---
layout: page_container
---
<div class="text-center">
<h1 class="text-5xl tracking-tight font-extrabold leading-none pb-2 pt-8 text-center">{{ page.title }}</h1>
<p>{{ page.date | date: "%B %-d, %Y" }} • Written by <a href="{{ site.team_url }}#{{ page.author | slugify }}">{{ page.author | capitalize }}</a></p>
<div class="flex mx-auto justify-center pt-5">
<a href="{{ site.twitter_url }}" class="opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/twitter.svg">
</a>
<a href="{{ site.github_url }}" class="pl-4 pr-4 opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.19rem; width: auto;" src="{{ site.img_url }}icons/github.svg">
</a>
<a href="{{ site.reddit_url }}" class="opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.18rem; width: auto;" src="{{ site.img_url }}icons/reddit.svg">
</a>
</div>
</div>
{% if page.progress_update %}
<div>
{% else %}
<div class="content" id="blog">
{% endif %}
{{ content | replace: '<!--break-->', '<a class="anchor" id="continue"></a>' }}
</div>
{% if site.inter_post_navigation == true %}
<section class="post-navigation">
<span class="prev-post">
{% if page.previous.url %}
<a href="{{page.previous.url | prepend: site.base_url}}">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-angle-double-left fa-stack-1x fa-inverse"></i>
</span>
<span class="page-number">{{page.previous.title}}</span>
</a>
{% endif %}
</span>
<span class="next-post">
{% if page.next.url %}
<a href="{{page.next.url | prepend: site.base_url}}">
<span class="page-number">{{page.next.title}}</span>
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-angle-double-right fa-stack-1x fa-inverse"></i>
</span>
</a>
{% endif %}
</span>
</section>
{% endif %}
<div class="flex pt-24 justify-center grid grid-rows-2 grid-cols-2 row-gap-12 md:grid-rows-1 md:row-gap-0 md:col-gap-16 max-w-3xl mx-auto">
{% if page.next.url %}
<div class="text-left row-start-1 row-end-2 col-start-1 col-end-3 md:row-auto md:col-auto">
<div class="pb-4 text-md opacity-55">Next Post</div>
<a href="{{page.next.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.next.title}}</a>
</div>
{% endif %}
{% if page.previous.url %}
<div class="text-right row-start-2 row-end-3 col-start-1 md:col-start-2 col-end-3 md:row-auto">
<div class="pb-4 text-md opacity-55">Previous Post</div>
<a href="{{page.previous.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.previous.title}}</a>
</div>
{% endif %}
</div>