Merge pull request 'Make host link click target larger on hosts listings page' (#293 ) from i277_Make-the-entire-Host-tile-a-link into main

Reviewed-on: #293
Make host link click target larger on hosts listings page
2025-11-03 14:18:15 +00:00 · 2025-11-02 10:38:05 -05:00 · 2025-11-02 12:37:31 +00:00 · 2025-11-02 00:58:51 -04:00 · 2025-11-01 21:08:42 -04:00 · 2025-11-02 00:43:05 +00:00
18 changed files with 149 additions and 155 deletions
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -636,7 +636,7 @@ fieldset > table td input[type="radio"] {
 	margin-bottom: 0.5rem;
 }
 .no-css {
-	display: none;
+	display: none !important;
 }
 #tags .date {
 	margin:0;
@@ -670,12 +670,20 @@ fieldset > table td input[type="radio"] {
 	background: var(--background-secondary);
 	color: var(--background-primary);
 }
+#hosts td:nth-child(2) {
+    display: inline-flex;
+}
 #hosts td:nth-child(-n+2) a {
 	color: var(--link-secondary);
+	flex: 1;
 }
 #hosts td:nth-child(-n+2) a:hover {
 	color: var(--link-secondary-hover);
 }
+#hosts td:nth-child(-n+2) a strong {
+    display: inline-block;
+	line-height: 1.5rem;
+}
 #hosts td:nth-child(2) {
 	padding: 0.25rem 0 0 8px;
 	width: calc(100% - 90px);	
@@ -743,7 +751,7 @@ nav.episodes span {
 	color: var(--text-primary);
 	display: inline-block;
 	text-align: center;
-	border: inset thin var(--text-primary);
+	border: solid thin var(--text-primary);
 }
 nav.episodes span:nth-child(-n+2),
 nav.episodes span:nth-child(-n+2) a {
@@ -757,24 +765,31 @@ nav.episodes span:nth-child(n+3) a {
 }
 nav.episodes span.no-link, 
 nav.episodes span a {
-	padding: 0.17em;
+	padding: 0.3em 0.4em 0.1em 0.4em;
 	display: inline-block;
 	min-width: 4.4em;
 	min-height: 1.5em;
 }
 nav.episodes span a:hover {
 	background-color: var(--link-primary-hover);
-	color: var(--link-navigation-hover);
+	color: var(--link-secondary-hover);
 }
-nav.episodes span a img {
-	filter: none;
-}
-nav.episodes img {
+nav.episodes svg {
 	margin: 0 0.2rem;
 	height: 0.85em;
 	max-width: 13px;
 	vertical-align: middle;
 }
+nav.episodes span a svg #arrow,
+nav.episodes span a svg #bar {
+	stroke: var(--link-primary);
+	fill: var(--link-primary);
+}
+nav.episodes span a:hover svg #arrow,
+nav.episodes span a:hover svg #bar {
+	stroke: var(--link-secondary-hover);
+	fill: var(--link-secondary-hover);
+}
@media (min-width: 600px) {
 	body > header .bounding-box {
 		justify-content: space-between;
@@ -924,8 +939,18 @@ nav.episodes img {
 	#hosts td:nth-child(-n+2) {
 		color: var(--text-primary);
 	}
-		nav.episodes span a:hover {
+	nav.episodes span a:hover {
 		background-color: var(--link-primary-hover);
 		color: var(--link-navigation-hover);
 	}
+	nav.episodes span svg #arrow,
+	nav.episodes span svg #bar {
+		stroke: var(--text-primary);
+		fill: var(--text-primary);
+	}
+	nav.episodes span a:hover svg #arrow,
+	nav.episodes span a:hover svg #bar {
+		stroke: var(--link-navigation-hover);
+		fill: var(--link-navigation-hover);
+	}
 }
