From b66ea3fd69420b5f31cc0db1059a4bf235395431 Mon Sep 17 00:00:00 2001
From: Roan Horning <roan.horning@gmail.com>
Date: Tue, 28 Jun 2022 10:40:24 -0400
Subject: [PATCH] Initial add of web page Template files

The page.tpl.html is the main template file for generating a page.
It contains variable references to the pages navigation menu
($naviation) and the pages content ($content). These variables are
defined in the site.cfg file and point to the corresponding navigation
and content template files.
---
 templates/content-contact.tpl.html       |  21 ++++
 templates/navigation-about.tpl.html      |   9 ++
 templates/navigation-contribute.tpl.html |   8 ++
 templates/navigation-get-shows.tpl.html  |   8 ++
 templates/navigation-give-shows.tpl.html |  10 ++
 templates/navigation-main.tpl.html       |  10 ++
 templates/page.tpl.html                  | 126 +++++++++++++++++++++++
 7 files changed, 192 insertions(+)
 create mode 100644 templates/content-contact.tpl.html
 create mode 100644 templates/navigation-about.tpl.html
 create mode 100644 templates/navigation-contribute.tpl.html
 create mode 100644 templates/navigation-get-shows.tpl.html
 create mode 100644 templates/navigation-give-shows.tpl.html
 create mode 100644 templates/navigation-main.tpl.html
 create mode 100644 templates/page.tpl.html

