Differenciate article header h1 and body h2 font-size

public_html/css/hpr.css

@@ -87,9 +87,11 @@ https://creativecommons.org/publicdomain/
 	--default-header-x-font-weight: bold;
 	--default-header-x-margin: 1.25rem 0 0.75rem 0;
 	--default-header-1-font-size: 1.5rem;
-	--default-header-2-font-size: 1.45rem;
+	--default-header-2-font-size: 1.40rem;
 	--default-header-3-font-size: 1.25rem;
 	--default-header-4-font-size: 1.15rem;
+
+	--article-header-1-font-size: 1.45rem;
 }
 
 html {
@@ -245,6 +247,10 @@ article * h3 {
 	margin: var(--default-header-x-margin);
 }
 
+article > header > h1 {
+	font-size: var(--article-header-1-font-size);
+}
+
 img {
 	max-width: 100%;
 	height: auto;
@@ -766,6 +772,11 @@ fieldset > table td input[type="radio"] {
     border: 1px solid #ddd;
 	padding: 0.1em 0;
 }
+nav > ul > li::marker {
+	content: "✽ ";
+	font-size: 1.05rem;
+	color: var(--background-secondary);
+}
 nav.episodes {
 	color: var(--background-primary);
 	font-size: 0.9em;
@@ -817,6 +828,17 @@ nav.episodes span a:hover svg #bar {
 	stroke: var(--link-secondary-hover);
 	fill: var(--link-secondary-hover);
 }
+details[open] > * {
+	margin-left: 1.35rem;
+	padding-right: 1.35rem;
+}
+details[open] > summary {
+	margin-left: 0;
+	padding-right: 0;
+}
+details > summary:hover {
+	cursor: pointer;
+}
 @media (min-width: 600px) {
 	body > header .bounding-box {
 		justify-content: space-between;
@@ -913,6 +935,17 @@ nav.episodes span a:hover svg #bar {
 	#host {
 		gap: 2rem;
 	}
+	nav > ul {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		flex-flow: wrap;
+		gap: 0.5rem 1rem;
+	}
+	nav > ul > li {
+		flex: 1 0 max-content;
+		max-width: 50%;
+	}
 	nav.episodes {
 		display: inline-block;
 	}

templates/content-about.tpl.html

@@ -1,24 +1,24 @@
 <!--% page_title = "HPR ~ About this community podcast" %-->
 <h1 id="welcome">Welcome to HPR<a href="<!--% absolute_url(baseurl,'about.html#about') %-->">.</a></h1>
-
+<nav>
 <ul>
-  <li><a href="<!--% absolute_url(baseurl,'about.html#about') %-->">About HPR.</a></li>
+  <li><a href="<!--% absolute_url(baseurl,'about.html#about') %-->">About HPR.</a>
   <ul>
     <li><a href="<!--% absolute_url(baseurl,'about.html#community') %-->">The HPR Community</a></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#history') %-->">Our History</a></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#free_culture') %-->">Free Culture</a></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#do_no_harm') %-->">Do No Harm</a></li>
-    <li><a href="<!--% absolute_url(baseurl,'about.html#governance') %-->">Governance</a></li>
+    <li><a href="<!--% absolute_url(baseurl,'about.html#governance') %-->">Governance</a>
     <ul>
       <li><a href="<!--% absolute_url(baseurl,'about.html#maillist') %-->">HPR Mail List</a></li>
       <li><a href="<!--% absolute_url(baseurl,'about.html#hosting_providers') %-->">Hosting Providers</a></li>
       <li><a href="<!--% absolute_url(baseurl,'about.html#janitors') %-->">Janitors</a></li>
       <li><a href="<!--% absolute_url(baseurl,'about.html#auditors') %-->">Auditors</a></li>
-    </ul>
+    </ul></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#kill_switch') %-->">Kill Switch</a></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#recent_policy_changes') %-->">Recent Policy Changes</a></li>
-  </ul>
+  </ul></li>
-  <li><a href="<!--% absolute_url(baseurl,'about.html#how_to_help') %-->">How to Help</a></li>
+  <li><a href="<!--% absolute_url(baseurl,'about.html#how_to_help') %-->">How to Help</a>
   <ul>
     <li><a href="<!--% absolute_url(baseurl,'about.html#submit_a_show') %-->">Submit a show</a></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#comment') %-->">Comment on a show</a></li>
@@ -29,16 +29,17 @@
     <li><a href="<!--% absolute_url(baseurl,'about.html#ccdn') %-->">Community Content Distribution Network</a></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#developer') %-->">Developer team</a></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#hpr_wikipedia_page') %-->">(Re)Creating a HPR page on wikipedia</a></li>
+    <li><a href="<!--% absolute_url(baseurl,'about.html#free_culture_podcasts') %-->">Help the Free Culture Podcasts Project</a></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#supporters') %-->">Please support our Supporters</a></li>
-  </ul>
+  </ul></li>
-  <li><a href="<!--% absolute_url(baseurl,'about.html#contact') %-->">Contact</a></li>
+  <li><a href="<!--% absolute_url(baseurl,'about.html#contact') %-->">Contact</a>
   <ul>
     <li><a href="<!--% absolute_url(baseurl,'about.html#contact_primary') %-->">Primary Contact Points</a></li>
     <li><a href="<!--% absolute_url(baseurl,'about.html#contact_secondary') %-->">Secondary Contact Points</a></li>
-  </ul>
+  </ul></li>
   <li><a href="<!--% absolute_url(baseurl,'about.html#press') %-->">In the Press</a></li>
 </ul>
-
+</nav>
 <div class="lane stack">
 <article>
   <header>
@@ -50,10 +51,11 @@
 <p>
 Hacker Public Radio is a technology focused podcast that releases shows every weekday Monday to Friday. 
 We are a welcoming community that offers positive feedback and encourages respectful debate.
-Our shows are produced by listeners like you and can be on any topic that is of interest to hackers, hobbyists, makers, etc. 
 </p>
-<p>What differentiates HPR from other podcasts is that the shows are <strong>crowd sourced</strong> from the community -
+<p>
-fellow listeners like <strong><a href="<!--% absolute_url(baseurl,'correspondents/index.html') %-->">you</a></strong>.
+What differentiates HPR from other podcasts is that the shows are <strong>crowd sourced</strong> from the community -
+fellow listeners, hackers, hobbyists, makers - like <strong><a href="<!--% absolute_url(baseurl,'correspondents/index.html') %-->">you</a></strong>.</p>
+<p>
 There is no restriction on how long the show can be, nor on the topic you can cover as long as they are not spam
 and <em>&quot;are of interest to <a href="http://en.wikipedia.org/wiki/Hacker_(hobbyist)" ><!--% make_sfw(is_sfw, "Hobbyists", "Hackers") %--></a>&quot;</em>.
 If you want to see what topics have been covered so far just have a look at our
@@ -65,12 +67,10 @@ hosts can go into more detail on a topic.<p>
 or you can <a href="<!--% absolute_url(baseurl,'syndication.html') %-->">subscribe</a> to the show in your favorite <a href="https://repo.anhonesthost.net/HPR/hpr_documentation/src/branch/main/podcatchers">podcatching client</a>
 to automatically get our new shows as soon as they are available.
 You can copy and redistribute the shows for free provided you adhere to the
-<a href="https://creativecommons.org/licenses/by-sa/4.0/" >Creative Commons Attribution<WBR>
+<a href="https://creativecommons.org/licenses/by-sa/4.0/" >Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) License</a>.</p>
-  Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) License</a>.</p>
 
 <h2 id="history">Our History<a href="<!--% absolute_url(baseurl,'about.html#history') %-->">.</a></h2>
-<p><!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio (HPR) is an Internet Radio show (podcast) that releases shows every weekday Monday through Friday.
+<p><!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio (HPR) is an Internet Radio show (podcast) that has a long lineage going back to <a href="https://web.archive.org/web/20230323053905/http://www.oldskoolphreak.com/" >Radio FreeK America</a>,
-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,'eps/index.html#twt_episodes') %-->" >Today With a Techie</a> radio.
@@ -95,7 +95,7 @@ If you listen to HPR, then we would love you to <a href="about.html">contribute<
 <p>We trust you not to do anything that will harm HPR.
 We don't tolerate Harassment, Trolling, etc.
 If you notice anything of concern,
