Make bottom columns wrap on narrow screen, reduce height of splash image, prefer solid Remix icons, add faint border on menu when vertical.

This commit is contained in:
Lee Hanken
2025-02-01 10:09:49 +00:00
parent e4eb5e3cae
commit 0fa7598974
15 changed files with 38 additions and 14 deletions

View File

@@ -28,19 +28,19 @@
<h2>Podcast</h2>
<section class="podcast">
<a class="podcast record">
<img src="icons/mic-line.svg">
<img src="icons/mic-fill.svg" alt="record">
<p>Record</p>
</a>
<a class="podcast schedule" href="https://hub.hackerpublicradio.org/calendar.php">
<img src="icons/calendar-2-line.svg">
<img src="icons/calendar-2-line.svg" alt="schedule">
<p>Schedule</p>
</a>
<a class="podcast subscribe" href="https://hackerpublicradio.org/syndication.html">
<img src="icons/rss-line.svg">
<img src="icons/rss-fill.svg" alt="subscribe">
<p>Subscribe</p>
</a>
<a class="podcast listen" href="https://hackerpublicradio.org/eps/index.html">
<img src="icons/volume-up-line.svg">
<img src="icons/volume-up-fill.svg" alt="listen">
<p>Listen</p>
</a>
</section>
@@ -48,15 +48,15 @@
<h2>Project</h2>
<section class="project">
<a class="project host" href="https://hackerpublicradio.org/correspondents/index.html">
<img src="icons/user-line.svg">
<img src="icons/user-fill.svg" alt="host">
<p>Host</p>
</a>
<a class="project series" href="https://hackerpublicradio.org/series/index.html">
<img src="icons/stack-line.svg">
<img src="icons/stack-fill.svg" alt="series">
<p>Series</p>
</a>
<a class="project about" href="https://repo.anhonesthost.net/HPR/hpr_documentation/">
<img src="icons/question-mark.svg" href="https://hackerpublicradio.org/about.html">
<img src="icons/question-mark.svg" alt="question" href="https://hackerpublicradio.org/about.html">
<p>About</p>
</a>
</section>