HPR/hpr_generator
8
1
Fork 5
Code Issues 30 Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Fix lane icon default height when no css

Browse Source 
Add height attribute to image and br tags for formatting
when no css is available.
This commit is contained in:
Roan Horning
2025-08-03 22:27:13 -04:00
parent 6acaf1b28c
commit 033fc310bf
2 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public_html/css/hpr.css
View File

@@ -311,7 +311,7 @@ a.lane-button {
} }
a.lane-button img { a.lane-button img {
height: 110px; height: clamp(95px, calc(100vw - var(--for-tablet-portrait-up)), 110px);
filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%); filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%);
transform: scaleX(0.9); transform: scaleX(0.9);
} }

19
templates/content-index.tpl.html
View File

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