-first see if a <a href="<!--% absolute_url(baseurl,'about.html#response_episode') %-->">response episode</a> is sufficient to address the grievance.
+first see if a <a href="https://lists.hackerpublicradio.com/pipermail/hpr/2021-September/004250.html">response episode</a> is sufficient to address the grievance.
 If not then please bring it to the attention of <a href="<!--% absolute_url(baseurl,'about.html#contact') %-->">the janitors</a>.
 Any material that is reported as harming HPR may be unlisted until such a time as the situation can be resolved.</p>
 
@@ -116,7 +116,8 @@ and he has the last word in issues related to site security.
 </p>
 
 <h3 id="janitors" >Janitors<a href="<!--% absolute_url(baseurl,'about.html#janitors') %-->">.</a></h3>
-<p>Janitors are responsible for the day to day operation of HPR, but they have no more say over policy than anyone else.
+<p>Janitors are responsible for the day to day operation of HPR.
+They implement the decisions made by the Mail List.
 This team changes over time and were previously known as the "HPR admins".
 They act as the first point of contact, processing the shows, coordinating <a href="https://repo.anhonesthost.net/HPR/hpr_documentation/src/branch/main/policies.md">policy discussions</a>,
 removing spam, updating the website, etc.
@@ -145,11 +146,11 @@ Here are the people who have volunteered their time to keep HPR running.
 </p>
 
 <h3 id="auditors" >Auditors<a href="<!--% absolute_url(baseurl,'about.html#auditors') %-->">.</a></h3>
