safing-web/_layouts/podcast.html
2020-11-17 13:08:33 +01:00

37 lines
No EOL
1.9 KiB
HTML

---
layout: page_container
container_class: "podcast pt-40 lg:pt-64"
---
<div class="text-center">
{% assign title_length = page.title | size %}
<span style="font-size: 12rem; font-weight: 800; margin-top: -9rem; opacity: 0.05;" class="z-0 ml-0 w-full left-0 text-center absolute bg-top">#{{ page.title | slice: 2, 2 }}</span>
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">{{ page.title | slice: 7, title_length }}</h2>
<p class="opacity-55">{{ page.date | date: "%B %-d, %Y" }}</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>
<div class="content">
{{ content | replace: '<!--break-->', '<a class="anchor" id="continue"></a>' }}
<h3>Description</h3>
{{ page.summary }}
<div class="flex pt-24 justify-center grid grid-cols-2 col-gap-16 max-w-3xl mx-auto">
<div class="text-left">
<div class="pb-4 text-md opacity-55">Next podcast</div>
<a href="" class="text-3xl tracking-tight font-extrabold leading-none break-normal">Hiring a Designer from the Privacy Community</a>
</div>
<div class="text-right">
<div class="pb-4 text-md opacity-55">Previous podcast</div>
<a href="" class="text-3xl tracking-tight font-extrabold leading-none break-normal">#002 - Progress Update October</a>
</div>
</div>