--- a/public_html/images/icons/arrow-first-plain.svg
+++ b/public_html/images/icons/arrow-first-plain.svg
@@ -1,34 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   viewBox="0 0 8.0716972 9.7589998"
-   version="1.1"
-   id="svg1106"
-   width="8.0716972"
-   height="9.7589998"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1103" />
-  <g
-     id="layer1"
-     transform="translate(-92.715063,-46.059054)">
-    <g
-       id="g5606">
-      <path
-         id="arrow"
-         style="stroke-width:0.463;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;"
-         d="m 99.346123,55.549619 1.209147,-1.2065 -3.421063,-3.423708 3.386663,-3.386667 -1.21708,-1.217083 -4.595813,4.595813 z" />
-      <rect
-         style="stroke-width:0.406177;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;paint-order:fill markers stroke"
-         id="bar"
-         width="1.5938228"
-         height="9.3528233"
-         x="92.918152"
-         y="46.262142"
-         rx="0"
-         ry="0.11228061" />
-    </g>
-  </g>
-</svg>
--- a/public_html/images/icons/arrow-first.svg
+++ b/public_html/images/icons/arrow-first.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   viewBox="0 0 12 12"
+   version="1.1"
+   id="arrow_first"
+   width="12"
+   height="12"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+    <path
+     id="arrow"
+     style="stroke-width:0.584448;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+     d="M 9.9303359,11.572157 11.530286,10.119277 7.0035163,5.9964088 11.484768,1.9181465 9.8743209,0.45252151 3.7931149,5.986851 Z" />
+  <rect
+     style="stroke-width:0.524;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;marker-start:url(#Arrow1Lstart);paint-order:normal"
+     id="bar"
+     width="2.2"
+     height="11.263"
+     x="0.5"
+     y="0.36860976"
+     rx="0"
+     ry="0.0015425405" />
+</svg>
--- a/public_html/images/icons/arrow-last-plain.svg
+++ b/public_html/images/icons/arrow-last-plain.svg
@@ -1,35 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   viewBox="0 0 8.0039654 9.7589998"
-   version="1.1"
-   id="svg1106"
-   width="8.0039654"
-   height="9.7589998"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1103" />
-  <g
-     id="layer1"
-     transform="translate(-92.782792,-46.059054)">
-    <g
-       id="g5606"
-       transform="matrix(-1,0,0,1,193.50182,0)">
-      <path
-         id="path9831"
-         style="color:#000000;fill:#000000;fill-opacity:0.984314;stroke:#000000;stroke-width:0.463;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 99.346123,55.549619 1.209147,-1.2065 -3.421063,-3.423708 3.386663,-3.386667 -1.21708,-1.217083 -4.595813,4.595813 z" />
-      <rect
-         style="opacity:0.985023;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.406177;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke"
-         id="rect3544"
-         width="1.5938228"
-         height="9.3528233"
-         x="92.918152"
-         y="46.262142"
-         rx="0"
-         ry="0.11228061" />
-    </g>
-  </g>
-</svg>
--- a/public_html/images/icons/arrow-last.svg
+++ b/public_html/images/icons/arrow-last.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   viewBox="0 0 12 12"
+   version="1.1"
+   id="arrow_last"
+   width="12"
+   height="12"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <path
+     id="arrow"
+     style="stroke-width:0.584448;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+     d="M 2.0731448,11.604466 0.47319466,10.151586 4.9999643,6.0287178 0.51871266,1.9504555 2.1291598,0.48483049 8.2103658,6.01916 Z" />
+  <rect
+     style="stroke-width:0.524;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;marker-start:url(#Arrow1Lstart);paint-order:normal"
+     id="bar"
+     width="2.2"
+     height="11.263"
+     x="-11.503481"
+     y="0.40091875"
+     rx="0"
+     ry="0.0015425405"
+     transform="scale(-1,1)" />
+</svg>
--- a/public_html/images/icons/arrow-next-plain.svg
+++ b/public_html/images/icons/arrow-next-plain.svg
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   viewBox="0 0 6.3102736 9.6969385"
-   version="1.1"
-   id="arrow_next"
-   width="6.3102736"
-   height="9.6969385"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1103" />
-  <g
-     id="next"
-     transform="translate(-92.71506,-46.084171)">
-    <path
-       id="arrow"
-       style="color:#000000;fill:#000000;fill-opacity:0.984314;stroke:#000000;stroke-width:0.463;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 94.155697,55.549619 -1.209147,-1.2065 3.421063,-3.423708 -3.386663,-3.386667 1.21708,-1.217083 4.595813,4.595813 z" />
-  </g>
-</svg>
--- a/public_html/images/icons/arrow-next.svg
+++ b/public_html/images/icons/arrow-next.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   viewBox="0 0 12 12"
+   version="1.1"
+   id="arrow_next"
+   width="12"
+   height="12"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <path
+     id="arrow"
+     style="stroke-width:0.584448;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+     d="M 2.0731448,11.604466 0.47319466,10.151586 4.9999643,6.0287178 0.51871266,1.9504555 2.1291598,0.48483049 8.2103658,6.01916 Z" />
+</svg>
--- a/public_html/images/icons/arrow-previous-plain.svg
+++ b/public_html/images/icons/arrow-previous-plain.svg
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   viewBox="0 0 6.3102736 9.6969385"
-   version="1.1"
-   id="arrow_first"
-   width="6.3102736"
-   height="9.6969385"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1103" />
-  <g
-     id="arrow"
-     transform="translate(-92.71506,-46.084171)">
-    <path
-       id="path9831"
-       style="color:#000000;fill:#000000;fill-opacity:0.984314;stroke:#000000;stroke-width:0.463;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 97.584696,55.549619 1.209147,-1.2065 -3.421063,-3.423708 3.386663,-3.386667 -1.21708,-1.217083 -4.595813,4.595813 z" />
-  </g>
-</svg>
--- a/public_html/images/icons/arrow-previous.svg
+++ b/public_html/images/icons/arrow-previous.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   viewBox="0 0 12 12"
+   version="1.1"
+   id="arrow_previous"
+   width="12"
+   height="12"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <path
+     id="arrow"
+     style="stroke-width:0.584448;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+     d="M 9.9303359,11.572157 11.530286,10.119277 7.0035163,5.9964088 11.484768,1.9181465 9.8743209,0.45252151 3.7931149,5.986851 Z" />
+</svg>
--- a/site.cfg
+++ b/site.cfg
@@ -10,7 +10,7 @@ driver: dbi:SQLite:hpr.db

 # Configure the location of the templates and the generated HTML
 [app_paths]