-<p>If the janitors need to contact you related to the implementation of policies, they will also include the <a href="<!--% absolute_url(baseurl,'about.html#auditors') %-->">Auditors</a>. The Auditors role is to observe, and report if necessary that the Janitors are been faithful in their communication.</p>
+<p>If the janitors need to contact you related to the implementation of policies, they will also include the <a href="<!--% absolute_url(baseurl,'about.html#auditors') %-->">Auditors</a>. The Auditors role is to observe and report if necessary that the Janitors are been faithful in their communication.</p>
 
 <h2 id="kill_switch">Kill Switch<a href="<!--% absolute_url(baseurl,'about.html#kill_switch') %-->">.</a></h2>
 <p>HPR will stop as a project if there are not enough Shows.
-Once that all the reserve shows have been used up and there are no more shows in the queue, 
+Once all the reserve shows have been used up and there are no more shows in the queue,
 <a href="https://repo.anhonesthost.net/HPR/hpr-tools/src/branch/main/workflow/hpr-prepare-reserve.bash#L112-L124">HPR as a project will stop</a>.
 This is by design, and is inspired by the episode <a href="<!--% media_path(560, 'hpr', 'mp3', baseurl, media_baseurl) %-->" >hpr0560 :: Old soldiers</a>, hosted by
 <a href="<!--% absolute_url(baseurl,'correspondents/0107.html') %-->">lostnbronx</a> "<em>A discussion of "podfading" - the fading away of once-active podcasts</em>".
@@ -197,7 +198,7 @@ You can find out <a href="<!--% absolute_url(baseurl,'contribute.html#stuff_you_
 <p>
 By adding constructive comments to shows, you welcome new hosts, and encourage submissions.
 Don't be afraid to ask for more information on a particular topic, or share your own experiences. 
-That way we can ask <em>you</em> for a show.</p>
+That way we can also ask <em>you</em> for a show.</p>
 <p>Your comments will be read out on the <a href="<!--% absolute_url(baseurl,'series/0047.html') %-->" >HPR Community News</a> show.</p>
 
 <h2 id="social_media">Social Media<a href="<!--% absolute_url(baseurl,'about.html#social_media') %-->">.</a></h2>
@@ -220,7 +221,7 @@ then look no further than our <a href="<!--% absolute_url(baseurl,'about.html#re
 You can report any issues with our feeds via <a href="<!--% absolute_url(baseurl,'about.html#contact') %-->">the contact channels</a>,
 or directly on our <a href="https://repo.anhonesthost.net/HPR/hpr_documentation/issues">GitTea repo</a>. 
 We are also looking for people to <a href="https://repo.anhonesthost.net/HPR/hpr_documentation/src/branch/main/podcatchers">adopt a podcatcher</a>.
