Update Docker build instructions

Fix cpanm call in run layer
Add instructions for building and running Docker images
2026-05-17 19:31:49 -04:00 · 2026-05-17 12:01:40 -04:00 · 2026-05-17 11:39:40 -04:00 · 2026-05-17 10:32:04 -04:00 · 2026-05-17 10:09:33 -04:00 · 2026-03-01 12:43:22 +00:00
51 changed files with 3895 additions and 1307 deletions
--- a/24
+++ b/24
@@ -0,0 +1,24 @@
+FROM perl:stable
+
+RUN   cpanm Config::Std \
+   && cpanm Template \
+   && cpanm Template::Plugin::DBI \
+   && cpanm Template::Plugin::HTML::Strip \
+   && cpanm DBD::SQLite \
+   && cpanm Tie::DBI \
+   && cpanm Date::Calc \
+   && cpanm Text::CSV_XS \
+   && cpanm HTML::Entities \
+   && mkdir -p /usr/src/app
+
+WORKDIR /usr/src/app
+
+ADD site-generator /usr/src/app/site-generator
+ADD site.cfg /usr/src/app/site.cfg
+ADD templates /usr/src/app/templates
+ADD LICENSE /usr/src/app/LICENSE
+
+# Tell Perl where to find the local modules
+ENV PERL5LIB=/usr/local/lib/perl5/site_perl
+
+ENTRYPOINT ["/usr/src/app/site-generator"]
--- a/GETTING_STARTED.md
+++ b/GETTING_STARTED.md
@@ -11,7 +11,9 @@ password are required), run:
 On success, an "hpr_generator" directory will be created in the folder from 
 which the clone command was executed containing a local copy of the git repository.

-# Install required Perl modules
+# Building on local system
+
+## Install required Perl modules

 Installing the Perl modules is the most finicky part of the installation process. 
 The needed Perl modules can be found using the operating system's package 
@@ -34,7 +36,7 @@ apt install libconfig-std-perl \

 ```

-## Using CPAN to install the modules
+### Using CPAN to install the modules

 A cross platform method to install the needed modules is the Perl CPAN application. 
 Make sure that the [gcc](https://www.gnu.org/software/gcc/), 
@@ -55,7 +57,7 @@ cpan Tie::DBI
 cpan Text:CSV_XS
 ```

-## Testing for Perl module dependencies
+### Testing for Perl module dependencies

 A bash script is included in the utils directory that will list the Perl modules used by the site-generator and report whether the modules are installed on the current OS.