diff --git a/templates/content-contact.tpl.html b/templates/content-contact.tpl.html
new file mode 100644
index 0000000..878803b
--- /dev/null
+++ b/templates/content-contact.tpl.html
@@ -0,0 +1,21 @@
+  <article>
+    <header>
+        <h1>Contact</h1>
+    </header>
+    <p>We are always looking for more hosts...</p>
+    <ul>
+      <li>email: <strong>admin -at- hackerpublicradio org</strong><br />
+      <em>As an anti-spam measure you will get an error back but we do get your email.</em></li>
+      <li>Website: <a href="http://www.www.hackerpublicradio.org" target="_blank">www.www.hackerpublicradio.org</a></li>
+      <li>Mailist: <a href="http://www.hackerpublicradio.org/maillist" target="_blank">Maillist</a></li>
+      <li><a href="https://web.libera.chat/gamja/?channels=oggcastplanet" target="_blank">#oggcastplanet</a></li>
+      <li><a href="https://www.facebook.com/home.php?sk=group_130169220378872¬if_t=group_r2j" target="_blank">Facebook</a></li>
+      <li><a href="https://www.linkedin.com/company/hackerpublicradio/" target="_blank">Linked-In</a></li>
+      <li><a href="http://itunes.apple.com/us/podcast/hacker-public-radio/id281699640" target="_blank">iTunes</a></li>
+    </ul>
+    <h2>Mail List</h2>
+    <p>
+    HPR is governed by the community, so decisions about how Hacker Public Radio should be run are made on the mailing list you can join it by going to :<br />
+    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.hackerpublicradio.org/maillist">http://www.hackerpublicradio.org/maillist</a>
+    </p>
+  </article>
diff --git a/templates/navigation-about.tpl.html b/templates/navigation-about.tpl.html
new file mode 100644
index 0000000..3156664
--- /dev/null
+++ b/templates/navigation-about.tpl.html
@@ -0,0 +1,9 @@
+		<ul>
+			<li><a href="/calendar.php"><strong>⇧Upload⇧</strong></a></li>
+			<li><a href="/index.php"><strong>Home</a></li>
+			<li><a href="/about.php">About »</strong></a></li>
+			<li><a href="/correspondents.php">Hosts</a></li>
+			<li><a href="/contact.php">Contact</a></li>
+			<li><a href="/promote.php">Promote HPR</a></li>
+			<li><a href="/comments_viewer.php">Show Comments</a></li>
+		</ul>
diff --git a/templates/navigation-contribute.tpl.html b/templates/navigation-contribute.tpl.html
new file mode 100644
index 0000000..33640e1
--- /dev/null
+++ b/templates/navigation-contribute.tpl.html
@@ -0,0 +1,8 @@
+		<ul>
+			<li><a href="/calendar.php"><strong>⇧Upload⇧</strong></a></li>
+			<li><a href="/index.php"><strong>Home</a></li>
+			<li><a href="/help_out.php">Contribute »</strong></a></li>
+			<li><a href="/contribute.php">Submit Show</a></li>
+			<li><a href="/report_missing_tags.php">Fix Tags</a></li>
+			<li><a href="/requested_topics.php">Topics</a></li>
+		</ul>
diff --git a/templates/navigation-get-shows.tpl.html b/templates/navigation-get-shows.tpl.html
new file mode 100644
index 0000000..b65d8dc
--- /dev/null
+++ b/templates/navigation-get-shows.tpl.html
@@ -0,0 +1,8 @@
+		<ul>
+			<li><a href="/calendar.php"><strong>⇧Upload⇧</strong></a></li>
+			<li><a href="/index.php"><strong>Home</strong></a></li>
+			<li><a href="/syndication.php"><strong>Get Shows »</strong></a></li>
+			<li><a href="/index_full.php">Full Episode Guide</a></li>
+			<li><a href="/series.php">In-Depth Series</a></li>
+			<li><a href="/download.php">Download Options</a></li>
+		</ul>
diff --git a/templates/navigation-give-shows.tpl.html b/templates/navigation-give-shows.tpl.html
new file mode 100644
index 0000000..13966b8
--- /dev/null
+++ b/templates/navigation-give-shows.tpl.html
@@ -0,0 +1,10 @@
+		<ul>
+			<li><a href="/calendar.php"><strong>⇧Upload⇧</strong></a></li>
+			<li><a href="/index.php"><strong>Home</a></li>
+			<li><a href="/contribute.php">Give Shows »</strong></a>
+			<li><a href="/stuff_you_need_to_know.php">Info</a></li>
+			<li><a href="/theme.php">Theme</a></li>
+			<li><a href="/requested_topics.php">Topics</a></li>
+			<li><a href="/recording.php">Recording</a></li>
+			<li><a href="/request_a_slot.php">Scheduling</a></li>
+		</ul>
diff --git a/templates/navigation-main.tpl.html b/templates/navigation-main.tpl.html
new file mode 100644
index 0000000..13966b8
--- /dev/null
+++ b/templates/navigation-main.tpl.html
@@ -0,0 +1,10 @@
+		<ul>
+			<li><a href="/calendar.php"><strong>⇧Upload⇧</strong></a></li>
+			<li><a href="/index.php"><strong>Home</a></li>
+			<li><a href="/contribute.php">Give Shows »</strong></a>
+			<li><a href="/stuff_you_need_to_know.php">Info</a></li>
+			<li><a href="/theme.php">Theme</a></li>
+			<li><a href="/requested_topics.php">Topics</a></li>
+			<li><a href="/recording.php">Recording</a></li>
+			<li><a href="/request_a_slot.php">Scheduling</a></li>
+		</ul>
diff --git a/templates/page.tpl.html b/templates/page.tpl.html
new file mode 100644
index 0000000..f21179c
--- /dev/null
+++ b/templates/page.tpl.html
@@ -0,0 +1,126 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+  <title>Hacker Public Radio ~ The Technology Community Podcast</title>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
+  <meta name="keywords" content="Technology, Tech News, Education, Training" />
+  <meta name="description" content="Hacker Public Radio is an podcast that releases shows every weekday Monday through Friday. Our shows are produced by the community (you) and can be on any topic that are of interest to hackers and hobbyists." />
+  <!-- Internal CSS -->
+  <style type="text/css">
+  article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
+          display: block;
+  }
+  #list1, #list2, #list3 {
+          display:none;
+  }
+  </style>
+  <link rel="shortcut icon" href="hpr.ico" >
+  <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Ogg Vorbis RSS" href="/hpr_ogg_rss.php" />
+  <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Speex RSS" href="/hpr_spx_rss.php" />
+  <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio MP3 RSS" href="/hpr_mp3_rss.php" />
+  <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Comments RSS" href="/comments_rss.php" />
+  <link rel="license" title="cc by 3.0"  href="https://creativecommons.org/licenses/by-sa/3.0/" />
+  <link href="/css/hpr.css" rel="stylesheet" />
+  <!--[if IE]>
+  <link rel="stylesheet" href="css/hpr.css" media="screen" type="text/css" />
+  <script src="/JavaScript/html5.js"></script>
+  <![endif]-->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.5, user-scalable=yes"/> 
+</head>
+
+<body id="give">
+<div id="container" class="shadow">
+<header>
+	<a href=""><img id="hprlogo" src="/images/hpr_logo.png" alt=""></a>
+	<div id="hpr_banner">
+		<p id="accessible_menu">
+			<a href="sitemap.php">Site Map</a>
+			- <a href="#maincontent">skip to main content</a>
+			</p>
+		<h1 id="sitename">Hacker <a href="comments_viewer.php">P</a>ublic <a href="/syndication.php">R</a>adio</h1>
+		<h2>Your ideas, projects, opinions - podcasted.</h2>
+		<h3>New episodes Monday through Friday.</h3>
+	</div>
+	<hr />
+	
+	<nav class="menu" role="navigation">
+<!--% INCLUDE $navigation %-->
+	</nav>
+</header>
+
+<main id="maincontent">
+<!--% INCLUDE $content %-->
+</main>
+
+<footer id="footer_page">
+  <h1 class="thick_bar"><span style="padding-left: 1em;">More Information...</span></h1>
+  <div id="more_info">
+    <nav class="column">
+      <h2>Ancestry</h2>
+      <ul>
+        <li><a href="http://audio.textfiles.com/shows/radiofreekamerica/">Radio Freek America</a></li>
+        <li><a href="http://audio.textfiles.com/shows/binrev/">BinRev Radio</a></li>
+        <li><a href="http://audio.textfiles.com/shows/infonomicon/">Infonomicon</a></li>
+        <li><a href="http://audio.textfiles.com/shows/twat/">Talk With a Techie</a></li>
+      </ul>
+    </nav>
+    <nav class="column">
+      <h2>Social</h2>
+      <ul>
+        <li><a href="http://hackerpublicradio.org/mailman/listinfo/hpr_hackerpublicradio.org" target="_blank">Maillist</a></li>
+        <li><a href="https://web.libera.chat/gamja/?channels=oggcastplanet" target="_blank">#oggcastplanet</a></li>
+        <li><a href="https://twitter.com/HPR">Twitter.com</a></li>
+        <li><a href="https://plus.google.com/u/0/s/hacker%20public%20radio" target="_blank">Google+</a></li>
+        <li><a href="https://www.facebook.com/home.php?sk=group_130169220378872¬if_t=group_r2j" target="_blank">Facebook</a></li>
+        <li><a href="https://www.linkedin.com/company/hackerpublicradio/" target="_blank">Linked-In</a></li>
+        <li><a href="http://itunes.apple.com/us/podcast/hacker-public-radio/id281699640" target="_blank">iTunes</a></li>
+        <li><a href="https://play.google.com/music/m/Igrhzh3izdb5qxv536ii6qpbgv4?t=Hacker_Public_Radio" target="_blank">Google Play</a></li>
+      </ul>
+    </nav>
+    <nav class="column">
+      <h2>Affiliates</h2>
+      <ul>
+        <li><a href="http://www.hackradiolive.org/">Hack Radio Live</a></li>
+        <li><a href="http://www.binrev.com/">Binary Revolution</a></li>
+        <li><a href="http://hackermedia.org">Hackermedia</a></li>
+        <li><a href="http://www.nomicon.info/">Infonomicon</a></li>
+        <li><a href="http://www.packetsniffers.org/">Packetsniffers</a></li>
+      </ul>
+    </nav>
+    <nav class="column">
+      <h2>Commons</h2>
+      <ul>
+        <li><a href="https://archive.org/details/hackerpublicradio">archive.org</a></li>
+        <li><a href="http://cchits.net/">cchits.net</a></li>
+        <li><a href="http://freemusi.cc/">FreeMusi.cc</a></li>
+        <li><a href="http://freesound.org/">freesound.org</a></li>
+        <li><a href="https://librivox.org/">librivox.org</a></li>
+        <li><a href="http://openclipart.org/">openclipart.org</a></li>
+        <li><a href="http://openfontlibrary.org/">openfontlibrary.org</a></li>
+        <li><a href="http://www.openrouteservice.org/">openrouteservice.org/</a></li>
+        <li><a href="https://pixabay.com/">pixabay.com/</a></li>
+      </ul>
+    </nav>
+    <nav class="column">
+      <h2>Patrons</h2>
+      <ul>
+        <li><a href="https://anhonesthost.com/hosting/shared-hosting">AnHonestHost.com</a></li>
+        <li><a href="https://archive.org/donate/">Archive.org</a></li>
+      </ul>
+    </nav>
+  </div><!-- more_info -->
+  <h1 class="thick_bar"><span style="padding-left: 1em;">Copyright Information</span></h1>  
+  <div id="copyright">
+    <p>
+    Unless otherwise stated, our shows are released under a Creative Commons <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
+  Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)</a> license.</p>
+    <p>
+    The <span property="dct:title">HPR Website Design</span> is released to the <a rel="license" href="http://creativecommons.org/publicdomain/mark/1.0/">Public Domain</a>.
+    </p>
+    <hr />
+  </div><!-- copyright -->
+  <hr />
+</footer>
+</div>
+<!-- shadow -->