-Ideally we will work with you to test changes to improve the user experience on your podcatcher, for the benefit of all.</p>
+We will work with you to test changes to improve the user experience on your podcatcher, for the benefit of all.</p>
 
 <h2 id="outreach">Outreach<a href="<!--% absolute_url(baseurl,'about.html#outreach') %-->">.</a></h2>
 <p>
@@ -250,26 +251,31 @@ We also appreciate help improving the documentation.
 <a href="https://repo.anhonesthost.net/HPR/hpr_documentation/src/branch/main/developer_information.md">Developer Information</a> page.
 </p>
 
+
 <h2 id="hpr_wikipedia_page">(Re)Creating a HPR page on wikipedia<a href="<!--% absolute_url(baseurl,'about.html#hpr_wikipedia_page') %-->">.</a></h2>
 <p>
 Once someone contributes to <!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio, the Wikipedia rules prevent us from editing a page. 
-You can of course create one prior to contributing a show, or ask for one to be created.
+You are allowed to create one prior to contributing a show, or ask for one to be created once you have.
 </p>
 <p>
-We do of course believe that <!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio should have a Wikipedia entry. 
+We do believe that <!--% make_sfw(is_sfw, "Hobby", "Hacker") %--> Public Radio should have a Wikipedia entry.
 We are one of the longest running podcasts having started as Today with a Techie on 2005-09-19. 
 We also are unique in our community driven approach to producing shows. 
-And of course the fact that Wikipedia itself references us as a source 
+And of course there is the fact that Wikipedia itself references us as a source
 [<a href="https://es.wikipedia.org/wiki/Klaatu_(podcaster)">1</a>], 
 [<a href="https://en.wikipedia.org/wiki/Patrick_Volkerding">2</a>], 
 [<a href="https://en.wikipedia.org/wiki/StankDawg">3</a>], 
 [<a href="https://en.wikipedia.org/wiki/Summits_On_The_Air">4</a>], 
 [<a href="https://en.wikipedia.org/wiki/Jonas_%C3%96berg">5</a>]
 </p>
-<p>We have also Interviewed may influential people, had presences at many conferences.
+<p>We have also Interviewed may influential people in the FLOSS Community.
-We have given many talks at conferences, and have been interviewed on other podcasts.
+We have given many talks at conferences,
-We also have been featured in the <a href="<!--% absolute_url(baseurl,'about.html#press') %-->">press</a>.</p>
+have been interviewed on other podcasts,
+and have been featured in the <a href="<!--% absolute_url(baseurl,'about.html#press') %-->">press</a>
+on multiple occasions.</p>
 
+<h2 id="free_culture_podcasts">Help the Free Culture Podcasts Project<a href="<!--% absolute_url(baseurl,'about.html#free_culture_podcasts') %-->">.</a></h2>
+<p>The <a href="https://FreeCulturePodcasts.org">Free Culture Podcasts Project</a> is a umbrella site run by the Hacker Public Radio community. We prefer to attend booths as the Free Culture Podcasts project so we can not only highlight HPR, but also other podcasts that release their shows under the Creative Commons deed.</p>
 
 <h2 id="supporters" >Please support our Supporters<a href="<!--% absolute_url(baseurl,'about.html#supporters') %-->">.</a></h2>
 <p>

templates/content-syndication.tpl.html

@@ -1,6 +1,6 @@
 <!--% page_title = "HPR ~ Subscribe to our feeds" %-->
-<h1>RSS Syndication</h1>
+<h1>RSS Syndication<a href="<!--% absolute_path(baseurl) %-->syndication.html">.</a></h1>
-    <h2>Subscribe to our Feeds</h2>
+    <h2 id="subscribe">Subscribe to our Feeds<a href="<!--% absolute_path(baseurl) %-->syndication.html">.</a></h2>
   <p>
   Great that you want to listen. Have a look below at the feeds that best suite your listening habits.
   </p>
@@ -8,7 +8,7 @@
   <article>
   <header>
 	<hgroup>