-templates_path: ./templates
+templates_path: ./templates:./public_html/images/icons
 output_path: ./public_html

 # Configure the root template page which pulls in the navigation and 
@@ -108,9 +108,9 @@ content: content-sitemap.tpl.html
 navigation: navigation-main.tpl.html
 content: content-tags.tpl.html

-[twat_episode]
+[twt_episode]
 navigation: navigation-get-shows.tpl.html
-content: content-twat_episode.tpl.html
+content: content-twt_episode.tpl.html
 multipage: true
 filename: eps/twt[id]/index.html

--- a/templates/content-about.tpl.html
+++ b/templates/content-about.tpl.html
@@ -43,7 +43,7 @@ You can copy and redistribute the shows for free provided you adhere to the
 <p>Hacker Public Radio (HPR) is an Internet Radio show (podcast) that releases shows every weekday Monday through Friday. 
 HPR has a long lineage going back to <a href="https://web.archive.org/web/20230323053905/http://www.oldskoolphreak.com/" >Radio FreeK America</a>, 
 <a href="https://web.archive.org/web/20220123174618/https://www.binrev.com/forums/" >Binary Revolution Radio</a> &amp; <a href="https://web.archive.org/web/20150208172826/http://www.nomicon.info/" >Infonomicon</a>, 
-and it is a rename of <a href="<!--% absolute_url(baseurl,'twat.html') %-->" >Today With a Techie</a> radio.
+and it is a rename of <a href="<!--% absolute_url(baseurl,'eps/index.html#twt_episodes') %-->" >Today With a Techie</a> radio.
 Please listen to StankDawg&#39;s &quot;<a href="<!--% media_path(1, 'hpr', 'mp3', baseurl, media_baseurl) %-->" >
 	Introduction to HPR</a>&quot; for more information.</p>

--- a/templates/content-correspondent.tpl.html
+++ b/templates/content-correspondent.tpl.html
@@ -13,13 +13,13 @@
 	<!--% hpr_show_count = hpr_show_count +1; %-->
 	<!--% END %-->