@@ -65,6 +67,39 @@ It can be run from any directory. To run from the utils directory:
 ./check-dependencies.sh
 ```

+# Building with Docker
+
+The docker file will copy the local version of the site-generator program, the templates directory, the LICENSE file,
+and the site.cfg file into the Docker image. For the docker image to run correctly it needs access to your local 
+hpr.db file and the output directory (defaults to "public_html"). The default site.cfg assumes the hpr.db is located 
+in the directory from which the site-generator is run. There are two ways to make the db available to the container:
+
+* Put the hpr.db file in the public_html folder and modify the driver option under the [DBI] section of the site.cfg to:<br>
+  ```driver: dbi:SQLite:public_html/hpr.db```
+* mount the hpr.db file into the container when starting up the container with the -v option: <br>
+  ```-v <path to db directory>/hpr.db:/usr/src/app/hpr.db```
+
+Build the image by running the following command from the hpr_generator directory:
+```docker run -t hpr/site-generator .```
+
+The first build will take a while. It must pull down the base container, perl-latest, and then pull down and build the 
+various Perl modules from CPAN. After the initial build, if you have modified your site.cfg file, templates dir, or the 
+site-generator program itself, builds will be very quick.
+
+If the build fails, it is often from a CPAN module failing to download and install. Try running the Docker build command again.
+
+## Running the container
+
+When runing the Docker image, your local output directory (typically public_html) must be mounted into the container using 
+the -v option. If you are using the default path for the hpr.db, then the local hpr.db file must also be mounted into the image.
+The following is an example of running the site-generator with default locations from the hpr_generator directory:
+```
+docker run \
+-v "$(pwd)/public_html":/usr/src/app/public_html \
+-v "$(pwd)/hpr.db":/usr/src/app/hpr.db \
+hpr/site-generator --help
+```
+
 # Create the HPR database

 The hpr_generator relies on information from a database to generate many of the 
--- a/NEWSITE_CONTRIBUTERS.md
+++ b/NEWSITE_CONTRIBUTERS.md
@@ -0,0 +1,17 @@
+# Basic Concept, Design and Guiding Light
+
+* Ken Fallon
+
+# Implementaion and Design Touches
+
+* Lee Hanken
+* Roan Horning
+
+# Constructive Feedback and Forward Looks
+
+* Archer72 (Mark Rice)
+* Dave Morris
+* kwoot
+
+Thanks to all the contributers who helped give HPR 
+its 2025 facelift!
--- a/README.md
+++ b/README.md
@@ -2,6 +2,9 @@
 Static web page generator for the Hacker Public Radio website.

 ## Installation
+
+### On local system
+
 * Clone or download this repository
 * With SQLite
 	* Create the sqlite3 database from the hpr.sql MySQL dump file available on
@@ -31,6 +34,10 @@ Static web page generator for the Hacker Public Radio website.
    * Text::CSV_XS
    * HTML::Entities

+### Using Docker
+
+* run: `docker build -t hpr/site-generator .`
+
 * See the [Getting Started](GETTING_STARTED.md) tutorial for more details on
  installing the HPR generator.

@@ -68,5 +75,5 @@ and add the label "**Feature Request**".
 * Ken Fallon
 * norrist
 * Paul Jewell
-
+* Lee Hanken

--- a/_sql/sqlite/Rename_twt_table.sql
+++ b/_sql/sqlite/Rename_twt_table.sql
@@ -0,0 +1 @@
+ALTER TABLE twat_eps RENAME TO twt_eps;
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -10,7 +10,11 @@ https://creativecommons.org/publicdomain/
 *		-- https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
 *	- Matthew James Tayler: Responsive Font Size (Optimal Text at Every Breakpoint) 
 *		-- https://matthewjamestaylor.com/responsive-font-size
- *	- CSS-Tricks: Linearly Scale font-size with CSS clamp() Based on the Viewport
+ *	- CSS-Tricks: Linearly Scale font-size with CSS c
+ *	#welcome > p {
+ *	font-size: 1.25rem;
+ *	font-weight: 450;
+ *	}lamp() Based on the Viewport
 *		-- https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
 */

@@ -18,8 +22,8 @@ https://creativecommons.org/publicdomain/
  font-family: "BebasNeue";
  src:
    local("BEBAS NEUE"),
-    url("/css/bebas/BebasNeue.woff2") format("woff2");
-    url("/css/bebas/BebasNeue.woff") format("woff");
+    url("/css/bebas/BebasNeue.woff2") format("woff2"),
+    url("/css/bebas/BebasNeue.woff") format("woff"),
    url("/css/bebas/BebasNeue.otf") format("opentype");
 }
@font-face {
@@ -27,7 +31,7 @@ https://creativecommons.org/publicdomain/
  src:
    local("Patrick Hand"),
 	url("/css/patrickhand/PatrickHand-Regular.woff2") format("woff2"),
-    url("/css/patrickhand/PatrickHand-Regular.woff") format("woff");
+    url("/css/patrickhand/PatrickHand-Regular.woff") format("woff"),
 	url("/css/patrickhand/PatrickHand-Regular.ttf") format("truetype");
 }
 :root {
@@ -43,10 +47,15 @@ https://creativecommons.org/publicdomain/
 	--link-secondary: #a8f8ff;
 	--link-secondary-hover: #f9e9c2;
 	--link-title-color: #00003e;
+	--link-navigation-hover: #030303;
+	--primary-content-line-height: 1.45;

 	--font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */;
 	--font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem);
+	--font-size-emphasis: clamp(1.1rem, 15px + 0.3vw, 1.25rem);

+	--episode-nav-padding: clamp(0.15em, 15px + 0.3vw, 0.4em);
+	--show-notes-pre-background: #f9e9c2; 
 	--logo-font-family: var(--font-family-hpr);  
 	--logo-font-weight: bolder;
 	--logo-font-size: 7.5rem;
@@ -307,7 +316,7 @@ p.meta span label {
 article > p,
 #main_content > p,
 #main_content > section > p {
-	line-height: 1.45;
+	line-height: var(--primary-content-line-height);
 }
 .lane {
 	display: flex;
@@ -326,9 +335,13 @@ article > p,
 #podcast_lane > .lane,
 #project_lane > .lane,
 #latest_lane.lane {
-	justify-content: flex-between;
+	justify-content: space-around;
 }
 .lane > article,
+#welcome > p {
+	font-size: var(--font-size-emphasis);
+	font-weight: 450;
+}
 #hosts tr {
 	/* Add shadows to create the "card" effect */
 	border-top: thin solid var(--shadow-cards);
@@ -339,7 +352,7 @@ article > p,
      2px 4px 4px var(--shadow-cards);
 	transition: 0.3s;
 	flex: 1 0 100%;
-	overflow-x: scroll;
+	overflow: auto;
 	padding-bottom: 1rem;
 }
 .lane > article:hover,
@@ -353,7 +366,7 @@ article > p,
 	margin-right: 1rem;
 }
 .lane > article > header,
-.lane > article > h3 {
+.lane > article > h3:first-child {
 	background: var(--background-secondary);
 	padding: 1.5rem 1rem 1rem 1rem;
 	margin: 0;
@@ -361,12 +374,25 @@ article > p,
 	font-size: 1.45rem;
 	color: var(--background-primary);
 }
+.lane > article > header > .index-link {
+	float: right;
+}
+.lane.stack > article  {
+	border-radius: 0.5rem;
+	border: thin solid var(--background-secondary);
+	max-width: calc(100vw - 12px);
+}
+.lane.stack > article > header,
+.lane.stack > article > h3:first-child {
+	border-top-left-radius: 0.5rem;
+	border-top-right-radius: 0.5rem;
+}
 .lane > article > header a,
-.lane > article > h3 a {
+.lane > article > h3:first-child a {
 	color: var(--link-secondary);
 }
 .lane > article > header a:hover,
-.lane > article > h3:hover {
+.lane > article > h3:first-child:hover {
 	color: var(--link-secondary-hover);
 }
 .lane.stack> * > header * {
@@ -377,6 +403,9 @@ article > p,
 	font-size: var(--default-header-4-font-size);
 	margin-left: 22px;
 }
+.lane.stack > article > footer {
+	margin-bottom: 1rem;
+}
 a.lane-button {
 	display: flex;
 	flex-direction: column;
@@ -532,48 +561,68 @@ fieldset > table td select {
 	display: block;
 	font-size: 1rem;
 }
-
 fieldset > table {
 	width: calc(100vw + -16vw + -1rem);
 	max-width: 100%;
 }
-fieldset > input,
-fieldset > table td input,
-fieldset > table td textarea {
-	width: calc(100vw + -16vw + -1.5rem);
-	max-width: 100%;
+input {
 	border: thin solid var(--input-border-primary);
 	border-radius: 0.2rem;
 	margin-bottom: 0.5rem;
 	padding: 0.5rem;
 }
-
-fieldset > table td select {
-	appearance: none;
+input[type="submit"] {
+	background-color: var(--background-secondary);
+	color: var(--text-secondary);
+	font-weight: 400;
+	width: fit-content;
+}
+input[type="submit"]:hover {
+	background-color: var(--link-primary-hover);
+	color: var(--background-primary);
+}
+select {
+	appearance: auto;
 	background: var(--background-primary);
 	color: var(--text-primary);
-	width: calc(100vw + -16vw + -0.40rem);
 	border: 1px solid var(--input-border-primary);
 	border-radius: 0.25rem;
 	cursor: pointer;
 	margin-bottom: 0.5rem;
 	padding: 0.5rem;
 }
-fieldset > table td select:focus{
+select:focus{
    background: var(--background-secondary);
 	color: var(--text-secondary);
-}
-fieldset > table td select:active {
+}select:active {
    background: var(--background-secondary);
 	color: var(--text-primary);
 }
+fieldset > input,
+fieldset > table td input,
+fieldset > table td textarea {
+	width: calc(100vw + -16vw + -1.5rem);
+	max-width: 100%;
+}
+fieldset > table td select {
+	width: calc(100vw + -16vw + -0.40rem);
+}
 fieldset > table td input[type="radio"] {
 	display: initial;
 	width: initial;
 	margin-bottom: 0.5rem;
 }
+#youtube {
+	--video-ratio: calc(390 / 640);
+	width: min(calc(89vw + 0px), 640px);
+	height: min(calc(calc(89vw + 0px) * var(--video-ratio)), 390px);
+}
+#upload_method pre {
+	max-width: 80vw;
+	overflow-x: scroll;
+}
 #search form {
-	flex: 1 1 auto
+	flex: 1 1 100%;
 }
 #search fieldset {
 	padding-top: 1rem;
@@ -585,20 +634,14 @@ fieldset > table td input[type="radio"] {
 	width: 94%;
 }
 #search fieldset > input[type="submit"] {
-	background-color: var(--background-secondary);
-	color: var(--text-secondary);
 	width: 100%;
 }
-#search fieldset > input[type="submit"]:hover {
-	background-color: var(--link-primary-hover);
-	color: var(--background-primary);
-}
 #search fieldset > p {
 	margin-top: 0.5rem;
 	margin-bottom: 0.5rem;
 }
 .no-css {
-	display: none;
+	display: none !important;
 }
 #tags .date {
 	margin:0;
@@ -632,12 +675,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);	
@@ -656,11 +707,42 @@ fieldset > table td input[type="radio"] {
 #hosts td > img {
 	border-radius: 0.25rem;
 }
-.series-description {
+#host {
+	justify-content: center;
+	align-items: center;
+	gap: 0.5rem;
+}
+#host_id {
+	text-align: center;
+}
+#host_id > h2 {
+	margin-top: 0;
+}
+#host_id img {
+	border-radius: 0.25rem;
+}
+#host_meta {
+	flex: 1;
+	padding: 0 0 0.75rem 0;
+}
+#host_meta > div,
+#host_meta > p {
+	margin: 0.25rem 0;
+	line-height: var(--primary-content-line-height);
+}
+#host_meta > div > p {
+	display: inline-block;
 	margin: 0;
 	padding: 0;
+}
+.series-description {
+	margin: 0 0 1rem 0;
+	padding: 0;
 	font-style: italic;
 }
+.series-desciption > *:last-child {
+	margin-bottom: 0;
+}
 .sr-only {
 	position: absolute;
 	width: 1px;
@@ -671,6 +753,70 @@ fieldset > table td input[type="radio"] {
 	clip: rect(0, 0, 0, 0);
 	border: 0;
 }
+#show_notes {
+	max-width: 98vw;
+}
+#show_notes pre
+{
+    overflow: auto;
+}
+#show_notes code {
+	display: inline-block;
+    background-color: var(--show-notes-pre-background);
+    border: 1px solid #ddd;
+	padding: 0.1em 0;
+}
+nav.episodes {
+	color: var(--background-primary);
+	font-size: 0.9em;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-around;
+	max-width: 100vw;
+}
+nav.episodes span {
+	color: var(--text-primary);
+	display: inline-block;
+	text-align: center;
+	border: solid thin var(--text-primary);
+}
+nav.episodes span:nth-child(-n+2),
+nav.episodes span:nth-child(-n+2) a {
+	border-top-left-radius: 2rem;
+	border-bottom-left-radius: 2rem;
+}
+nav.episodes span:nth-child(n+3),
+nav.episodes span:nth-child(n+3) a {
+	border-top-right-radius: 2rem;
+	border-bottom-right-radius: 2rem;
+}
+nav.episodes span.no-link, 
+nav.episodes span a {
+	padding: 0.3em var(--episode-nav-padding) 0.1em var(--episode-nav-padding);
+	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-secondary-hover);
+}
+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;
@@ -764,6 +910,12 @@ fieldset > table td input[type="radio"] {
 		flex: 1 1 45%;
 		max-width: 45%;
 	}
+	#host {
+		gap: 2rem;
+	}
+	nav.episodes {
+		display: inline-block;
+	}
 }
@media (min-width: 900px) {
 	#podcast_lane > .lane,
@@ -779,3 +931,54 @@ fieldset > table td input[type="radio"] {
 		max-width: 30%;
 	}
 }
+@media (prefers-color-scheme: dark) {
+	:root {
+		--link-primary: #bbdfe7;
+		--link-header-hover: #b54c08; /* original --link-primary-hover */;
+		--link-primary-hover: var(--link-secondary-hover);
+		--background-primary: #4d4d4d; /* HPR Grey */
+		--text-primary: #dfdfdf /*#fffff7#fafafa#fbfbee #dfdfdf */;
+		--banner-text-primary: #b6b6b6; 
+		--shadow-secondary-color: hsl(0, 0%, 40%);
+		--input-border-primary: var(--shadow-secondary-color);
+		--lane-button-color: #d5e6ea;	
+		--show-notes-pre-background: #b54c08;
+	}
+	body > header {
+		background-image: url("/images/main-header-background-dark.png");
+		background-color: #22545a;
+	}	
+	img {
+		filter: brightness(0.70);
+	}
+	a.lane-button {
+		background-image: url("/images/lane-button-background-dark.png");
+		color: var(--lane-button-color);
+	}
+	a.lane-button img {
+		filter: none;
+	}
+	.lane > article > header {
+		color: var(--text-secondary);
+	}
+	#title a:hover {
+		color: var(--link-header-hover);
+	}
+	#hosts td:nth-child(-n+2) {
+		color: var(--text-primary);
+	}
+	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/contribute-audacity-export-sm.png
+++ b/public_html/images/contribute-audacity-export-sm.png
--- a/public_html/images/contribute-audacity-record-sm.png
+++ b/public_html/images/contribute-audacity-record-sm.png
--- a/public_html/images/contribute-mumble-record-sm.png
+++ b/public_html/images/contribute-mumble-record-sm.png
--- a/public_html/images/hpr_feed_small.png
+++ b/public_html/images/hpr_feed_small.png
--- 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.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.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.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/public_html/images/lane-button-background-dark.png
+++ b/public_html/images/lane-button-background-dark.png
--- a/public_html/images/main-header-background-dark.png
+++ b/public_html/images/main-header-background-dark.png
--- a/2
+++ b/2
@@ -1,4 +1,4 @@
-#!/usr/bin/perl
+#!/usr/bin/env perl

 # {{{ POD documentation

--- 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 
@@ -26,6 +26,10 @@ media_baseurl: https://hub.hackerpublicradio.org/ccdn.php?filename=/eps/hpr$eps_
 generator_name: The HPR Robot
 generator_email: robot.nospam@nospam.hackerpublicradio.org

+# Is safe for work: 0 for true, 1 for false -- if true substitute 
+# variations of Hobby for Hacker
+is_sfw: 1
+
 # Configure the navigation menu and the content templates for each page 
 # of the site:
 #
@@ -108,9 +112,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

@@ -130,6 +134,10 @@ content: content-promote.tpl.html
 navigation: navigation-about.tpl.html
 content: content-comments_viewer.tpl.html

+[new_year]
+navigation: navigation-about.tpl.html
+content: content-new_year.tpl.html
+
 [hpr_ogg]
 root_template: rss.tpl.xml
 content: rss-hpr.tpl.xml
@@ -171,3 +179,15 @@ media_file_extension: spx
 [comments]
 root_template: rss-comments.tpl.xml
 filename: comments.rss
+
+[correspondent_m3u]
+root_template: m3u.tpl.m3u8
+content: m3u-correspondent.tpl.m3u8
+filename: correspondents/[id]/playlist.m3u8
+multipage: true
+
+[series_episodes_m3u]
+root_template: m3u.tpl.m3u8
+content: m3u-series_episodes.tpl.m3u8
+filename: series/[id].m3u8
+multipage: true
--- a/templates/content-about.tpl.html
+++ b/templates/content-about.tpl.html
--- a/templates/content-about.tpl.html.orig
+++ b/templates/content-about.tpl.html.orig
--- a/templates/content-comments_viewer.tpl.html
+++ b/templates/content-comments_viewer.tpl.html
@@ -3,7 +3,7 @@
 <!--% PROCESS 'shared-listen-now.tpl.html' %-->
 <!--% PROCESS "queries-episode.tpl.html" %-->
 <!--% USE DBI(constants.driver) %-->
-
+<!--% page_title = "HPR ~ Current comments on the shows" %-->
 <h2>Comment Viewer</h2>
 <p>Because of the spammers we have had to turn on comment moderation. Sorry about the delay this will cause.</p>
 <p><a href="<!--% absolute_path(baseurl) %-->comments.rss">Subscribe</a> to the comment feed.</p>
--- a/templates/content-contact.tpl.html
+++ b/templates/content-contact.tpl.html
@@ -1,3 +1,4 @@
+<!--% page_title = "HPR ~ Contact the Community" %-->
 <article>
    <header>
        <h1>Contact</h1>
--- a/templates/content-correspondent.tpl.html
+++ b/templates/content-correspondent.tpl.html
@@ -3,68 +3,49 @@
 <!--% PROCESS 'shared-utils.tpl.html' %-->
 <!--% PROCESS "queries-correspondent.tpl.html" %-->
 <!--% USE DBI(constants.driver) %-->
-<!--% results_hpr_shows = DBI.prepare(query_hpr_shows)
-%-->
-<!--% results_hpr_show_count = DBI.prepare(query_hpr_show_count) %-->
-<!--% hpr_shows_to_count = results_hpr_show_count.execute(id); %-->
-<!--% hpr_shows = results_hpr_shows.execute(id); %-->
-<!--% hpr_show_count = 0 %-->
-<!--% FOREACH show IN hpr_shows_to_count %-->
-<!--% hpr_show_count = hpr_show_count +1; %-->
-<!--% END %-->
+<!--% results_hpr_shows = DBI.prepare(query_hpr_shows) %-->
+	<!--% results_hpr_show_count = DBI.prepare(query_hpr_show_count) %-->
+	<!--% hpr_result_status = results_hpr_show_count.execute(id); %-->
+	<!--% hpr_shows = results_hpr_shows.execute(id); %-->
+	<!--% hpr_show_count = results_hpr_show_count.fetchrow_array %-->

-<!--% query_twat_show_count = DBI.prepare('
-		SELECT id
-		FROM twat_eps AS eps
-		WHERE eps.hostid = ?
-		')
-%-->
-<!--% query_twat_shows = DBI.prepare('
-		SELECT
-		eps.id,
-		CASE eps.explicit WHEN 1 THEN \'Explicit\' ELSE \'Clean\' END AS explicit ,
-		eps.date, eps.license, eps.duration,
-		eps.title, eps.summary, eps.tags,
-		eps.notes,
-		hosts.local_image,
-		hosts.hostid,
-		hosts.host, hosts.email, hosts.profile,
-		miniseries.name AS series, miniseries.id AS seriesid
-	FROM twat_eps AS eps
-	INNER JOIN hosts ON eps.hostid = hosts.hostid
-	INNER JOIN miniseries ON eps.series = miniseries.id
-	WHERE hosts.hostid = ?
-	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; %-->
-<!--% END %-->
+	<!--% results_hpr_shows = DBI.prepare(query_twt_shows) %-->
+	<!--% results_twt_show_count = DBI.prepare(query_twt_show_count) %-->
+	<!--% twt_result_status = results_twt_show_count.execute(id); %-->
+	<!--% twt_shows = results_hpr_shows.execute(id); %-->
+	<!--% twt_show_count = results_twt_show_count.fetchrow_array %-->

-<!--% hosts = DBI.tie('hosts', 'hostid') %-->
+			<!--% hosts = DBI.tie('hosts', 'hostid') %-->

-	<article>
-		<!--% this_host = hosts.$id %-->
-		<h2 class="title">Correspondent</h2>
-		<h2><!--% this_host.host %--></h2>
-		<p><!--% get_avatar(this_host.hostid, this_host.host) %--><br>
-		<label>Host ID</label>: <!--% this_host.hostid %--><br><br>
-		<label>email:</label> <u><!--% this_host.email %--></u><br>
-		<label>profile:</label> <!--% this_host.profile %--><br><br>
-		<label>episodes:</label> <strong><!--% hpr_show_count + twat_show_count %--></strong>
-		</p>
-	<!--% FOREACH hpr_show IN hpr_shows; %-->
+			<!--% this_host = hosts.$id %-->
+			<!--% page_title = "HPR ~ Host: " _ this_host.host %-->
+			<h2 class="title">Correspondent</h2>
+			<div id="host" class="lane">
+				<div id="host_id">
+					<h2><!--% this_host.host %--></h2>
+					<p><!--% get_avatar(this_host.hostid, this_host.host) %--><br>
+					<label>Host ID</label>: <!--% this_host.hostid %--></p>
+				</div>
+				<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 + twt_show_count %--></strong></p>
+					<p><a href="<!--% absolute_url(baseurl,'//correspondents') %-->/<!--% zero_pad_left(this_host.hostid) %-->/playlist.m3u8">Download the M3U playlist</a>.</p>
+				</div>
+			</div>
+			<div id="episodes" class="lane stack">
+				<!--% FOREACH hpr_show IN hpr_shows; %-->
+				<article>
+					<!--% show_summary(hpr_show, 'hide_host') %-->
+					<p class="listen-in"><!--% display_listen_in(hpr_show.id) %--></p>
+				</article>
+				<!--% END %-->
+				<!--% FOREACH twt_show IN twt_shows; %-->
+				<article>

-	<!--% show_summary(hpr_show, 'hide_host') %-->
-    <p class="listen-in"><!--% display_listen_in(hpr_show.id) %--></p>
-	<!--% END %-->
-	<!--% FOREACH twat_show IN twat_shows; %-->
-
-		<!--% twat_show_summary(twat_show, 'hide_host') %-->
-		<p class="listen-in"><!--% display_listen_in(twat_show.id,"twat") %--></p>
-    <!--% END %-->
-	</article>
-	<p><a href="<!--% absolute_url(baseurl) %-->about.html#so_you_want_to_record_a_podcast">Become a Correspondent</a></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>
--- a/templates/content-correspondents.tpl.html
+++ b/templates/content-correspondents.tpl.html
@@ -1,7 +1,8 @@
 <!--% PROCESS 'shared-utils.tpl.html' %-->
 <!--% PROCESS 'shared-avatar.tpl.html' %-->
+<!--% page_title = "HPR ~ Hosts/Correspondents" %-->
 	<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">
@@ -18,18 +19,17 @@
 		from hosts as h 
 		inner join (select hostid, max(date) as date from eps group by hostid) as e 
 		on h.hostid = e.hostid
-		order by h.host'
+		order by h.host COLLATE NOCASE asc'
 	) %-->
 	<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-download.tpl.html
+++ b/templates/content-download.tpl.html
@@ -1,3 +1,4 @@
+<!--% page_title = "HPR ~ Download all the episodes" %-->
 <article>
 	<header>
        <h1>Download Archive</h1>
--- a/templates/content-episode.tpl.html
+++ b/templates/content-episode.tpl.html
@@ -10,6 +10,7 @@
 <!--% FOREACH episode IN episode_result %-->
    <!--% in_window = ( episode.id > episode.latest || episode.id < ( episode.latest - 20 ) ? 0 : 1 ) %-->
 <!--% episode_navigation = step_navigation(baseurl,episode) %-->
+<!--% page_title = "HPR" _ zero_pad_left(episode.id) _ "::" _ episode.title %--> 
 <article>
 	<header>
 		<h1>hpr<!--% zero_pad_left(episode.id) %--> :: <!--% episode.title %--></h1>
@@ -26,7 +27,7 @@ Hosted by <a href="<!--% absolute_path(baseurl) %-->correspondents/<!--% zero_pa
 <h3><!--% show_series(episode.series, episode.seriesid, "Part of the series") %--></h3> 
 <p><em><!--% episode.series_description %--></em></p>
 	</header>
-	<div><!--% episode.notes %--></div>
+	<div id="show_notes"><!--% episode.notes %--></div>
 <footer>
 <p>
 <!--% episode_navigation %-->
@@ -61,11 +62,11 @@ Subscribe to the comments <a href="<!--% absolute_path(baseurl) %-->comments.rss
        <h2>Leave Comment</h2>
        <p>
        <strong>Note to Verbose Commenters</strong><br />
-        If you can't fit everything you want to say in the comment below then you really should <a href="<!--% absolute_url(baseurl) %-->about.html#so_you_want_to_record_a_podcast">record</a> a response show instead.
+        If you can't fit everything you want to say in the comment below then you really should <a href="<!--% absolute_url(baseurl) %-->../../about.html#so_you_want_to_record_a_podcast">record</a> a response show instead.
        </p>
        <p>
        <strong>Note to Spammers</strong><br />
-		All comments are moderated. All links are checked by humans. We strip out all html. Feel free to <a href="<!--% absolute_url(baseurl) %-->about.html#so_you_want_to_record_a_podcast">record</a> a show about yourself, or your industry, or any other topic we may find interesting. <em>We also check shows for spam :)</em>.
+		All comments are moderated. All links are checked by humans. We strip out all html. Feel free to <a href="<!--% absolute_url(baseurl) %-->../../about.html#so_you_want_to_record_a_podcast">record</a> a show about yourself, or your industry, or any other topic we may find interesting. <em>We also check shows for spam :)</em>.
        </p>
        <form method="POST" action="<!--% hub_baseurl %-->comment_confirm.php">
        <fieldset>
--- a/templates/content-episodes.tpl.html
+++ b/templates/content-episodes.tpl.html
@@ -1,10 +1,11 @@
 <!--% PROCESS 'shared-episode-summary.tpl.html' %-->
 <!--% PROCESS "queries-episodes.tpl.html" %-->
+ <!--% page_title = "HPR ~ All the shows" %-->
 	<h1>Complete Archive of Shows.</h1>
        <p>
        All this information is available to the public. Scrape if you wish but if we can format the data for you then we're happy to help.
        </p>
-<div class="lane">
+<div class="lane stack">
 <!--% USE DBI(constants.driver) %-->
 <!--% FOREACH episodes IN DBI.query(query_episodes) 
 %-->
@@ -19,8 +20,8 @@
 		<!-- Creative Commons License -->
 		<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">
-	<!--% FOREACH twat_episode IN DBI.query('
+	<div class="lane stack">
+	<!--% FOREACH twt_episode IN DBI.query('
 	SELECT 
        eps.id, 
        eps.explicit, 
@@ -29,15 +30,16 @@
        hosts.hostid, 
        hosts.host, hosts.email, hosts.local_image, 
 		miniseries.name AS series, miniseries.id AS seriesid
-    FROM twat_eps as eps
+    FROM twt_eps as eps
 	INNER JOIN hosts ON eps.hostid = hosts.hostid 
 	INNER JOIN miniseries ON eps.series = miniseries.id
 	ORDER BY eps.id DESC
 	') 
 %-->
 	<article>
-	<!--% twat_show_summary(twat_episode) %-->
+	<!--% twt_show_summary(twt_episode) %-->
 </article>
 <!--% END %-->
+	</div>


--- a/templates/content-index-announcement.tpl.html
+++ b/templates/content-index-announcement.tpl.html
@@ -1 +1,4 @@
 <!--% PROCESS 'shared-utils.tpl.html' %-->
+<!--% IF date.format(date.now, '%m') == 11 || date.format(date.now, '%j') == 1 %-->
+	<!--% PROCESS 'content-new_year_show_announcement.tpl.html' %-->
+<!--% END %-->
--- a/templates/content-index.tpl.html
+++ b/templates/content-index.tpl.html
@@ -3,7 +3,6 @@
 <!--% PROCESS 'shared-listen-now.tpl.html' %-->
 <!--% PROCESS 'shared-show-transcript.tpl.html' %-->
 <!--% PROCESS 'shared-call_for_shows.tpl.html' %-->
-<!--% INCLUDE 'content-index-announcement.tpl.html' %-->
 <!--% PROCESS "queries-index.tpl.html" %-->
 <!--% MACRO tidy_notes(all_lines) BLOCK %-->
 <!--% lines = all_lines %-->
@@ -36,8 +35,8 @@

 	<!--% delta = date.calc.N_Delta_YMD(2005,9,19, date.format(date.now, '%Y'),date.format(date.now, '%m'),date.format(date.now, '%d')) %-->
 	<section id="welcome">
-		<header><h2>Welcome</h2></header>
-		<p>Hacker Public Radio is a technology focused podcast that releases shows every weekday Monday to Friday. Our shows are produced by listeners like you and can be on any topic that is of interest to hackers, makers, hobbyists, etc. We are a welcoming community that offers positive feedback and encourages respectful debate.</p>
+		<p><!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio is a technology focused podcast that releases shows every weekday Monday to Friday. Our shows are produced by listeners like you and can be on any topic that is of interest to <!--% make_sfw(is_sfw, "hobbyists", "hackers, hobbyists") %-->, makers, etc. We are a welcoming community that offers positive feedback and encourages respectful debate.</p>
+<!--% PROCESS 'content-index-announcement.tpl.html' %-->
 		<div id="call_for_shows">
 			<!--% display_call_for_shows() %-->
 		</div>
@@ -50,7 +49,7 @@
 			<p>Record</p>
 	  </a>
 	  <br class="no-css">
-<a class="lane-button" href="https://hub.hackerpublicradio.org/calendar.php">
+	  <a class="lane-button" href="<!--% hub_baseurl %-->calendar.php">
 			<img src="<!--% absolute_path(baseurl) %-->images/icons/calendar-2-line.svg" alt="" height="110">
 			<p>Schedule</p>
 	  </a>
@@ -98,13 +97,14 @@
 	<dl>
 <!--% FOREACH latest_episodes IN DBI.query(query_latest_episodes)
 %-->
-<dt><a href="<!--% absolute_path(baseurl) %-->eps/hpr<!--% zero_pad_left(latest_episodes.id) %-->/index.html">hpr<!--% latest_episodes.id %--> (<!--% latest_episodes.date %-->) :: <!--% latest_episodes.title %--></a> by <!--% latest_episodes.host %--></dt>
+<dt><a href="<!--% absolute_path(baseurl) %-->eps/hpr<!--% zero_pad_left(latest_episodes.id) %-->/index.html">hpr<!--% latest_episodes.id %--> (<!--% latest_episodes.date %-->) :: <!--% latest_episodes.title %--></a> by <a href="<!--% absolute_path(baseurl) %-->correspondents/<!--% zero_pad_left(latest_episodes.hostid) %-->.html"><!--% latest_episodes.host %--></a></dt>
 		<dd>
 		<!--% latest_episodes.summary %-->
        </dd>
 <!--% host_cnt = host_cnt + 1 %-->
 <!--% END %-->
 	</dl>
+	<p><a href="<!--% absolute_path(baseurl) %-->eps/index.html">More Episodes…</a></p>
  </section>
  <section id="latest_comments">
 	<header><h2>Latest Comments</h2></header>
@@ -139,5 +139,6 @@
 	<dd>on hpr<!--% item.eps_id %--> (<!--% item.episode_date %-->) "<!--% item.episode_title %-->" by <!--% item.host %--></dd>
 <!--% END %-->
 	</dl>
+	<p><a href="<!--% absolute_path(baseurl) %-->comments_viewer.html">More Comments…</a></p>
  </section>
  </section>
--- a/templates/content-new_year.tpl.html
+++ b/templates/content-new_year.tpl.html
@@ -0,0 +1,112 @@
+<!--% PROCESS 'shared-utils.tpl.html' %-->
+
+<h1><u>The <!--% get_new_year_show_ordinal_year %--> Annual 26 Hour New Year's Eve Show</u></h1>
+<h2>Welcome every <a href="https://www.timeanddate.com/counters/multicountdown.html">TimeZone</a>!</h2>
+<p>
+<em>If you keep talking, we'll keep recording.</em>
+</p>
+<p>For those who don't know, on New Year's Eve <!--% get_new_year_show_start() %-->, we will have a recording going on the HPR Mumble server for anyone to come on and say "Happy New Year" and talk about whatever they want. 
+We will leave the recording going until at least <!--% get_new_year_show_end() %-->, and keep recording until the conversation stops.</p>
+<p>
+So please stop in. Say "Hi" and maybe join in the conversation with other HPR listeners and contributors. It's always a good time!!<br />
+</p>
+
+<h1>Listen to the live stream</h1>
+
+<p>
+<!--% IF ((date.format(date.now, '%m') == 12 && date.format(date.now, '%d') > 28) || date.format(date.now, '%j') == 1) %-->
+	<img src="images/livestream.png" /><br />
+	<audio controls autoplay>
+		<source src="https://files.shownotes.ooguy.com/stream" type="audio/mpeg" >
+	</audio> <br />
+	<a href="https://files.shownotes.ooguy.com/stream">https://files.shownotes.ooguy.com/stream</a><br />
+	<a href="https://hackerpublicradio.org/live">https://hackerpublicradio.org/live</a><br />
+<!--% ELSE %-->
+	<audio controls preload="none">
+		<source src="<!--% absolute_path(baseurl) %-->promos/hpr-nye-promo.ogg" type="audio/ogg">
+	</audio>
+<!--% END %-->	
+</p>
+
+<h1>Join the conversation on Mumble</h1>
+
+<h2>Ground Rules</h2>
+<h3>Use Push to Talk, and a Headset</h3>
+
+<p>With so many people on the chat, you must use push to talk. 
+You also need to use a Headset so the audio of the room is not fed back. 
+If there is a problem with your setup, then please drop and listen to the stream. 
+Trying to correct poor audio in post is a lot of work, that someone else will have to do.</p>
+
+<h3>Be Polite</h3>
+
+<p>When you enter the room please do not interrupt ongoing conversations. 
+Wait for a pause in the conversation and say Hi.
+It's quite common for people you might not know to join as they wish to speak with other people in the room. 
+They may have been waiting all year for the chance to meet, so please give people the space to have these conversations.</p>
+
+<h3>Do not announce the Time Zones</h3>
+
+<p>As there are so <a moz-do-not-send="true" href="https://en.wikipedia.org/wiki/Time_zone">many Time Zones</a> there is no need to interrupt the conversation to announce every one. 
+If you are joining from a time zone that is currently switching to the New Year, then please wait for a pause and wish people Happy New Year.</p>
+
+<h3>Don't Fill Dead Air</h3>
+
+<p>This is a relaxed meet-up, and not a traditional "Radio Broadcast". 
+If there are no conversations going on at a given time, don't feel the need to "fill dead air". 
+Before the recording is posted as a podcast the <a href="https://manual.audacityteam.org/man/truncate_silence.html">silences will be truncated</a>.</p>
+
+<h3>Do not monopolise the conversation</h3>
+
+<p>Please be mindful that you (or your beverage of choice) may be speaking too much ;-).</p>
+
+<h3>You are a Guest</h3>
+
+<p>Be respectful, and remember that attendance on the New Year Show does not <a href="https://hub.hackerpublicradio.org/calendar.php">constitute a show</a>.</p>
+
+<h3>CC-BY-SA</h3>
+
+<p>The recording will be released as a podcast on HPR under a <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"> Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a> license. 
+The recordings will be released mid year, when there is a lull in submissions.</p>
+
+<h2>Mumble Setup</h2>
+
+<p>Already have Mumble installed, then <a href="mumble://chatter.skyehaven.net:64738/Hacker%20Public%20Radio?version=1.2.0">this link will bring you to the HPR Room</a>.</p>
+<p>Get the PC Client <a href="https://wiki.mumble.info/wiki/Main_Page">https://wiki.mumble.info/wiki/Main_Page</a><br />
+<p>Get the Android Client Mumla <a href="https://f-droid.org/packages/se.lublin.mumla">https://f-droid.org/packages/se.lublin.mumla</a></p>
+<p>Then join the Server: <strong>chatter.skyehaven.net</strong><br />
+Port: <strong>64738</strong><br />
+Channel: <strong>HPR</strong></p>
+<p><strong>Use Push to Talk</strong>. With so many people hands free is not an option.</p>
+<p>For those who have never used Mumble before, see this <a href="https://hackerpublicradio.org/mumble-howto">how-to explaining the setup of the desktop Mumble client</a>, 
+or listen to <a href="https://hackerpublicradio.org/eps.php?id=3503">hpr3503 :: Configuring Mumble</a>.</p>
+
+<h3>Video Only (no audio) server</h3>
+
+<p>
+For those who wish to see the video of some of the participants we have a jitsi server.<br />
+<a href="https://jitsi.minnix.dev/hprnye">https://jitsi.minnix.dev/hprnye</a><br />
+<strong>Please make sure your mic is muted!</strong>
+</p>
+
+<h3>Add to the Show-notes</h2>
+<p>
+<strong>Please help fill out the show notes</strong><br />
+<a href="https://shownotes.lugcast.mywire.org/p/hpr-nye-2026">https://shownotes.lugcast.mywire.org/p/hpr-nye-2026</a><br />
+We are using Etherpad for people to share links and info to things they are discussing. 
+The Etherpad will be used for the HPR audio shownotes so please feel free to add to it. 
+The entire event will be broken into 2 to 3 hour segments and made available as HPR episodes.<br/>
+<em>This really, really helps us out to post the show faster !</em>
+</p>
+
+<h2>History</h2>
+
+<p>Suggested by <a href="https://hackerpublicradio.org/correspondents/0128.html">pokey</a> in 2011.
+As podcasting tends to be a one way conversation, he thought it would be nice to get all the FLOSS, Linux, Free Culture, podcasters and Listeners in one place to get together and chat in person.
+Initially it was planned to be just a few hours, but we kept missing members from other parts of the world. 
+The show was extended to welcome ever time zone to the New Year, which actually turns out to be <a href="https://en.wikipedia.org/wiki/List_of_UTC_offsets">38 Timezones</a>, over 26 Hours.</p>
+
+<p>So we will record for at least 26 Hours, but will keep the recording going for an "After Show".
+Some years the after show has been even longer than the show itself.
+While this is on the HPR Site, it is entirely a community initiative which is supported heavily by the fine folks over at the <a href="https://linuxlugcast.com/">LinuxLugCast</a>, with the Mumble Server been provided by <a href="https://hackerpublicradio.org/correspondents/0228.html">Delwin</a>.</p>
+
--- a/templates/content-new_year_show_announcement.tpl.html
+++ b/templates/content-new_year_show_announcement.tpl.html
@@ -0,0 +1,30 @@
+<!--% PROCESS 'shared-utils.tpl.html' %-->
+<div class="lane stack">
+	<article>
+		<header>
+			<h2 class="title"><a href="<!--% absolute_path(baseurl) %-->new_year.html">The <!--% get_new_year_show_ordinal_year %--> Annual 26 Hour New Year's Eve Show</a></h2>
+		</header>
+		<h3>Welcome every <a href="https://www.timeanddate.com/counters/multicountdown.html">TimeZone</a>!</h3>
+		<p>
+		<em>If you keep talking, we'll keep recording.</em>
+		</p>
+		<p>For those who don't know, on New Year's Eve <!--% get_new_year_show_start() %-->, we will have a recording going on the HPR Mumble server for anyone to come on and say "Happy New Year" and talk about whatever they want. 
+		We will leave the recording going until at least <!--% get_new_year_show_end() %-->, and keep recording until the conversation stops.</p>
+		<p>
+		So please stop in. Say "Hi" and maybe join in the conversation with other HPR listeners and contributors. It's always a good time!!<br>
+<!--% IF date.format(date.now, '%m') == 11 || date.format(date.now, '%d') < 29 %-->
+		<audio controls preload="none">
+			<source src="<!--% absolute_path(baseurl) %-->promos/hpr-nye-promo.ogg" type="audio/ogg">
+		</audio>
+<!--% ELSE %-->
+		<img src="images/livestream.png" /><br />
+		<audio controls autoplay>
+			<source src="https://files.shownotes.ooguy.com/stream" type="audio/mpeg" >
+		</audio> <br />
+		<a href="https://files.shownotes.ooguy.com/stream">https://files.shownotes.ooguy.com/stream</a><br />
+		<a href="https://hackerpublicradio.org/live">https://hackerpublicradio.org/live</a><br />
+<!--% END %-->	
+		</p>
+		<p><a href="<!--% absolute_path(baseurl) %-->new_year.html">More information…</a></p>
+	</article>
+</div>
--- a/templates/content-search.tpl.html
+++ b/templates/content-search.tpl.html
@@ -1,18 +1,9 @@
+<!--% page_title = "HPR ~ Find a show" %-->
 <section id="search">
 	<header>
 		<h1>Search HPR.</h1>
 	</header>
 	<div class="lane">
-		<form name="google-search" method="get" action="https://www.google.com/search">
-			<fieldset><legend>Google</legend>
-				<input type="hidden" name="sitesearch" value="https://www.hackerpublicradio.org/" />
-				<input name="q" type="text" placeholder="Search HPR with Google"/>
-				<input type="submit" name="sa" value="Search HPR with Google" />
-				<p>
-				<a href="https://www.google.com/policies/privacy/">privacy policy</a>
-				</p>
-			</fieldset>
-		</form>
 		<form method="get" id="search" action="https://duckduckgo.com/">
 			<fieldset><legend>DuckDuckGo</legend>
 			<input type="hidden" name="sites" value="https://www.hackerpublicradio.org/"/>
@@ -26,6 +17,16 @@
 			</p>
 			</fieldset>
 		</form>
+		<form name="google-search" method="get" action="https://www.google.com/search">
+			<fieldset><legend>Google</legend>
+				<input type="hidden" name="sitesearch" value="https://www.hackerpublicradio.org/" />
+				<input name="q" type="text" placeholder="Search HPR with Google"/>
+				<input type="submit" name="sa" value="Search HPR with Google" />
+				<p>
+				<a href="https://www.google.com/policies/privacy/">privacy policy</a>
+				</p>
+			</fieldset>
+		</form>
 		<form method="get" action="https://www.bing.com/search">
 			<fieldset><legend>Bing</legend>
 				<input type="hidden" name="cp" value="utf-8" />
--- a/templates/content-series.tpl.html
+++ b/templates/content-series.tpl.html
@@ -1,6 +1,7 @@
 <!--% PROCESS 'shared-utils.tpl.html' %-->
 <!--% PROCESS "queries-series.tpl.html" %-->
 <!--% USE DBI(constants.driver) %-->
+<!--% page_title = "HPR ~ Show series" %-->
 <h1 class="title">In-Depth Series</h1>
 <div class="lane stack">
 <!--% FOREACH series IN DBI.query(query_episodes) %-->
@@ -13,6 +14,7 @@
 		<li>Date of earliest show: <!--% series.earliest_show %--></li>
 		<li>Date of latest show: <!--% series.latest_show %--></li>
 		<li>Series RSS feeds: <a href="<!--% absolute_path(baseurl) %-->hpr_ogg_rss.php?series=<!--% series.id %-->">ogg</a>, <a href="<!--% absolute_path(baseurl) %-->hpr_spx_rss.php?series=<!--% series.id %-->">spx</a>, <a href="<!--% absolute_path(baseurl) %-->hpr_mp3_rss.php?series=<!--% series.id %-->">mp3</a></li>
+		<li><a href="<!--% absolute_url(baseurl,'//series') %-->/<!--% zero_pad_left(series.id) %-->.m3u8">Download the M3U playlist</a></li>
 	</ul>
 	<div class="series-description"><!--% series.description %--></div>
  </article>
--- a/templates/content-series_episode.tpl.html
+++ b/templates/content-series_episode.tpl.html
@@ -6,6 +6,7 @@
 %-->
 <!--% series_result = query_series.execute(id) %-->
 <!--% FOREACH series IN series_result %-->
+<!--% page_title = "HPR ~ Series: " _ series.name %-->
 <h1 class="title">In-Depth Series: <!--% series.name %--></h1>
 <ul>
 	<li>Number of episodes: <!--% series.number_of_episodes %--></li>
@@ -13,6 +14,7 @@
 	<li>Date of earliest show: <!--% series.earliest_show %--></li>
 	<li>Date of latest show: <!--% series.latest_show %--></li>
 	<li>Series RSS feeds: <a href="<!--% absolute_path(baseurl) %-->hpr_ogg_rss.php?series=<!--% series.id %-->&full=1&gomax=1">ogg</a>, <a href="<!--% absolute_path(baseurl) %-->hpr_spx_rss.php?series=<!--% series.id %-->&full=1&gomax=1">spx</a>, <a href="<!--% absolute_path(baseurl) %-->hpr_mp3_rss.php?series=<!--% series.id %-->&full=1&gomax=1">mp3</a></li>
+	<li><a href="<!--% absolute_url(baseurl,'//series') %-->/<!--% zero_pad_left(series.id) %-->.m3u8">Download the M3U playlist</a></li>
 </ul>
 <p><em><!--% series.description %--></em></p>
 <section id="series_episodes" class="lane stack">
--- a/templates/content-sitemap.tpl.html
+++ b/templates/content-sitemap.tpl.html
@@ -1,4 +1,5 @@
 <!--% PROCESS 'shared-utils.tpl.html' %-->
+<!--% page_title = "HPR ~ Sitemap" %-->
 <h1>Sitemap</h1>
  <ul>
    <li><a href="<!--% hub_baseurl %-->calendar.php"><strong>⇧Upload⇧</strong></a> ← Upload Your Show</li>
--- a/templates/content-syndication.tpl.html
+++ b/templates/content-syndication.tpl.html
@@ -1,3 +1,4 @@
+<!--% page_title = "HPR ~ Subscribe to our feeds" %-->
 <h1>RSS Syndication</h1>
    <h2>Subscribe to our Feeds</h2>
  <p>
@@ -78,7 +79,7 @@
 <div>
 <hr class="no-css">
 <h1>Other Download Options</h1>
-<div class="lane syndication">
+<div class="lane stack">
 <article>
  <header>
    <h2>Site Replication Sources</h2>
--- a/templates/content-twat_episode.tpl.html
+++ b/templates/content-twat_episode.tpl.html
@@ -6,23 +6,23 @@
 <!--% query_episodes = DBI.prepare('
 		WITH episode_maxmin AS (
 					SELECT MAX(id) AS \'latest\', MIN(id) AS \'earliest\', ? AS \'id\' 
-					FROM twat_eps AS eps
+					FROM twt_eps AS eps
 		),
 		episode_date AS (
 			SELECT eps.date 
-			FROM twat_eps AS eps
+			FROM twt_eps AS eps
 			WHERE eps.id = ?
 		),
 		episode_previous AS (
 			SELECT MAX(id) AS \'previous\', ? AS \'id\'
-			FROM twat_eps AS eps
+			FROM twt_eps AS eps
 			INNER JOIN episode_date
 			ON eps.date < episode_date.date
 			WHERE eps.id > 1
 		),
 		episode_next AS (
 			SELECT MIN(id) AS \'next\', ? AS \'id\'
-			FROM twat_eps AS eps
+			FROM twt_eps AS eps
 			INNER JOIN episode_date
 				ON eps.date > episode_date.date
 		)
@@ -34,7 +34,7 @@
 			   hosts.hostid, hosts.host,
 			   miniseries.name AS \'series\', miniseries.id AS \'seriesid\',
 			   miniseries.description AS \'series_description\'
-		FROM twat_eps AS eps
+		FROM twt_eps AS eps
 		INNER JOIN hosts ON eps.hostid = hosts.hostid
 		INNER JOIN miniseries ON eps.series = miniseries.id
 		INNER JOIN episode_maxmin ON eps.id = episode_maxmin.id
@@ -46,6 +46,7 @@
 <!--% episode_result = query_episodes.execute(id, id, id, id, id) %-->
 <!--% FOREACH episode IN episode_result %-->
 <!--% episode_navigation = step_navigation(baseurl,episode,"twt") %-->
+<!--% page_title = "TWT" _ episode.id _ "::" _ episode.title %-->
 <article>
 	<header>
 		<h1><!--% episode.id %--> :: <!--% episode.title %--></h1>
@@ -55,8 +56,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-correspondent_m3u.tpl.html
+++ b/templates/ids-correspondent_m3u.tpl.html
@@ -0,0 +1,7 @@
+<!--% USE DBI(constants.driver) %-->
+<!--% FOREACH host IN DBI.query(
+	'select h.hostid from hosts as h'
+) %-->
+,<!--% host.hostid %-->
+<!--% END %-->
+
--- a/templates/ids-series_episodes_m3u.tpl.html
+++ b/templates/ids-series_episodes_m3u.tpl.html
@@ -0,0 +1,7 @@
+<!--% USE DBI(constants.driver, constants.user, constants.password) %-->
+<!--% FOREACH series IN DBI.query(
+	'select s.id from miniseries as s'
+) %-->
+,<!--% series.id %-->
+<!--% END %-->
+
--- a/templates/ids-twat_episode.tpl.html
+++ b/templates/ids-twat_episode.tpl.html
@@ -1,6 +1,6 @@
 <!--% USE DBI(constants.driver) %-->
 <!--% FOREACH episode IN DBI.query(
-	'select eps.id from twat_eps AS eps'
+	'select eps.id from twt_eps AS eps'
 ) %-->
 ,<!--% episode.id %-->
 <!--% END %-->
--- a/templates/m3u-correspondent.tpl.m3u8
+++ b/templates/m3u-correspondent.tpl.m3u8
@@ -0,0 +1,24 @@
+<!--% PROCESS 'shared-utils.tpl.html' %-->
+<!--% PROCESS 'queries-correspondent.tpl.html' %-->
+<!--% USE DBI(constants.driver) %-->
+<!--% results_hpr_shows = DBI.prepare(query_hpr_shows) %-->
+<!--% hpr_shows = results_hpr_shows.execute(id); %-->
+<!--% FOREACH hpr_show IN hpr_shows; %-->
+#EXTINF: <!--% hpr_show.duration %-->,<!--% hpr_show.host %--> - <!--% hpr_show.title %-->
+
+
+<!--% media_path(hpr_show.id, 'hpr', 'mp3', baseurl, media_baseurl) %-->
+
+
+<!--% END %-->
+<!--% results_hpr_shows = DBI.prepare(query_twt_shows) %-->
+<!--% twt_result_status = results_twt_show_count.execute(id); %-->
+<!--% twt_shows = results_hpr_shows.execute(id); %-->
+<!--% FOREACH hpr_show IN twt_shows; %-->
+#EXTINF: <!--% hpr_show.duration %-->,<!--% hpr_show.host %--> - <!--% hpr_show.title %-->
+
+
+<!--% media_path(hpr_show.id, 'twt', 'mp3', baseurl, media_baseurl) %-->
+
+
+<!--% END %-->
--- a/templates/m3u-series_episodes.tpl.m3u8
+++ b/templates/m3u-series_episodes.tpl.m3u8
@@ -0,0 +1,13 @@
+<!--% PROCESS 'shared-utils.tpl.html' %-->
+<!--% PROCESS 'queries-series_episodes.tpl.html' %-->
+<!--% USE DBI(constants.driver) %-->
+<!--% results_hpr_shows = DBI.prepare(query_shows_sql) %-->
+<!--% hpr_shows = results_hpr_shows.execute(id); %-->
+<!--% FOREACH hpr_show IN hpr_shows; %-->
+#EXTINF: <!--% hpr_show.duration %-->,<!--% hpr_show.host %--> - <!--% hpr_show.title %-->
+
+
+<!--% media_path(hpr_show.id, 'hpr', 'mp3', baseurl, media_baseurl) %-->
+
+
+<!--% END %-->
--- a/templates/m3u.tpl.m3u8
+++ b/templates/m3u.tpl.m3u8
@@ -0,0 +1,2 @@
+#EXTM3U
+<!--% INCLUDE $content %-->
--- a/templates/page.tpl.html
+++ b/templates/page.tpl.html
@@ -1,9 +1,18 @@
 <!--% PROCESS 'shared-utils.tpl.html' %-->
 <!--% USE date %-->
+<!--% page_title = make_sfw(is_sfw, "Hobby", "Hacker") _ " Public Radio (HPR) ~ The Technology Community Podcast" %-->
+<!--% WRAPPER page 
+		# The default page_title variable set above can be overridden
+		# in each individual $content template (i.e. templates/conten-<template name>.tpl.html)
+		# processed below.
+%-->
+	<!--% PROCESS $content %--> 
+<!--% END %-->
+<!--% BLOCK page %-->
 <!DOCTYPE HTML>
 <html lang="en">
 <head>
-  <title>Hacker Public Radio ~ The Technology Community Podcast</title>
+	<title><!--% page_title %--></title>
  <!--% IF baseurl %-->
  <base href="<!--% baseurl %-->">
  <!--% END %-->
@@ -11,12 +20,12 @@
  <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
  <meta http-equiv="last-modified" content="<!--% format_feed_date(date.now) %-->">
  <meta name="keywords" content="Technology, Tech News, Education, Training" />
-  <meta name="description" content="Hacker Public Radio is a podcast that releases shows every weekday Monday through Friday. Our shows are produced by the community (you) and can be on any topic that is of interest to hackers and hobbyists." />
+  <meta name="description" content="<!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio is a podcast that releases shows every weekday Monday through Friday. Our shows are produced by the community (you) and can be on any topic that is of interest to <!--% make_sfw(is_sfw, "makers", "hackers") %--> and hobbyists." />
  <link rel="shortcut icon" href="<!--% absolute_url(baseurl) %-->hpr.ico" >
-  <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Opus RSS" href="<!--% absolute_path(baseurl) %-->hpr_opus_rss.php" />
-  <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Ogg Vorbis RSS" href="<!--% absolute_path(baseurl) %-->hpr_ogg_rss.php" />
-  <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio MP3 RSS" href="<!--% absolute_path(baseurl) %-->hpr_mp3_rss.php" />
-  <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Comments RSS" href="<!--% absolute_path(baseurl) %-->comments.rss" />
+  <link rel="alternate" type="application/rss+xml" title="<!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio Opus RSS" href="<!--% absolute_path(baseurl) %-->hpr_opus_rss.php" />
+  <link rel="alternate" type="application/rss+xml" title="<!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio Ogg Vorbis RSS" href="<!--% absolute_path(baseurl) %-->hpr_ogg_rss.php" />
+  <link rel="alternate" type="application/rss+xml" title="<!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio MP3 RSS" href="<!--% absolute_path(baseurl) %-->hpr_mp3_rss.php" />
+  <link rel="alternate" type="application/rss+xml" title="<!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio Comments RSS" href="<!--% absolute_path(baseurl) %-->comments.rss" />
  <link rel="license" title="CC BY-SA 4.0"  href="https://creativecommons.org/licenses/by-sa/4.0/" />
  <link href="/css/hpr.css" rel="stylesheet" />
  <!--[if IE]>
@@ -41,7 +50,7 @@
  <hgroup id="title">
 	  <h1 id="site_acronym"><a href="<!--% absolute_path(baseurl) %-->index.html">HPR</a></h1>
      <p id="site_name">
-        <a href="<!--% absolute_path(baseurl) %-->correspondents/index.html">H</a>acker
+        <a href="<!--% absolute_path(baseurl) %-->correspondents/index.html">H</a><!--% make_sfw(is_sfw, "obby", "acker") %-->
        <a href="<!--% absolute_path(baseurl) %-->comments_viewer.html">P</a>ublic
        <a href="<!--% absolute_path(baseurl) %-->syndication.html">R</a>adio
      </p>
@@ -54,7 +63,8 @@
 </div>
 </header>
 <main id="main_content" role="main">
-<!--% INCLUDE $content %-->
+<!--% content %-->
+<!--% page_title = "acck" %-->
 </main>
 <footer role="contentinfo">
  <hr class="no-css">
@@ -70,3 +80,4 @@
 </footer>
 </body>
 </html>
+<!--% END %-->
--- a/templates/queries-correspondent.tpl.html
+++ b/templates/queries-correspondent.tpl.html
@@ -1,5 +1,12 @@
-<!--% query_hpr_shows = '
+<!--% query_hpr_shows = 'WITH
+	comment_tallies AS (	
 		SELECT 
+			eps_id,
+			COUNT(eps_id) AS eps_tally
+		FROM comments
+		GROUP BY eps_id 
+	)
+	SELECT
 		eps.id,
 		eps.explicit,
 		eps.date, eps.license, eps.duration,
@@ -8,17 +15,44 @@
 		hosts.local_image,
 		hosts.hostid,
 		hosts.host, hosts.email, hosts.profile,
-		miniseries.name AS series, miniseries.id AS seriesid
+		miniseries.name AS series, miniseries.id AS seriesid,
+		COALESCE(comment_tallies.eps_tally,0) AS commentsTally
 	FROM eps
 	INNER JOIN hosts ON eps.hostid = hosts.hostid
 	INNER JOIN miniseries ON eps.series = miniseries.id
+	LEFT JOIN comment_tallies ON eps.id = comment_tallies.eps_id
 	WHERE hosts.hostid = ? AND eps.date < date(\'now\', \'+1 days\')
 	ORDER BY eps.id + 0 DESC
 	'
 %-->
 <!--% query_hpr_show_count = '
-	SELECT id
+	SELECT COUNT(id) as Tally
 	FROM eps
 	WHERE eps.hostid = ? AND eps.date < date(\'now\', \'+1 days\')
 	'
 %-->
+<!--% query_twt_show_count = '
+		SELECT COUNT(id) as Tally
+		FROM twt_eps AS eps
+		WHERE eps.hostid = ?
+		'
+%-->
+<!--% query_twt_shows = '
+		SELECT
+			eps.id,
+			CASE eps.explicit WHEN 1 THEN \'Explicit\' ELSE \'Clean\' END AS explicit ,
+			eps.date, eps.license, eps.duration,
+			eps.title, eps.summary, eps.tags,
+			eps.notes,
+			hosts.local_image,
+			hosts.hostid,
+			hosts.host, hosts.email, hosts.profile,
+			miniseries.name AS series, miniseries.id AS seriesid
+		FROM twt_eps AS eps
+		INNER JOIN hosts ON eps.hostid = hosts.hostid
+		INNER JOIN miniseries ON eps.series = miniseries.id
+		WHERE hosts.hostid = ?
+		ORDER BY eps.id DESC
+		'
+%-->
+
--- a/templates/queries-episodes.tpl.html
+++ b/templates/queries-episodes.tpl.html
@@ -1,14 +1,24 @@
-<!--% query_episodes = 'SELECT
+<!--% query_episodes = 'WITH
+	comment_tallies AS (	
+		SELECT 
+			eps_id,
+			COUNT(eps_id) AS eps_tally
+		FROM comments
+		GROUP BY eps_id 
+	)
+	SELECT
        eps.id,
        eps.explicit,
        eps.date, eps.license, eps.title, eps.summary,
        eps.duration, eps.notes, eps.tags,
        hosts.hostid,
        hosts.host, hosts.email, hosts.local_image,
-        miniseries.name AS series, miniseries.id AS seriesid
+        miniseries.name AS series, miniseries.id AS seriesid,
+		COALESCE(comment_tallies.eps_tally,0) AS commentsTally
    FROM eps
        INNER JOIN hosts ON eps.hostid = hosts.hostid
        INNER JOIN miniseries ON eps.series = miniseries.id
+		LEFT JOIN comment_tallies ON eps.id = comment_tallies.eps_id
        WHERE eps.date <= date(\'now\')
        ORDER BY eps.id + 0 DESC'
 %-->
--- a/templates/queries-series_episodes.tpl.html
+++ b/templates/queries-series_episodes.tpl.html
@@ -14,14 +14,24 @@
 		 WHERE miniseries.id = ?
 		 ORDER BY name'
 %-->
-<!--% query_shows_sql = 'SELECT
+<!--% query_shows_sql = 'WITH
+	comment_tallies AS (	
+		SELECT 
+			eps_id,
+			COUNT(eps_id) AS eps_tally
+		FROM comments
+		GROUP BY eps_id 
+	)
+	SELECT
 	id, date, title,
 	duration, summary, notes,
 	explicit, eps.license, tags,
-	hosts.host, hosts.hostid
+	hosts.host, hosts.hostid,
+	COALESCE(comment_tallies.eps_tally,0) AS commentsTally
 	FROM eps
 	INNER JOIN hosts
 	ON eps.hostid = hosts.hostid
+	LEFT JOIN comment_tallies ON eps.id = comment_tallies.eps_id
 	WHERE series = ? AND eps.date < date(\'now\', \'+1 days\')
 	ORDER BY eps.id DESC
 	'
--- a/templates/queries-tags.tpl.html
+++ b/templates/queries-tags.tpl.html
@@ -1 +1 @@
-<!--% query_tags = 'SELECT id, tags FROM eps' %-->
+<!--% query_tags = 'SELECT id, tags FROM eps WHERE eps.date <= date(\'now\')' %-->
--- a/templates/rss-comments.tpl.xml
+++ b/templates/rss-comments.tpl.xml
@@ -50,11 +50,11 @@
  %-->

  <item>
-    <title><!--% item.comment_author_name | html_strip | xml_entity %--> says: <!--% item.comment_title | html_strip | xml_entity %--></title>
-    <author>feedback.nospam@nospam.hackerpublicradio.org (<!--% item.comment_author_name | html_strip | xml_entity %-->)</author>
+    <title><!--% item.comment_author_name | html_strip  %--> says: <!--% item.comment_title | html_strip  %--></title>
+    <author>feedback.nospam@nospam.hackerpublicradio.org (<!--% item.comment_author_name | html_strip  %-->)</author>
    <link><!--% absolute_url(http_baseurl) %-->eps/hpr<!--% zero_pad_left(item.eps_id) %-->/index.html#comments</link>
    <description><![CDATA[<strong>
-    RE: hpr<!--% zero_pad_left(item.eps_id) %-->::<!--% item.episode_date %--> <em><!--% item.episode_title | html_strip | xml_entity %--></em> by <a href="<!--% absolute_url(http_baseurl) %-->correspondents/<!--% zero_pad_left(item.host_id) %-->.html"><!--% item.host %--></a></strong><!--% rss_show_series(item.series_name, item.series_id) | html_strip | xml_entity %--><br />
+    RE: hpr<!--% zero_pad_left(item.eps_id) %-->::<!--% item.episode_date %--> <em><!--% item.episode_title | html_strip  %--></em> by <a href="<!--% absolute_url(http_baseurl) %-->correspondents/<!--% zero_pad_left(item.host_id) %-->.html"><!--% item.host %--></a></strong><!--% rss_show_series(item.series_name, item.series_id) | html_strip  %--><br />
 <!--% display_episode_duration(item.episode_duration) %--><!--% display_listen_in(item.eps_id) %--><br /><!--% item.comment_text FILTER html_line_break %-->
 ]]></description>
    <pubDate><!--% format_feed_date(item.comment_timestamp) %--></pubDate>
--- a/templates/shared-episode-summary.tpl.html
+++ b/templates/shared-episode-summary.tpl.html
@@ -41,7 +41,7 @@ or
 	<span><label>Flag:</label> <!--% display_explicit(show.explicit) %-->.</span> 
 	<span><!--% show_series(show.series, show.seriesid) %--></span>  <br>
 	<!--% IF hide_tags == "" %--><!--% display_tags(show.tags) %--><!--% END %-->
-	<!--% IF show.comentsTally || show.commentsTally == 0 %-->
+	<!--% IF show.commentsTally || show.commentsTally == 0 %-->
 	<span><label>Comments:</label> <!--% display_comments_tally(show.id, show.commentsTally) %--></span>
 	<!--% END %-->
 <!--% END %-->
@@ -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,74 @@
 <!--% IF folder %-->
 <!--% folder = folder %--><!--% ELSE %--><!--% folder = "hpr" %-->
 <!--% END %-->
-<small><a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.earliest) %-->/index.html" rel="first">&lt;&lt; First</a>,
+<!--% 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 %-->
-    <a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.previous) %-->/index.html" rel="previous">&lt; Previous</a>,
+    <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>&lt;</span> Previous,
+    <span class="no-link"><!--% INSERT $arrow_prev %--><span class="no-css">&lt; </span>Previous</span>,
    <!--% END %-->
    <!--% IF links.next %-->
-    <a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.next) %-->/index.html" rel="next">Next &gt;</a>,
+	<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 %-->
-    Next <span>&gt;</span>
+	<span class="no-link">Next<span class="no-css"> &gt;</span><!--% INSERT $arrow_next %--></span>, 
    <!--% END %-->
-    <a href="<!--% absolute_path(baseurl) %-->eps/<!--% folder %--><!--% zero_pad_left(links.latest) %-->/index.html" rel="last">Latest &gt;&gt;</a></small>
+	<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 %-->
+
+<!--% MACRO get_new_year_show_start BLOCK %-->
+<!--% start_year = date.format(date.now, '%Y') %-->	
+<!--% IF date.format(date.now, '%m') != 12 || date.format(date.now, '%j') == 1 %-->
+	<!--% start_year = start_year - 1 %-->
+<!--% END %-->
+	<time datetime="<!--% start_year %-->-12-31T10:00Z"><!--% start_year %-->-12-31 10:00 UTC (5:00 AM EST)</time>
+<!--% END %--> 
+
+<!--% MACRO get_new_year_show_end BLOCK %-->
+<!--% end_year = date.format(date.now, '%Y') %-->	
+<!--% IF date.format(date.now, '%m') == 12 || date.format(date.now, '%j') == 1 %-->
+	<!--% end_year = end_year + 1 %-->
+<!--% END %-->
+	<time datetime="<!--% end_year %-->-01-01T12:00Z"><!--% end_year %-->-01-01 12:00 UTC (7:00 AM EST)</time>
+<!--% END %-->
+
+<!--% MACRO get_new_year_show_ordinal_year BLOCK %-->
+<!--% ordinal_year = date.format(date.now, '%Y') - 2011 %-->
+<!--% IF date.format(date.now, '%m') != 12 || date.format(date.now, '%j') == 1 %-->
+	<!--% ordinal_year = ordinal_year - 1 %-->
+<!--% END %-->
+<!--% years.0 = 'th'
+	  years.1 = 'st'
+	  years.2 = 'nd'
+	  years.3 = 'rd'
+	  years.4 = 'th'
+	  years.5 = 'th'
+	  years.6 = 'th'
+	  years.7 = 'th'
+	  years.8 = 'th'
+	  years.9 = 'th'
+	  years.14 = 'Fourteenth'
+	  years.15 = 'Fifteenth' 
+	  years.16 = 'Sixteenth' 
+	  years.17 = 'Seventeenth' 
+	  years.18 = 'Eighteenth' 
+	  years.19 = 'Nineteenth' 
+	  years.20 = 'Twentieth'
+	  years.30 = 'Thirtieth'
+	  years.40 = 'Fortieth' 
+	  years.50 = 'Fiftieth' %-->
+<!--% index = ordinal_year % 10 %-->
+<!--% IF ordinal_year < 21 || (index == 0 && ordinal_year < 51) %-->
+	<!--% years.$ordinal_year %-->
+<!--% ELSE %-->
+<!--% ordinal_year %--><sup><!--% years.$index %--></sup>
+<!--% END %-->
+<!--% END %-->
+
+<!--% MACRO make_sfw(swf, sfw_text, nsfw_text) BLOCK %-->
+<!--% IF swf == 0 %--><!--% sfw_text %-->
+<!--% ELSE %--><!--% nsfw_text %-->
+<!--% END %--><!--% END %-->
Author	SHA1	Message	Date
Roan Horning	fd577942e6	Update Docker build instructions	2026-05-17 19:31:49 -04:00
Roan Horning	3cc4a6b5d3	Fix cpanm call in run layer	2026-05-17 12:01:40 -04:00
Roan Horning	47b2c588b8	Add instructions for building and running Docker images	2026-05-17 11:39:40 -04:00
Roan Horning	5bdda3c1ef	Set env to perl Instead of calling perl directly from /usr/bin, set environment so that the current default perl program is called.	2026-05-17 10:32:04 -04:00
Roan Horning	7cea36879c	Add a Dockerfile which builds a site-generator app This builds the container with the needed Perl modules, templates, and a default configuration file.	2026-05-17 10:09:33 -04:00
Roan Horning	abd1937fb6	Merge pull request 'Toggle New Year show announcement' (#334 ) from i324_new-year-show-automation into main Reviewed-on: #334	2026-03-01 12:43:22 +00:00
Roan Horning	4750a08456	Toggle New Year show announcement Show link to promo audio between Nov 1 and Dec 28. Show link to live stream between Dec 29 and Jan 1.	2026-02-28 11:17:39 -05:00
Roan Horning	e56592152f	Merge pull request '[I332] Dynamically set page titles' (#333 ) from i332_Dynamically-set-page-titles into main Reviewed-on: #333	2026-02-03 00:08:38 +00:00
Roan Horning	5d4a7ad639	Merge branch 'main' into i332_Dynamically-set-page-titles	2026-02-02 19:03:46 -05:00
Ken Fallon	6e07ee5e0a	Update templates/content-about.tpl.html There is now no limit	2026-02-02 08:58:43 +00:00
Ken Fallon	bdf48827f0	Update site.cfg The logic seems to be switched https://en.wikipedia.org/wiki/Boolean_data_type where a 0 = true and 1 = false. Should this not be the other way around where 0 = false = off, and 1 = true = on. Setting default to 1 as the site is now switched to Hobby public radio, and the robot picks up the default config.	2026-02-02 08:54:43 +00:00
Ken Fallon	27920e7b9f	Merge pull request 'Allow for generation of Hobby Public Radio' (#279 ) from i274-hacker-to-hobbyist into main Reviewed-on: #279	2026-02-01 15:18:45 +00:00
Roan Horning	a9b757232f	Add an individual html title to various pages	2026-01-31 14:16:44 -05:00
Roan Horning	ef4302f8d4	Allow html title to be set dynamically Each page content template can set a page_title variable.	2026-01-31 14:13:29 -05:00
Roan Horning	4e9bc7e6c2	Set config to generate hobbypublicradio	2026-01-30 16:16:32 -05:00
Roan Horning	8c70c83261	Update page template with selection for hobbypublicradio	2026-01-30 16:10:24 -05:00
Roan Horning	95ad45c6e3	Update about page with selection for hobbypublicradio	2026-01-30 16:09:19 -05:00
Roan Horning	9e711c6620	Merge branch 'main' into i274-hacker-to-hobbyist	2026-01-29 21:01:40 -05:00
Ken Fallon	079b4be448	revert `988c6f8593` revert Update templates/content-index.tpl.html Try and hack in the new year show	2026-01-02 10:05:40 +00:00
Ken Fallon	988c6f8593	Update templates/content-index.tpl.html Try and hack in the new year show	2026-01-01 10:28:56 +00:00
Ken Fallon	b1da08572f	revert `dca0945932` revert Update templates/content-index.tpl.html The new year show is missing	2026-01-01 10:28:03 +00:00
Ken Fallon	dca0945932	Update templates/content-index.tpl.html The new year show is missing	2026-01-01 10:21:49 +00:00
Ken Fallon	63c25d2f19	Update templates/content-new_year.tpl.html More fixes	2025-12-30 12:35:48 +00:00
Ken Fallon	c2ad703409	Update templates/content-new_year.tpl.html Ground rules are important	2025-12-30 12:28:59 +00:00
Ken Fallon	b1f0420526	Update templates/content-new_year_show_announcement.tpl.html remove the prom	2025-12-30 12:25:35 +00:00
Ken Fallon	175bf2dd57	Update templates/content-new_year_show_announcement.tpl.html Changes as we go live for nye show	2025-12-30 12:19:32 +00:00
Ken Fallon	fbff5bc6a1	Update templates/content-new_year.tpl.html Updates to support new urls as we go live	2025-12-30 12:18:30 +00:00
Roan Horning	ea85c3de61	Merge pull request '[i324] New Year Show automated announcement' (#328 ) from i324_New-Year_Show into main Reviewed-on: #328	2025-12-26 16:22:21 +00:00
Roan Horning	ad21bb045c	Handle all future ordinal years for New Year show	2025-12-17 22:22:26 -05:00
Roan Horning	1cc9211e95	Automatically show the New Year Show announcement Insert the New Year Show announcement on the front page from Dec 1st through Jan 1st.	2025-12-16 19:01:33 -05:00
Roan Horning	fc12c7ae5c	Add MACRO to get ordinal year of the new year show Calculate the ordinal value of difference between the current year and 2011 (the first year of the New Year Show)	2025-12-16 19:01:33 -05:00
Roan Horning	6a64ebd95e	Fix grammer	2025-12-16 19:01:33 -05:00
Roan Horning	c349abfded	Calculate the start and end dates for the New Year show	2025-12-16 19:01:33 -05:00
Ken Fallon	30e4f6a4d8	Update templates/content-new_year.tpl.html Changes so the live links are not visable	2025-12-16 11:55:32 +00:00
Roan Horning	e43386ac95	Merge pull request 'i324_New-Year_Show_template' (#327 ) from i324_New-Year_Show into main Reviewed-on: #327	2025-12-16 03:52:06 +00:00
Roan Horning	2f273d61dd	Add new year's eve information page Add template file and update front page announcement to link to the page.	2025-12-15 22:40:33 -05:00
Roan Horning	57d5989b29	Update announcement links to HPR New Year's Eve show promo audio	2025-12-15 09:36:10 -05:00
Roan Horning	292e501f69	Merge pull request 'Add missing small HPR logo file for RSS feeds' (#326 ) from i323_HPR-podcast-feeds-missing-microphone-logo into main Reviewed-on: #326	2025-12-13 23:11:58 +00:00
Roan Horning	824c2d77c7	Add missing small HPR logo file for RSS feeds	2025-12-13 18:08:37 -05:00
Roan Horning	5464725b7d	Merge pull request 'Add 2025 New Year's Eve announcement' (#325 ) from i324_New-Year_Show into main Reviewed-on: #325	2025-12-13 22:15:17 +00:00
Roan Horning	f61fe7c6c8	Add 2025 New Year's Eve announcement	2025-12-13 17:08:53 -05:00
Roan Horning	611a022aab	Merge pull request 'Use case insensitive sort for host names' (#322 ) from i318_Sort-hosts-page-by-lowercase-host-name into main Reviewed-on: #322	2025-12-07 03:41:52 +00:00
Roan Horning	9ecb30f51f	Use case insensitive sort for host names	2025-12-06 22:37:49 -05:00
Roan Horning	e885c78fb5	Merge pull request 'Add links to comment viewer and full list of episodes' (#320 ) from i316_Have-link-to-All-shows into main Reviewed-on: #320	2025-12-03 03:52:05 +00:00
Roan Horning	0a5dea473b	Add links to comment viewer and full list of episodes	2025-12-02 22:48:52 -05:00
Roan Horning	de316e7f6b	Merge pull request 'Fix path issue when generating link to about.html' (#319 ) from i315_link-path-issues into main Reviewed-on: #319	2025-12-03 03:19:33 +00:00
Roan Horning	7161b99eb0	Fix path issue when generating link to about.html	2025-11-26 15:43:14 -05:00
Roan Horning	84e89a53ad	Merge pull request 'Rename Today with a technie table and references' (#313 ) from i312_Rename-Today-with-a-Techie-episode-table-to-twt_eps into main Reviewed-on: #313	2025-11-23 14:38:27 +00:00
Roan Horning	5004f4fe88	Add table rename sql statement	2025-11-23 09:21:48 -05:00
Roan Horning	6520bdac8b	Rename Today with a technie table and references	2025-11-22 19:30:53 -05:00
Roan Horning	2eece012fa	Merge pull request 'Modify tags query to return shows upto current date' (#311 ) from i242_Prevent-future-shows-from-being-included-in-the-Tag-index into main Reviewed-on: #311	2025-11-22 23:41:30 +00:00
Roan Horning	3d74b6f084	Modify tags query to return shows upto current date	2025-11-22 18:38:38 -05:00
Roan Horning	24f2b5f9ee	Merge pull request 'Fix column layout of correspondent's page' (#310 ) from i309_Fix-big-screen-layout-on-individual-host-page into main Reviewed-on: #310	2025-11-22 23:15:09 +00:00
Roan Horning	020d6395c1	Fix column layout of correspondent's page	2025-11-22 17:55:54 -05:00
Roan Horning	a40774b1e8	Merge pull request '[i307] Add M3U playlist download option to main series page' (#308 ) from i307_Add-M3U-playlist-download-option-to-main-series-page into main Reviewed-on: #308	2025-11-21 04:18:27 +00:00
Roan Horning	face5e1fbe	Fix white space between series description and border	2025-11-20 22:54:24 -05:00
Roan Horning	7b9e8a94f0	Add m3u download link to each series's summary	2025-11-20 22:51:32 -05:00
Roan Horning	3ca1a903df	Merge pull request '[i276] m3u file for all the shows by a given hosts or series' (#306 ) from i276_m3u-file-for-all-the-shows-by-a-given-hosts-or-series into main Reviewed-on: #306	2025-11-19 14:42:48 +00:00
Roan Horning	ae5bfc12b4	Remove javascript m3u player code Need community by in before adding javascript to the main site.	2025-11-16 19:45:39 -05:00
Roan Horning	21c664ecf9	Add javascript to play m3u file via audio tag This is an open source (GPL licensed) javascript file which fetches, parses an M3U formatted file and attaches the files to the corresponding audio tag within a page.	2025-11-16 19:32:03 -05:00
Roan Horning	c17ce1bf74	Add playlist download link to series' pages	2025-11-16 19:25:19 -05:00
Roan Horning	c922ea6281	Allow creation of m3u playlist for a series	2025-11-16 19:22:12 -05:00
Roan Horning	98c51ee9fe	Add playlist download link to correspondents' pages	2025-11-16 15:40:30 -05:00
Roan Horning	ae96d602a4	Allow creation of m3u playlist for a host	2025-11-15 12:09:50 -05:00
Roan Horning	904d14d083	Merge pull request '[i299] fix auto scroll highlighting of code blocks' (#302 ) from i299_fix-auto-scroll-highlighting-of-code-blocks into main Reviewed-on: #302	2025-11-14 21:22:54 +00:00
Roan Horning	7170015a0e	Merge branch 'main' into i299_fix-auto-scroll-highlighting-of-code-blocks	2025-11-13 21:39:44 -05:00
Roan Horning	e649c09803	Merge pull request '[i303] Add comment totals to individual shows on a series page' (#304 ) from i303_Add-comment-totals-to-individual-shows-on-a-series-page into main Reviewed-on: #304	2025-11-14 02:30:00 +00:00
Roan Horning	eeb955d9fe	Fix layout of episode series footer	2025-11-13 21:16:24 -05:00
Roan Horning	b2f5322aec	Add comment tally cte to series episode query	2025-11-13 21:14:21 -05:00
Roan Horning	23f91a0410	Move highlighting to all show notes code tags	2025-11-13 19:55:35 -05:00
Roan Horning	2be718287f	Change overflow to auto for show notes pre tags	2025-11-13 19:45:40 -05:00
Roan Horning	3bd64bf5cf	Merge pull request '[i299] Allow highlighting of code blocks in notes' (#300 ) from i299_Allow-highlighting-of-code-blocks-in-notes into main Reviewed-on: #300	2025-11-09 14:38:29 +00:00
Roan Horning	7a59a769ed	Fix layout of episode nav links on small displays Reduce horizontal padding on small displays to prevent navigation from overflowing width of screen.	2025-11-09 09:07:43 -05:00
Roan Horning	30cca2bac0	Restore hightlighting to show notes preformatted text This was lost in the transition to the new website design.	2025-11-09 09:07:43 -05:00
Roan Horning	3a475742e4	Merge pull request '[i294] Inconsistent host page layouts' (#298 ) from i294_Inconsistent-host-page-layouts into main Reviewed-on: #298	2025-11-08 13:43:49 +00:00
Roan Horning	4e2ecc4efc	Tweak flex gap for host_meta on small displays	2025-11-08 08:26:11 -05:00
Roan Horning	c85a4b8c6e	Clean up layout of host meta info on host page For small displays insure the meta info box wraps and is displayed below the host id box.	2025-11-08 08:15:18 -05:00
Roan Horning	f11106223c	Merge pull request 'Add link to host page in listing of latest episodes' (#297 ) from i295_Main-page-Latest-Shows-by-host-should-lead-to-host-page into main Reviewed-on: #297	2025-11-08 01:37:46 +00:00
Roan Horning	1ad43c462a	Add link to host page in listing of latest episodes	2025-11-07 20:22:15 -05:00
Roan Horning	3bcd385279	Merge pull request '[i282] Add to each correspondent's page the number of comments each postcast has' (#296 ) from i282_correspondents-page-the-number-of-comments-each-postcast-has into main Reviewed-on: #296	2025-11-08 01:02:11 +00:00
Roan Horning	aa722bda55	Fix typo in logic to display comments tally	2025-11-07 19:34:56 -05:00
Roan Horning	ed6779fa5a	Add comment tally cte to all episodes and host episodes queries	2025-11-07 19:25:42 -05:00
Roan Horning	126e184126	Simplify host episode counting code Use the database to count the episodes. See https://stackoverflow.com/questions/1656748/how-can-i-fetch-a-single-count-value-from-a-database-with-dbi for explanation of Perl DBI calls.	2025-11-06 20:52:43 -05:00
Roan Horning	192d994556	Move Today with a Techie host SQL query to queries file	2025-11-05 21:20:11 -05:00
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
Roan Horning	b122f7c1c0	Make episode navigation links more button like	2025-10-26 00:45:34 -04:00
Roan Horning	70fd148928	Clean up arrow icons	2025-10-26 00:44:10 -04:00
Roan Horning	c53c6d50aa	Tweak display of episode navigation on small displays	2025-10-25 19:48:41 -04:00
Roan Horning	c4d94bb019	Add aria labels to episode navigation	2025-10-25 19:44:10 -04:00
Roan Horning	1075833562	Add arrow icons for episode navigation	2025-10-25 16:44:09 -04:00
Roan Horning	fb46c13394	First cut at navigation button style	2025-10-25 16:21:55 -04:00
Roan Horning	f78789fdc4	Merge pull request 'First cut at dark theme' (#287 ) from i275_User-desiresa-Dark-Theme into main Reviewed-on: #287	2025-10-25 18:05:44 +00:00
Roan Horning	4327c15823	Merge branch 'main' into i275_User-desiresa-Dark-Theme	2025-10-25 18:05:17 +00:00
Roan Horning	39c14fb3e4	Fix scrollbar issue on chrome based browsers	2025-10-25 13:44:39 -04:00
Roan Horning	47e1ebf69c	Improve contrast of header and link text for dark theme	2025-10-25 13:06:22 -04:00
Roan Horning	88f9362279	Reduce brightness of images for dark theme	2025-10-25 13:04:15 -04:00
Roan Horning	96e4d9a402	First cut at dark theme Add reduced brightness background images for main header and lane buttons. Use CSS filters to reduce brightness of host page images. Redefine text and background color variables.	2025-10-23 22:07:30 -04:00
Roan Horning	b3e9ccc546	Updating contributors Add page recognizing the contributors to the HPR redesign of 2025.	2025-10-21 22:23:26 -04:00
Roan Horning	5f601251db	Merge pull request '[I-283] Clarify the jump location' (#285 ) from i283_Clarify-the-jump-location into main Reviewed-on: #285	2025-10-18 15:43:02 +00:00
Roan Horning	af2da91d7c	Fix youtube imbed size	2025-10-18 11:11:47 -04:00
Roan Horning	3c7f02a09c	Add go top of page link to major sections Per [issure 283](#283), add a link to each major section of the about page which allows the user to move to the index of topics at the top of the page.	2025-10-18 10:54:57 -04:00
Roan Horning	81c8220e30	"Cardify" the about page Make about page layout consistent with the look of other pages. This also makes each section more visually distinct from the others.	2025-10-18 09:53:33 -04:00
Roan Horning	b694a6f547	Fix syndication page layout	2025-10-18 08:31:46 -04:00
Roan Horning	d0f5fac2b4	Merge pull request 'new website design' (#266 ) from newsite into main Reviewed-on: #266	2025-10-18 03:31:35 +00:00
Roan Horning	82563d0a48	Set max width for "stacked" articles Prevent content from over flowing display width.	2025-10-17 23:17:18 -04:00
Roan Horning	4ff0738531	Fix missing closing tag	2025-10-17 00:03:28 -04:00
Roan Horning	69c298922a	Add rounded border to "stack" articles Not sure when this broke.	2025-10-16 23:41:18 -04:00
Roan Horning	a87e7f12a6	Fix mistyped CSS value	2025-10-14 21:48:08 -04:00
Roan Horning	4fbf32eaa9	Add mobile sized images for the about page	2025-10-13 22:11:45 -04:00
Roan Horning	dc274983fe	Fix sizing of contribute recording images on about page Set size for large displays to 640px	2025-10-13 10:49:43 -04:00
Roan Horning	ee749cf1bb	Overflow pre tag content when larger than viewport width	2025-10-12 23:59:33 -04:00
Roan Horning	6bc40e11c1	Format HTML	2025-10-12 23:57:37 -04:00
Roan Horning	4e853f04f3	Make images and iframe on about page responsive	2025-10-12 23:05:20 -04:00
Roan Horning	fb01dd8e3f	Fix missing list related closing tags	2025-10-12 09:16:03 -04:00
Roan Horning	61aabd8ef1	Fix html tag issues Remove xhtml closing slash to hr and br tags Fix mixed ordered closing tags Remove extraneous closing tags	2025-10-12 08:47:58 -04:00
Roan Horning	b32544f938	Emphasize welcome text on index page	2025-10-12 07:57:33 -04:00
Roan Horning	bca63a36fb	Merge branch 'main' into newsite	2025-10-12 07:35:55 -04:00
Roan Horning	9d1b94f686	Use hub_baseurl variable in schedule lane button link URL	2025-10-09 21:33:57 -04:00
Roan Horning	a9ff01f392	Pull form elements into generic tag references Allow common properties to be easily referenced from both HPR website and Hub website.	2025-10-09 21:27:14 -04:00
Roan Horning	fbcf5be2a6	Set root path to hpr.ico Make sure all pages can reach the hpr.ico image.	2025-10-09 21:25:23 -04:00
Ken Fallon	5310ee1912	Merge pull request 'Remove the xml_entity causing issues with feed' (#281 ) from I280_UTF-8_not_rendering_properly_in_comments_feed into main Reviewed-on: #281 Reviewed-by: Roan Horning <rho_n@josh@dao-mail.com>	2025-09-17 11:35:10 +00:00
Ken Fallon	bc7f7a7347	Remove the xml_entity causing issues with feed	2025-09-16 11:41:57 +02:00
Roan Horning	fc1dedf4b2	Allow for generation of Hobby Public Radio	2025-09-11 12:55:24 -04:00
Roan Horning	181c9fbad9	Cardify the correspondent pages	2025-09-05 23:08:10 -04:00
Roan Horning	a2fb6b1f6a	Fix arrangement and layout of external search forms Move DuckDuckGo to top of list and make forms equal size for all window sizes.	2025-09-05 21:00:42 -04:00
Roan Horning	5e48d9e064	Merge branch 'newsite' of repo.anhonesthost.net:HPR/hpr_generator into newsite	2025-09-05 20:27:49 -04:00
Roan Horning	454d548ce7	Clean up font usage Remove unused fonts. Add woff2 types for smaller downloads. Offer woff2, woff, truetype/opentype versions of the font files.	2025-09-04 23:28:34 -04:00