-    <h2><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> The Community News Summary</h2>
+    <h2 id="feed_community_news"><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> The Community News Summary<a href="<!--% absolute_path(baseurl) %-->syndication.html#feed_community_news">.</a></h2>
     <p>One show a month</p>
 	</hgroup>
   </header>
@@ -28,7 +28,7 @@
 <article>
   <header>
 	<hgroup>
-    <h2><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> Two week Audio feed</h2>
+    <h2 id="feed_regular"><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> Two week Audio feed<a href="<!--% absolute_path(baseurl) %-->syndication.html#feed_regular">.</a></h2>
     <p>5 shows a week</p>
 	</hgroup>
   </header>
@@ -46,7 +46,7 @@
 </article>
 <article>
   <header>
-    <h2><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> Entire Archive Audio feed</h2>
+    <h2 id="feed_full"><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> Entire Archive Audio feed<a href="<!--% absolute_path(baseurl) %-->syndication.html#feed_full">.</a></h2>
   </header>
   <p>
     Use this feed to get the archived episodes. The feed themselves run over 15Mb in size and so use them to download the archived episodes and when you are up to date switch back to the Two Week Feeds listed above.
@@ -59,7 +59,7 @@
 </article>
 <article>
   <header>
-    <h2><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> Future feed</h2>
+    <h2 id="feed_future"><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> Future Feed<a href="<!--% absolute_path(baseurl) %-->syndication.html#feed_future">.</a></h2>
   </header>
   <p>
     Use this feed to get the shows as they are posted. The shows will be posted out of order as they come in and may be replaced/reposted if errors are found. This is intended as a means to provide find issues with metadata or the audio quality of new shows before they hit the main feed. 
@@ -70,7 +70,7 @@
 </article>
 <article>
   <header>
-    <h2><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> Comment feed</h2>
+    <h2 id="feed_comment"><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> Comment Feed<a href="<!--% absolute_path(baseurl) %-->syndication.html#feed_comment">.</a></h2>
   </header>
   <ul>
     <li><a href="<!--% absolute_path(baseurl) %-->comments.rss">Listener contributed comments to the episodes</a></li>
@@ -82,7 +82,7 @@
 <div class="lane stack">
 <article>
   <header>
-    <h2>Site Replication Sources</h2>
+    <h2 id="site_replication">Site Replication Sources<a href="<!--% absolute_path(baseurl) %-->syndication.html#site_replication">.</a></h2>
   </header>
   <ul>
   <li><a href="<!--% absolute_path(baseurl) %-->hpr.sql">Daily Database Dump in SQL Format</a></li>
@@ -92,7 +92,7 @@
 </article>
 <article>
   <header>
-    <h2>External Sources</h2>
+    <h2 id="external_sources">External Sources<a href="<!--% absolute_path(baseurl) %-->syndication.html#external_sources">.</a></h2>
   </header>
   <ul>
     <li><a href="https://archive.org/details/hackerpublicradio">Archive.org</a></li>
@@ -112,19 +112,19 @@
 
 <article>
   <header>
-  <h2>Download Archive</h2>
+  <h2 id="download_archive">Download Archive<a href="<!--% absolute_path(baseurl) %-->syndication.html#download_archive">.</a></h2>
  </header>
   <p>Please be aware that our Archive exceeds <strong>200Gb</strong></em>. We are happy for you to download them, but please make sure that you are not going to incur additional bandwidth charges on your side.</p>
   <p>We will be happy to physically send episodes anywhere in the world if bandwidth is an issue.</p>
 </article>
 
 <article>
-  <header><h2>Full Episode Guide</h2></header>
+  <header><h2 id="full_episode_guide">Full Episode Guide<a href="<!--% absolute_path(baseurl) %-->syndication.html#full_episode_guide">.</a></h2></header>
   <p>The <a href="<!--% absolute_path(baseurl) %-->eps/index.html">compete episode guide</a> is available to you, and it lists all the shows on one page going right back to the very first episode.</p>
 </article>
 
 <article>
-  <header><h2>Command line download</h2></header>
+  <header><h2 id="cli_download">Command line download<a href="<!--% absolute_path(baseurl) %-->syndication.html#cli_download">.</a></h2></header>
   <p>You can download the audio of the episodes directly from the command line using the following commands:</p>
   <ul>
   <li>ogg:<br>