-	<!--% query_twat_show_count = DBI.prepare('
+	<!--% query_twt_show_count = DBI.prepare('
 		SELECT id
 		FROM twat_eps AS eps
 		WHERE eps.hostid = ?
 		')
 		%-->
-		<!--% query_twat_shows = DBI.prepare('
+		<!--% query_twt_shows = DBI.prepare('
 			SELECT
 			eps.id,
 			CASE eps.explicit WHEN 1 THEN \'Explicit\' ELSE \'Clean\' END AS explicit ,
@@ -37,11 +37,11 @@
 			ORDER BY eps.id DESC
 			')
 			%-->
-			<!--% twat_shows_to_count = query_twat_show_count.execute(id); %-->
-			<!--% twat_shows = query_twat_shows.execute(id); %-->
-			<!--% twat_show_count = 0 %-->
-			<!--% FOREACH show IN twat_shows_to_count %-->
-			<!--% twat_show_count = twat_show_count +1; %-->
+			<!--% twt_shows_to_count = query_twt_show_count.execute(id); %-->
+			<!--% twt_shows = query_twt_shows.execute(id); %-->
+			<!--% twt_show_count = 0 %-->
+			<!--% FOREACH show IN twt_shows_to_count %-->
+			<!--% twt_show_count = twt_show_count +1; %-->
 			<!--% END %-->

 			<!--% hosts = DBI.tie('hosts', 'hostid') %-->
@@ -57,7 +57,7 @@
 				<div id="host_meta">
 					<p><label>email:</label> <u><!--% this_host.email %--></u></p>
 					<div><label>profile:</label> <!--% this_host.profile %--></div>
-					<p><label>episodes:</label> <strong><!--% hpr_show_count + twat_show_count %--></strong></p>
+					<p><label>episodes:</label> <strong><!--% hpr_show_count + twt_show_count %--></strong></p>
 				</div>
 			</div>
 			<div class="lane stack">
@@ -67,12 +67,12 @@
 					<p class="listen-in"><!--% display_listen_in(hpr_show.id) %--></p>
 				</article>
 				<!--% END %-->
-				<!--% FOREACH twat_show IN twat_shows; %-->
+				<!--% FOREACH twt_show IN twt_shows; %-->
 				<article>

-					<!--% twat_show_summary(twat_show, 'hide_host') %-->
-					<p class="listen-in"><!--% display_listen_in(twat_show.id,"twat") %--></p>
+					<!--% twt_show_summary(twt_show, 'hide_host') %-->
+					<p class="listen-in"><!--% display_listen_in(twt_show.id,"twt") %--></p>
 				</article>
 				<!--% END %-->
 			</div>
-			<p><a href="<!--% absolute_url(baseurl) %-->about.html#so_you_want_to_record_a_podcast">Become a Correspondent</a></p>
+			<p><a href="<!--% absolute_url(baseurl) %-->../about.html#so_you_want_to_record_a_podcast">Become a Correspondent</a></p>
--- a/templates/content-correspondents.tpl.html
+++ b/templates/content-correspondents.tpl.html
@@ -1,7 +1,7 @@
 <!--% PROCESS 'shared-utils.tpl.html' %-->
 <!--% PROCESS 'shared-avatar.tpl.html' %-->
 	<h2 class="title">Correspondents</h2>
-	<p>For more information on how to become a Correspondent see our <a href="<!--% absolute_url(baseurl) %-->about.html#so_you_want_to_record_a_podcast">contribute</a></center> page. To add a logo here, either email one to admin at hpr or setup your email on <a href="https://en.gravatar.com/">Gravatar</a>. To protect your browsing privacy we gather the images every hour and serve them directly from HPR.<p />
+	<p>For more information on how to become a Correspondent see our <a href="<!--% absolute_url(baseurl) %-->../about.html#so_you_want_to_record_a_podcast">contribute</a></center> page. To add a logo here, either email one to admin at hpr or setup your email on <a href="https://en.gravatar.com/">Gravatar</a>. To protect your browsing privacy we gather the images every hour and serve them directly from HPR.<p />
 <!--% USE DBI(constants.driver) %-->
 <!--% host_cnt = 0 %-->
 	<table id="hosts" class="hosts lane stack">
@@ -23,13 +23,12 @@
 	<tr class="lane">
 	<td><!--% get_avatar(host.hostid, host.host, host_cnt > 8) %--></td>

-		<td><strong><!--% host.host %--></strong><br>
-
-			Host ID: <a href="<!--% absolute_path(baseurl) %-->correspondents/<!--% zero_pad_left(host.hostid) %-->.html"><!--% host.hostid %--></a></td>
+		<td><a href="<!--% absolute_path(baseurl) %-->correspondents/<!--% zero_pad_left(host.hostid) %-->.html"><strong><!--% host.host %--></strong><br>
+			Host ID: <!--% host.hostid %--></a></td>
 		<td><!--% host.license %--></td>
 		<td><!--% host.date %--></td>
 	</tr><!--% host_cnt = host_cnt + 1 %-->
 	<!--% END %-->
 	</tbody>
 	</table>
-	<p><a href="<!--% absolute_url(baseurl) %-->about.html#so_you_want_to_record_a_podcast">Become a Correspondent</a></p>
+	<p><a href="<!--% absolute_url(baseurl) %-->../about.html#so_you_want_to_record_a_podcast">Become a Correspondent</a></p>
--- a/templates/content-episodes.tpl.html
+++ b/templates/content-episodes.tpl.html
@@ -20,7 +20,7 @@
 		<a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/2.5/"><img alt="Creative Commons License" border="0" src="https://creativecommons.org/images/public/somerights20.png" width="88" height="31" /></a><br>The following work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/2.5/">Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License</a>.</p>
 	<p>Today With a Techie Radio was brought to you by <a href="https://en.wikipedia.org/wiki/Infonomicon">The Infonomicon Computer Club</a></p>
 	<div class="lane stack">
-	<!--% FOREACH twat_episode IN DBI.query('
+	<!--% FOREACH twt_episode IN DBI.query('
 	SELECT 
        eps.id, 
        eps.explicit, 
@@ -36,7 +36,7 @@
 	') 
 %-->
 	<article>
-	<!--% twat_show_summary(twat_episode) %-->
+	<!--% twt_show_summary(twt_episode) %-->
 </article>
 <!--% END %-->
 	</div>
--- a/templates/content-twat_episode.tpl.html
+++ b/templates/content-twat_episode.tpl.html
@@ -55,8 +55,8 @@
 <p><!--% show_avatar(episode.hostid, episode.host) %-->
 Hosted by <a href="<!--% absolute_path(baseurl) %-->correspondents/<!--% zero_pad_left(episode.hostid) %-->.html"><!--% episode.host %--></a> on <span><!--% day_and_date(episode.date) %--></span> is flagged as <span><!--% display_explicit(episode.explicit) %--></span> and is released under a <span><!--% episode.license %--> license</span>. <br>
 <!--% display_tags(episode.tags) %--> <br>
-<!--% listen_now(episode, "twat", baseurl, media_baseurl) %-->
-<!--% display_listen_in(episode.id, "twat") %-->  
+<!--% listen_now(episode, "twt", baseurl, media_baseurl) %-->
+<!--% display_listen_in(episode.id, "twt") %-->  
 </p>
 <h3><!--% show_series(episode.series, episode.seriesid, "Part of the series") %--></h3> 
 <p><em><!--% episode.series_description %--></em></p>
--- a/templates/ids-twat_episode.tpl.html
+++ b/templates/ids-twat_episode.tpl.html
--- a/templates/shared-episode-summary.tpl.html
+++ b/templates/shared-episode-summary.tpl.html
@@ -56,7 +56,7 @@ or
 	<p class="summary"><!--% show.summary %--></p>
 <!--% END %-->

-<!--% MACRO twat_show_summary(show, hide_host) BLOCK %-->
+<!--% MACRO twt_show_summary(show, hide_host) BLOCK %-->

 	<h3 class="title"><a href="<!--% absolute_path(baseurl) %-->eps/twt<!--% zero_pad_left(show.id) %-->/index.html">Today with a Techie Ep.<!--% show.id %--> :: <!--% show.title %--></a> <!--% IF hide_host == "" %--> 
 		hosted by <a href="<!--% absolute_path(baseurl) %-->correspondents/<!--% zero_pad_left(show.hostid) %-->.html"><!--% show.host %--></a>
--- a/templates/shared-utils.tpl.html
+++ b/templates/shared-utils.tpl.html
@@ -93,7 +93,7 @@
 <!--% END %-->

 <!--% MACRO media_path(episode_id, episode_type, media_type, baseurl, media_baseurl) BLOCK %-->
-        <!--% IF episode_type == "twat" %-->
+        <!--% IF episode_type == "twt" %-->
                <!--% episode_type = "twt" %-->
                <!--% padding = 3 %-->
                <!--% media_folder = "eps/"; padding = 3 %-->
@@ -117,16 +117,20 @@
 <!--% IF folder %-->
 <!--% folder = folder %--><!--% ELSE %--><!--% folder = "hpr" %-->
 <!--% END %-->
-<nav class="episodes" aria-description="Navigation to other episodes"><span><a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.earliest) %-->/index.html" rel="first" aria-label="first episode"><img src="/images/icons/arrow-first-plain.svg" alt="<<">First</a></span>,
+<!--% arrow_first = "arrow-first.svg" %--> 
+<!--% arrow_prev = "arrow-previous.svg" %--> 
+<!--% arrow_next = "arrow-next.svg" %--> 
+<!--% arrow_last = "arrow-last.svg" %--> 
+<nav class="episodes" aria-description="Navigation to other episodes"><span><a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.earliest) %-->/index.html" rel="first" aria-label="first episode"><!--% INSERT $arrow_first %--><span class="no-css">&lt;&lt; </span>First</a></span>,
    <!--% IF links.previous %-->
-    <span><a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.previous) %-->/index.html" rel="previous" aria-label="previous episode"><img src="/images/icons/arrow-previous-plain.svg" alt="<">Previous</a></span>,
+    <span><a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.previous) %-->/index.html" rel="previous" aria-label="previous episode"><!--% INSERT $arrow_prev %--><span class="no-css">&lt; </span>Previous</a></span>,
    <!--% ELSE %-->
-    <span class="no-link"><img src="/images/icons/arrow-previous-plain.svg" alt="<">Previous</span>,
+    <span class="no-link"><!--% INSERT $arrow_prev %--><span class="no-css">&lt; </span>Previous</span>,
    <!--% END %-->
    <!--% IF links.next %-->
-	<span><a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.next) %-->/index.html" rel="next" aria-label="next episode">Next<img src="/images/icons/arrow-next-plain.svg" alt=">"></a></span>, 
+	<span><a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.next) %-->/index.html" rel="next" aria-label="next episode">Next<span class="no-css"> &gt;</span><!--% INSERT $arrow_next %--></a></span>, 
    <!--% ELSE %-->
