Apply a crafty look to lane buttons

This commit is contained in:
Lee Hanken
2025-08-09 11:09:57 +01:00
parent a29585dd82
commit b28818f593
6 changed files with 124 additions and 10 deletions

View File

@@ -47,22 +47,22 @@
<div class="lane">
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->about.html#recording_a_podcast">
<img src="<!--% absolute_path(baseurl) %-->images/icons/mic-fill.svg" alt="" height="110">
Record
<p>Record</p>
</a>
<br class="no-css">
<a class="lane-button" href="https://hub.hackerpublicradio.org/calendar.php">
<img src="<!--% absolute_path(baseurl) %-->images/icons/calendar-2-line.svg" alt="" height="110">
Schedule
<p>Schedule</p>
</a>
<br class="no-css">
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->syndication.html">
<img src="<!--% absolute_path(baseurl) %-->images/icons/rss-fill.svg" alt="" height="110">
Subscribe
<p>Subscribe</p>
</a>
<br class="no-css">
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->eps/index.html">
<img src="<!--% absolute_path(baseurl) %-->images/icons/volume-up-fill.svg" alt="" height="110">
Listen
<p>Listen</p>
</a>
</div>
</section>
@@ -71,22 +71,22 @@
<div class="lane">
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->correspondents/index.html">
<img src="<!--% absolute_path(baseurl) %-->images/icons/user-fill.svg" alt="" height="110">
Host
<p>Hosts</p>
</a>
<br class="no-css">
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->series/index.html">
<img src="<!--% absolute_path(baseurl) %-->images/icons/stack-fill.svg" alt="" height="110">
Series
<p>Series</p>
</a>
<br class="no-css">
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->about.html">
<img src="<!--% absolute_path(baseurl) %-->images/icons/question-mark.svg" alt="" height="110">
About
<p>About</p>
</a>
<br class="no-css">
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->search.html">
<img src="<!--% absolute_path(baseurl) %-->images/icons/search.svg" alt="" height="110">
Search
<p>Search</p>
</a>
</div>
</section>