Add podcast links

This commit is contained in:
Luke 2020-05-20 10:47:08 +02:00
parent 8dd5732ad5
commit bff7cc0b38
3 changed files with 22 additions and 7 deletions

View file

@ -0,0 +1,8 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g stroke-linecap="round" stroke-width="1.8" stroke="#000" fill="none" stroke-linejoin="round">
<path d="M14.198 10.791c0-1.214-.984-2.198-2.198-2.198s-2.198.984-2.198 2.198.984 2.198 2.198 2.198 2.198-.984 2.198-2.198zM12 22v0c-.967 0-1.75-.784-1.75-1.75v-2.698c0-.966.784-1.75 1.75-1.75v0c.966 0 1.75.784 1.75 1.75v2.698c0 .966-.784 1.75-1.75 1.75z"/>
<path d="M17 18.011c2.289-1.586 3.791-4.225 3.791-7.22C20.791 5.936 16.855 2 12 2s-8.791 3.936-8.791 8.791c0 2.995 1.502 5.634 3.791 7.22"/>
<path d="M8 14.549c-.924-.983-1.494-2.303-1.494-3.758 0-3.034 2.46-5.494 5.494-5.494s5.494 2.46 5.494 5.494c0 1.456-.57 2.775-1.494 3.758"/>
</g>
<path fill="none" d="M0 0h24v24H0V0z"/>
</svg>

After

Width:  |  Height:  |  Size: 766 B

6
assets/img/icons/rss.svg Normal file
View file

@ -0,0 +1,6 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none">
<path d="M0 0h24v24H0z"/>
<path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M5.773 20C4.794 20 4 19.206 4 18.227c0-.979.794-1.773 1.773-1.773.979 0 1.773.794 1.773 1.773 0 .979-.794 1.773-1.773 1.773zM4 12.909c4.609-.693 7.783 2.482 7.091 7.091M4 8.478C11.056 7.785 16.215 12.944 15.522 20M4 4.046c9.504-.692 16.646 6.45 15.954 15.954"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 477 B

View file

@ -2,13 +2,6 @@
title: The Safing Podcast title: The Safing Podcast
layout: page layout: page
--- ---
<div class="pod-links">
<ul>
<li><a href="{{ site.podcast_itunes_url }}">iTunes</a></li>
<br>
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
</ul>
</div>
<section style="padding-top: 16rem;"> <section style="padding-top: 16rem;">
<div class="items-center h-full"> <div class="items-center h-full">
@ -19,6 +12,14 @@ layout: page
<div class="lg:text-center"> <div class="lg:text-center">
<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">Follow Us</span> <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">Follow Us</span>
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">Podcast</h2> <h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">Podcast</h2>
<div class="flex mx-auto justify-center pt-5">
<a href="{{ site.podcast_itunes_url }}" class="opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.3rem; width: auto;" src="{{ site.img_url }}icons/podcast.svg">
</a>
<a href="{{ site.podcast_feed_url }}" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.3rem; width: auto;" src="{{ site.img_url }}icons/rss.svg">
</a>
</div>
</div> </div>
<div class="mt-32"> <div class="mt-32">
<ul class="md:grid md:grid-cols-2 lg:grid-cols-3 md:col-gap-8 md:row-gap-10"> <ul class="md:grid md:grid-cols-2 lg:grid-cols-3 md:col-gap-8 md:row-gap-10">