From 3991c95533f924bad715c2ed62f2cc4f33347ae4 Mon Sep 17 00:00:00 2001
From: Roan Horning <roan.horning@gmail.com>
Date: Thu, 7 Aug 2025 20:57:00 -0400
Subject: [PATCH] Finish moving syndication page to card format

---
 public_html/css/hpr.css                |  1 +
 templates/content-syndication.tpl.html | 59 ++++++++++++++------------
 2 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index fc00ab5..0cec606 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -287,6 +287,7 @@ article > p,
 	margin: 0;
 	font-weight: bold;
 	font-size: 1.45rem;
+	color: var(--background-primary);
 }
 .lane > article > header a {
 	color: var(--link-secondary);
diff --git a/templates/content-syndication.tpl.html b/templates/content-syndication.tpl.html
index 3beedb2..f378905 100644
--- a/templates/content-syndication.tpl.html
+++ b/templates/content-syndication.tpl.html
@@ -6,15 +6,15 @@
   <div class="lane">
   <article>
   <header>
+	<hgroup>
     <h2><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> The Community News Summary</h2>
-    <h3>One show a month</h3>
+    <p>One show a month</p>
+	</hgroup>
   </header>
-  <p>
-  If you get overwhelmend by the amount of shows we produce, then this is a good place to start.
-  </p>
-  <p>
-  Every month, the HPR Janitors put down their mops had have a chat about all the shows, and what else has been going on in the HPR community. This is a regular show scheduled for the first Monday of the month. 
-  </p>
+  <p>If you get overwhelmend by the amount of shows we produce, then this is a good place to start.</p>
+
+  <p>Every month, the HPR Janitors put down their mops had have a chat about all the shows, and what else has been going on in the HPR community. This is a regular show scheduled for the first Monday of the month.</p>
+
   <ul>
     <li><a href="<!--% absolute_path(baseurl) %-->hpr_opus_rss.php?series=47">opus</a>.</li>
     <li><a href="<!--% absolute_path(baseurl) %-->hpr_ogg_rss.php?series=47">ogg</a>.</li>
@@ -26,8 +26,10 @@
 </article>
 <article>
   <header>
+	<hgroup>
     <h2><img src="<!--% absolute_path(baseurl) %-->images/feed.png" alt="rss logo"> Two week Audio feed</h2>
-    <h3>5 shows a week</h3>
+    <p>5 shows a week</p>
+	</hgroup>
   </header>
   <p>
   Use these feeds to keep up to date with the latest HPR Episodes.
@@ -76,6 +78,7 @@
 <div>
 <hr class="no-css">
 <h1>Other Download Options</h1>
+<div class="lane">
 <article>
   <header>
     <h2>Site Replication Sources</h2>
@@ -108,25 +111,27 @@
 
 <article>
   <header>
-  <h1>Download Archive</h1>
+  <h2>Download Archive</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>
-  </header>
-  <h2>Full Episode Guide</h2>
-  <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>
-  <h2>Command line download</h2>
-  <p>
-  You can download the audio of the episodes directly from the command line using the following commands:
-  </p>
-  <ul>
-  <li>ogg:<br />
-  <span style="font-family:monospace;">curl '<!--% absolute_path(baseurl) %-->eps/hpr[0001-<!--% episode.latest %-->].ogg' -o "hpr#1.ogg"</span></li>
-  <li>spx:<br />
-  <span style="font-family:monospace;">curl '<!--% absolute_path(baseurl) %-->eps/hpr[0001-<!--% episode.latest %-->].spx' -o "hpr#1.spx"</span></li>
-  <li>mp3:<br />
-  <span style="font-family:monospace;">curl '<!--% absolute_path(baseurl) %-->eps/hpr[0001-<!--% episode.latest %-->].mp3' -o "hpr#1.mp3"</span></li>
-  </ul>
-
 </article>
+
+<article>
+  <header><h2>Full Episode Guide</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>
+  <p>You can download the audio of the episodes directly from the command line using the following commands:</p>
+  <ul>
+  <li>ogg:<br>
+  <code>curl '<!--% absolute_path(baseurl) %-->eps/hpr[0001-<!--% episode.latest %-->].ogg' -o "hpr#1.ogg"</code></li>
+  <li>spx:<br>
+  <code>curl '<!--% absolute_path(baseurl) %-->eps/hpr[0001-<!--% episode.latest %-->].spx' -o "hpr#1.spx"</code></li>
+  <li>mp3:<br>
+  <code>curl '<!--% absolute_path(baseurl) %-->eps/hpr[0001-<!--% episode.latest %-->].mp3' -o "hpr#1.mp3"</code></li>
+  </ul>
+</article>
+</div>