-	<span class="no-link">Next<img src="/images/icons/arrow-next-plain.svg" alt=">"></span>, 
+	<span class="no-link">Next<span class="no-css"> &gt;</span><!--% INSERT $arrow_next %--></span>, 
    <!--% END %-->
-	<span><a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.latest) %-->/index.html" rel="last" aria-label="latest episode">Latest<img src="/images/icons/arrow-last-plain.svg" alt=">>"></a></span></nav>
+	<span><a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.latest) %-->/index.html" rel="last" aria-label="latest episode">Latest<span class="no-css"> &gt;&gt;</span><!--% INSERT $arrow_last %--></a></span></nav>
 <!--% END %-->
Author	SHA1	Message	Date
Roan Horning	2f779fb9d0	Merge pull request 'Make host link click target larger on hosts listings page' (#293 ) from i277_Make-the-entire-Host-tile-a-link into main Reviewed-on: #293	2025-11-03 14:18:15 +00:00
Roan Horning	7a02c7b1c1	Make host link click target larger on hosts listings page In effect, make the whole table cell a link.	2025-11-02 10:38:05 -05:00
Roan Horning	48fbd272e4	Merge pull request '[i289] Rename Today with a Techie acronym references' (#292 ) from i289_Rename-Today-with-a-Techie-acronym-references into main Reviewed-on: #292	2025-11-02 12:37:31 +00:00
Roan Horning	b850c51e4f	Change variable names to twt_...	2025-11-02 00:58:51 -04:00
Roan Horning	3bf5769b52	Rename template files	2025-11-01 21:08:42 -04:00
Roan Horning	67e56ea102	Merge pull request '[I289] Fix relative link to about page' (#290 ) from i289_Become-a-Correspondent-link-fails into main Reviewed-on: #290	2025-11-02 00:43:05 +00:00
Roan Horning	2c9e75bf1a	Fix relative link to about page	2025-11-01 20:38:33 -04:00
Roan Horning	ccc904c691	Merge pull request '[i 284] Make the first previous next latest navigation bar clearer' (#288 ) from i284-Make-the-first-previous-next-latest-navigation-bar-clearer into main Reviewed-on: #288	2025-10-31 14:06:13 +00:00
Roan Horning	d0c371a0f9	Add arrow icon path to generator templates path	2025-10-31 09:59:00 -04:00
Roan Horning	466ef289b1	Tweak espisode navigation button padding	2025-10-31 09:45:31 -04:00
Roan Horning	b5755ddedb	Rename arrow icons	2025-10-31 09:33:00 -04:00
Roan Horning	2a119bd920	Match arrow icon stroke and fill colors to a tag color	2025-10-30 22:18:03 -04:00
Roan Horning	a8dc69d7ad	Include arrow icon SVG directly in the html This optimizes both the load time of the icons and allows them to be modified via CSS.	2025-10-30 22:15:18 -04:00
Roan Horning	09f5c60d60	Simplify SVG and make icons more distinctive	2025-10-30 22:03:46 -04:00