diff --git a/NEW_DESIGN_INTEGRATION.md b/NEW_DESIGN_INTEGRATION.md new file mode 100644 index 0000000..979f3d7 --- /dev/null +++ b/NEW_DESIGN_INTEGRATION.md @@ -0,0 +1,96 @@ +# New Design Integration + +This branch integrates the modern design from DraftHPRSplash (hobbypublicradio.org) into the hpr_generator system. + +## What's Been Done + +### 1. Design Assets Added +- **CSS**: New responsive design stylesheet at `public_html/css/new-design.css` +- **Images**: New banner logo at `public_html/images/logo.png` +- **Icons**: Complete icon set from Remix Icons in `public_html/icons/` + +### 2. New Templates Created +- **Main Template**: `templates/page-newdesign.tpl.html` - Main page layout with new design +- **Index Content**: `templates/content-index-newdesign.tpl.html` - Homepage with card-based layout +- **Navigation**: `templates/navigation-newdesign.tpl.html` - Simplified navigation + +### 3. Configuration +- **New Config**: `site-newdesign.cfg` - Configuration file to use new design templates + +## Key Design Changes + +### Navigation +- **Before**: Complex multi-level navigation with detailed menu structure +- **After**: Simple 4-item top navigation (Home, Upload, Download, About) + +### Layout +- **Before**: Traditional header with logo + complex navigation + main content + detailed footer +- **After**: Clean banner image + simplified navigation + card-based sections + minimal footer + +### Homepage Content +- **Before**: Text-heavy with detailed episode listings +- **After**: Card-based sections for podcast functions (Record, Schedule, Subscribe, Listen) + streamlined episode/comment lists + +## How to Use + +### Option 1: Test New Design +```bash +# Install dependencies first (see GETTING_STARTED.md) +./site-generator --configuration=site-newdesign.cfg index +``` + +### Option 2: Generate Full Site with New Design +```bash +./site-generator --configuration=site-newdesign.cfg --all +``` + +### Option 3: Compare Designs +```bash +# Generate with old design +./site-generator index + +# Generate with new design +./site-generator --configuration=site-newdesign.cfg index + +# Compare the generated index.html files +``` + +## Compatibility + +- **Database**: Uses same database and queries as original +- **Functionality**: All existing features preserved +- **RSS/XML**: Uses same RSS templates (no changes needed) +- **URLs**: All URL structures remain the same +- **Templates**: Original templates unchanged, new design uses separate template files + +## Next Steps + +1. **Testing**: Generate and test all page types with new design +2. **Content Templates**: Create new design versions for other content templates as needed +3. **Refinement**: Adjust styling and layout based on testing +4. **Documentation**: Update any template documentation + +## Files Added/Modified + +### New Files +- `public_html/css/new-design.css` +- `public_html/images/logo.png` +- `public_html/icons/` (directory with SVG icons) +- `templates/page-newdesign.tpl.html` +- `templates/content-index-newdesign.tpl.html` +- `templates/navigation-newdesign.tpl.html` +- `site-newdesign.cfg` +- `NEW_DESIGN_INTEGRATION.md` (this file) + +### No Existing Files Modified +This integration preserves all existing functionality while adding the new design as an option. + +## Design Principles Maintained + +1. **Responsive**: Mobile-first responsive design +2. **Accessible**: Maintains accessibility features +3. **Performance**: Optimized CSS and minimal JavaScript +4. **Standards**: Valid HTML5 and modern CSS +5. **Compatibility**: Works with existing generator system + +The integration allows switching between designs via configuration, enabling easy testing and gradual migration. \ No newline at end of file diff --git a/public_html/css/new-design.css b/public_html/css/new-design.css new file mode 100644 index 0000000..e2e2e34 --- /dev/null +++ b/public_html/css/new-design.css @@ -0,0 +1,323 @@ +@charset "utf-8"; + +html { + margin: 0; + padding: 0; + display: block; +} + +body { + display: block; + background: #dfdfdf; + font-size: 1rem; + margin: 0; + padding: 0; +} + +div, +h1, +h2, +h3, +h4, +h5, +h6, +p, +ul, +ol, +li, +dl, +dt, +dd, +img, +form, +fieldset, +input, +textarea, +blockquote, +footer { + font-family: Verdana, Arial, Helvetica, sans-serif; + color: #4D4D4D; + font-size: 1rem; +} + +h1 { + font-size: 1.2rem; +} + +h2 { + font-size: 1rem; +} + +h3 { + font-size: 0.8rem; +} + +h4 { + font-size: 0.6rem; +} + +img { + max-width: 100%; + height: auto; +} + +ul { + padding-left: 1.15rem; +} + +li { + line-height: 1.25; +} + +a { + text-decoration: none; + font-family: Verdana, Arial, Helvetica, sans-serif; + color: #5e949e; + font-size: 1rem; +} + +a:hover { + cursor: pointer; + color: #7eb4be; +} + +pre { + /* Add background, border and scrollbar to 
 */
+	background: #eee;
+	border: 1px solid #ddd;
+	overflow: auto;
+	clear: both;
+	padding: 0.5rem
+}
+
+code {
+	background: #eee;
+	border-radius: 0.2rem;
+	font-size: 0.95rem;
+}
+
+pre code {
+	padding-right: 0.5rem;
+	font-size: 0.85rem;
+	line-height: 1;
+}
+
+footer {	
+	background-color: #4D4D4D;
+	text-align: center;
+	font-size: 0.8rem;
+	padding: 1em;
+}
+
+footer span {
+	background-color: #4D4D4D;
+	color: #dfdfdf;
+}
+
+footer a {
+	color: #afafef;
+	font-size: 0.8rem;
+}
+
+nav{
+  background: linear-gradient(to right, #2f789d, #a6cbcb);
+  color: #dfdfdf;
+  overflow: hidden;
+  position: relative;
+}
+
+.menu-links {
+  display: flex;
+}
+
+nav a {
+  display: block;
+  color: #b6dbdb;
+  text-align: center;
+  padding: 10px;
+  text-decoration: none;
+  font-size: 0.9rem;
+}
+
+nav a:hover {
+	background-color: #5fa9be;
+	color: #efefef;
+}
+
+.hamburger {
+  display: none;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 10px;
+}
+
+.hamburger img {
+  width: 24px;
+  height: 24px;
+  filter: invert(80%) sepia(20%) saturate(100%) hue-rotate(140deg) brightness(110%);
+}
+
+@media screen and (max-width: 600px) {
+	.hamburger {
+		display: flex;
+	}
+	
+	.menu-links {
+		position: static;
+		left: 0;
+		right: 0;
+		background: linear-gradient(to right, #2f789d, #a6cbcb);
+		flex-direction: column;
+		display: none;
+	}
+	
+	.menu-links.active {
+		display: flex;
+	}
+	
+	nav a {
+		text-align: left;
+		border-top: solid 1px #0f597e;
+	}
+
+	nav a:hover {
+		background: linear-gradient(to right, #3f89ae, #a6cbcb);
+	}
+}
+
+@media screen and (max-width: 700px) {
+
+}
+
+.banner {
+	margin: 5px;
+	background: linear-gradient(to right, #2f789d, #a6cbcb); 	
+}
+
+.banner-image {
+	margin: 0 auto;
+	height: 35vh;
+	width: 100%;
+	display: block;
+	object-fit: cover;
+	object-position: left;
+	max-width:1600px;
+}
+
+main {
+	margin: 0 2em;
+}
+
+section  {
+	margin: 10px;
+}
+
+section.podcast {
+	width: 90%;
+	margin: 0 5%;
+	display: flex;
+	flex-wrap: wrap;
+}
+
+a.podcast {
+	flex: 0 0 20%;
+	flex-basis: 150px;
+	box-sizing: border-box;	
+	margin: 2.5%;
+	padding: 1em 1em 0em 1em;
+	height: 180px;
+	background-size: cover;
+	border: none;
+}
+
+section a.podcast.record {
+	background-image: url('../icons/record_button.png');
+}
+
+section a.podcast.schedule {
+	background-image: url('../icons/schedule_button.png');
+	background-size: cover;
+	border: none;
+}
+
+section a.podcast.subscribe {
+	background-image: url('../icons/subscribe_button.png');
+	background-size: cover;
+	border: none;
+}
+
+section a.podcast.listen {
+	background-image: url('../icons/listen_button.png');
+	background-size: cover;
+	border: none;
+}
+
+section.podcast > a > p
+{
+	display: none;
+}
+
+section.project {
+	width: 90%;
+	margin: 0 5%;
+	display: flex;
+	flex-wrap: wrap;
+}
+
+a.project {
+	flex: 0 0 20%;
+	flex-basis: 150px;
+	box-sizing: border-box;	
+	margin: 2.5%;
+	padding: 1em 1em 0em 1em;
+	height: 180px;
+	background-size: cover;
+	border: none;
+}
+
+section.project > a > p
+{
+	display: none;
+}
+
+section a.project.host {
+	background-image: url('../icons/hosts_button.png');
+	background-size: cover;
+	border: none;
+}
+
+section a.project.series {
+	background-image: url('../icons/series_button.png');
+	background-size: cover;
+	border: none;
+}
+
+section a.project.about {
+	background-image: url('../icons/about_button.png');
+	background-size: cover;
+	border: none;
+}
+
+.column-container {
+	display: flex;
+	justify-content: space-between;	
+}
+
+section.episodes, section.comments {
+	paddng: 10px;	
+	flex-basis: 50%;
+}
+
+@media (min-width: 600px) {
+  section.episodes, section.comments {
+    flex-basis: 50%;
+  }
+}
+
+@media (max-width: 600px) {
+  .column-container {
+    flex-direction: column;
+    justify-content: stretch; 
+  }
+}
diff --git a/public_html/icons/LICENCE.md b/public_html/icons/LICENCE.md
new file mode 100644
index 0000000..cddc69e
--- /dev/null
+++ b/public_html/icons/LICENCE.md
@@ -0,0 +1,2 @@
+[Remix-Design/RemixIcon is licensed under the
+Apache License 2.0](https://github.com/Remix-Design/remixicon/blob/master/License)
\ No newline at end of file
diff --git a/public_html/icons/about_button.png b/public_html/icons/about_button.png
new file mode 100644
index 0000000..90856c4
Binary files /dev/null and b/public_html/icons/about_button.png differ
diff --git a/public_html/icons/calendar-2-line.svg b/public_html/icons/calendar-2-line.svg
new file mode 100644
index 0000000..2fff70a
--- /dev/null
+++ b/public_html/icons/calendar-2-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/close-line.svg b/public_html/icons/close-line.svg
new file mode 100644
index 0000000..4ee8e56
--- /dev/null
+++ b/public_html/icons/close-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/hosts_button.png b/public_html/icons/hosts_button.png
new file mode 100644
index 0000000..bc66ff9
Binary files /dev/null and b/public_html/icons/hosts_button.png differ
diff --git a/public_html/icons/listen_button.png b/public_html/icons/listen_button.png
new file mode 100644
index 0000000..aeb8eac
Binary files /dev/null and b/public_html/icons/listen_button.png differ
diff --git a/public_html/icons/menu-line.svg b/public_html/icons/menu-line.svg
new file mode 100644
index 0000000..771d875
--- /dev/null
+++ b/public_html/icons/menu-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/mic-fill.svg b/public_html/icons/mic-fill.svg
new file mode 100644
index 0000000..f4bdc6d
--- /dev/null
+++ b/public_html/icons/mic-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/mic-line.svg b/public_html/icons/mic-line.svg
new file mode 100644
index 0000000..039a168
--- /dev/null
+++ b/public_html/icons/mic-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/question-mark.svg b/public_html/icons/question-mark.svg
new file mode 100644
index 0000000..840a412
--- /dev/null
+++ b/public_html/icons/question-mark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/record_button.png b/public_html/icons/record_button.png
new file mode 100644
index 0000000..5c23d4e
Binary files /dev/null and b/public_html/icons/record_button.png differ
diff --git a/public_html/icons/rss-fill.svg b/public_html/icons/rss-fill.svg
new file mode 100644
index 0000000..c3ac2bb
--- /dev/null
+++ b/public_html/icons/rss-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/rss-line.svg b/public_html/icons/rss-line.svg
new file mode 100644
index 0000000..6130a45
--- /dev/null
+++ b/public_html/icons/rss-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/schedule_button.png b/public_html/icons/schedule_button.png
new file mode 100644
index 0000000..7d07b03
Binary files /dev/null and b/public_html/icons/schedule_button.png differ
diff --git a/public_html/icons/series_button.png b/public_html/icons/series_button.png
new file mode 100644
index 0000000..8d30b15
Binary files /dev/null and b/public_html/icons/series_button.png differ
diff --git a/public_html/icons/stack-fill.svg b/public_html/icons/stack-fill.svg
new file mode 100644
index 0000000..b6f247e
--- /dev/null
+++ b/public_html/icons/stack-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/stack-line.svg b/public_html/icons/stack-line.svg
new file mode 100644
index 0000000..2a5f445
--- /dev/null
+++ b/public_html/icons/stack-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/subscribe_button.png b/public_html/icons/subscribe_button.png
new file mode 100644
index 0000000..9fe6eda
Binary files /dev/null and b/public_html/icons/subscribe_button.png differ
diff --git a/public_html/icons/user-fill.svg b/public_html/icons/user-fill.svg
new file mode 100644
index 0000000..ebc2153
--- /dev/null
+++ b/public_html/icons/user-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/user-line.svg b/public_html/icons/user-line.svg
new file mode 100644
index 0000000..f072c9a
--- /dev/null
+++ b/public_html/icons/user-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/volume-up-fill.svg b/public_html/icons/volume-up-fill.svg
new file mode 100644
index 0000000..f352c50
--- /dev/null
+++ b/public_html/icons/volume-up-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/volume-up-line.svg b/public_html/icons/volume-up-line.svg
new file mode 100644
index 0000000..f619773
--- /dev/null
+++ b/public_html/icons/volume-up-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/images/logo.png b/public_html/images/logo.png
new file mode 100644
index 0000000..0aa6180
Binary files /dev/null and b/public_html/images/logo.png differ
diff --git a/public_html/js/index.js b/public_html/js/index.js
new file mode 100644
index 0000000..86fb0bc
--- /dev/null
+++ b/public_html/js/index.js
@@ -0,0 +1,83 @@
+window.onload = () => {
+
+	/* scale benner image map co-ordinates */
+	
+	const image = document.querySelector('.banner-image');
+	const areas = document.querySelectorAll('.bannermap > area');	
+
+	const max_width = 1600;
+	const image_height_ratio = 0.35;
+
+	const image_map_coords = [
+		[108,187,240,343],
+		[246,187,359,343],
+		[363,187,492,343]
+	];
+
+	function calcTransform(prop) {		
+		let scale, offset;
+		prop.original_aspect = prop.original_width / prop.original_height;
+		prop.scaled_width = prop.image_height * prop.original_aspect;
+		prop.image_aspect = prop.image_width / prop.image_height;
+		if (prop.scaled_width < prop.image_width) {
+			prop.scaled_height = prop.image_height * prop.image_aspect / prop.original_aspect;
+			offset = (prop.image_height - prop.scaled_height) / 2;
+			scale = prop.scaled_height / prop.original_height;
+		} else {
+			offset = 0;
+			scale = prop.image_height / prop.original_height;
+		}
+		return [scale, offset];
+	}
+
+	function setCoords() {		
+		areas.forEach((area, index) => {
+			const [x1, y1, x2, y2] = image_map_coords[index];			
+			let prop = {
+				screen_width: (window.innerWidth),
+				contained_width: (window.innerWidth <= max_width) ? window.innerWidth : max_width,
+				screen_height: window.innerHeight,
+				image_width: image.offsetWidth,
+				image_height: image.offsetHeight,
+				original_width: image.naturalWidth,
+				original_height: image.naturalHeight
+			};
+			let [ scale, offset ] = calcTransform(prop);
+			const scaled_coords = `${x1*scale}, ${y1*scale + offset}, ${x2*scale}, ${y2*scale + offset}`;
+			area.setAttribute('coords', scaled_coords);
+		});
+	}
+	
+	new ResizeObserver(setCoords).observe(image);
+	
+	/* hamburger menu functionality */
+	const hamburger = document.getElementById('hamburger-menu');
+	const menuLinks = document.getElementById('menu-links');
+	const menuIcon = hamburger?.querySelector('.menu-icon');
+	const closeIcon = hamburger?.querySelector('.close-icon');
+	
+	if (hamburger && menuLinks && menuIcon && closeIcon) {
+		hamburger.addEventListener('click', () => {
+			const isActive = menuLinks.classList.contains('active');
+			
+			menuLinks.classList.toggle('active');
+			
+			if (isActive) {
+				menuIcon.style.display = 'block';
+				closeIcon.style.display = 'none';
+			} else {
+				menuIcon.style.display = 'none';
+				closeIcon.style.display = 'block';
+			}
+		});
+		
+		// Close menu when clicking on a link
+		menuLinks.addEventListener('click', (e) => {
+			if (e.target.tagName === 'A') {
+				menuLinks.classList.remove('active');
+				menuIcon.style.display = 'block';
+				closeIcon.style.display = 'none';
+			}
+		});
+	}
+};
\ No newline at end of file
diff --git a/site-newdesign.cfg b/site-newdesign.cfg
new file mode 100644
index 0000000..808cf5d
--- /dev/null
+++ b/site-newdesign.cfg
@@ -0,0 +1,173 @@
+# Configure the Perl DBI driver to allow the templates communicate 
+# with the database.
+# dbi::
+# For more information on Perl Template Toolkit see: 
+# http://template-toolkit.org/docs/manual/index.html
+[DBI]
+# Configuration settings for SQLite
+database: sqlite
+driver: dbi:SQLite:hpr.db 
+
+# Configure the location of the templates and the generated HTML
+[app_paths]
+templates_path: ./templates
+output_path: ./public_html
+
+# Configure the root template page which pulls in the navigation and 
+# content templates used by each page. An optional baseurl property may 
+# be defined. This is useful when opening files directly from local 
+# filesystem to allow relative paths to work.
+[root_template]
+content: page-newdesign.tpl.html
+#baseurl: OPTIONAL [i.e. file://]
+http_baseurl: http://hackerpublicradio.org/
+hub_baseurl: https://hub.hackerpublicradio.org/
+media_baseurl: https://hub.hackerpublicradio.org/ccdn.php?filename=/eps/hpr$eps_id/
+generator_name: The HPR Robot
+generator_email: robot.nospam@nospam.hackerpublicradio.org
+
+# Configure the navigation menu and the content templates for each page 
+# of the site:
+#
+# [page_name] REQUIRED
+# navigation: REQUIRED 
+# content: REQUIRED 
+
+# Configure filename if default name is not desired 
+# (Default is "ROOT/[page_name].html"):
+#
+# filename: OPTIONAL 
+# *  -- Must end in forward slash. File will be created 
+#                       in this path with the default naming scheme.
+# *  -- May include a relative path. Should include the file 
+#                  extension. May have [id] marker in path or name which 
+#                  will be substituted with a padded page id.
+
+# Configure pages which use the same content template:
+#
+# multipage: OPTIONAL true | false (DEFAULT = false)  
+
+[index]
+navigation: navigation-newdesign.tpl.html
+content: content-index-newdesign.tpl.html
+
+[about]
+navigation: navigation-newdesign.tpl.html
+content: content-about.tpl.html
+
+[correspondents]
+navigation: navigation-newdesign.tpl.html
+content: content-correspondents.tpl.html
+filename: correspondents/index.html
+
+[correspondent]
+navigation: navigation-newdesign.tpl.html
+content: content-correspondent.tpl.html
+multipage: true
+filename: correspondents/[id].html
+
+[series]
+navigation: navigation-newdesign.tpl.html
+content: content-series.tpl.html
+filename: series/index.html
+
+[series_episode]
+navigation: navigation-newdesign.tpl.html
+content: content-series_episode.tpl.html
+multipage: true
+filename: series/[id].html
+
+[episodes]
+navigation: navigation-newdesign.tpl.html
+content: content-episodes.tpl.html
+filename: eps/index.html
+
+[episode]
+navigation: navigation-newdesign.tpl.html
+content: content-episode.tpl.html
+multipage: true
+filename: eps/hpr[id]/index.html
+
+[download]
+navigation: navigation-newdesign.tpl.html
+content: content-download.tpl.html
+
+[syndication]
+navigation: navigation-newdesign.tpl.html
+content: content-syndication.tpl.html
+
+[search]
+navigation: navigation-newdesign.tpl.html
+content: content-search.tpl.html
+
+[sitemap]
+navigation: navigation-newdesign.tpl.html
+content: content-sitemap.tpl.html
+
+[tags]
+navigation: navigation-newdesign.tpl.html
+content: content-tags.tpl.html
+
+[twat_episode]
+navigation: navigation-newdesign.tpl.html
+content: content-twat_episode.tpl.html
+multipage: true
+filename: eps/twt[id]/index.html
+
+[mumble-howto]
+navigation: navigation-newdesign.tpl.html
+content: content-mumble-howto.tpl.html
+
+[contact]
+navigation: navigation-newdesign.tpl.html
+content: content-contact.tpl.html
+
+[promote]
+navigation: navigation-newdesign.tpl.html
+content: content-promote.tpl.html 
+
+[comments_viewer]
+navigation: navigation-newdesign.tpl.html
+content: content-comments_viewer.tpl.html
+
+[hpr_ogg]
+root_template: rss.tpl.xml
+content: rss-hpr.tpl.xml
+filename: hpr_ogg.rss
+media_file_extension: ogg
+
+[hpr_mp3]
+root_template: rss.tpl.xml
+content: rss-hpr.tpl.xml
+filename: hpr_mp3.rss
+media_file_extension: mp3
+audio_mime_type: mpeg
+
+[hpr_spx]
+root_template: rss.tpl.xml
+content: rss-hpr.tpl.xml
+filename: hpr_spx.rss
+media_file_extension: spx
+
+[hpr_total_ogg]
+root_template: rss.tpl.xml
+content: rss-hpr_total.tpl.xml
+filename: hpr_total_ogg.rss
+media_file_extension: ogg
+
+[hpr_total_mp3]
+root_template: rss.tpl.xml
+content: rss-hpr_total.tpl.xml
+filename: hpr_total_mp3.rss
+media_file_extension: mp3
+audio_mime_type: mpeg
+
+[hpr_total_spx]
+root_template: rss.tpl.xml
+content: rss-hpr_total.tpl.xml
+filename: hpr_total_spx.rss
+media_file_extension: spx
+
+[comments]
+root_template: rss-comments.tpl.xml
+filename: comments.rss
diff --git a/site.cfg b/site.cfg
index 8ab7af0..7b47744 100644
--- a/site.cfg
+++ b/site.cfg
@@ -20,9 +20,11 @@ output_path: ./public_html
 [root_template]
 content: page.tpl.html
 #baseurl: OPTIONAL [i.e. file://]
+#baseurl: file:///home/user/Code/OpenSource/hpr/hpr_generator/public_html
 http_baseurl: http://hackerpublicradio.org/
 hub_baseurl: https://hub.hackerpublicradio.org/
-media_baseurl: https://hub.hackerpublicradio.org/ccdn.php?filename=/eps/hpr$eps_id/
+media_baseurl: https://archive.org/download/hpr$eps_id/
+#media_baseurl: https://hub.hackerpublicradio.org/ccdn.php?filename=/eps/hpr$eps_id/
 generator_name: The HPR Robot
 generator_email: robot.nospam@nospam.hackerpublicradio.org
 
diff --git a/templates/content-correspondents.tpl.html b/templates/content-correspondents.tpl.html
index f4923be..c11687e 100644
--- a/templates/content-correspondents.tpl.html
+++ b/templates/content-correspondents.tpl.html
@@ -2,7 +2,7 @@
 
 

 	
Correspondents

-	
For more information on how to become a Correspondent see our contribute page. To add a logo here, either email one to admin at hpr or setup your email on Gravatar. To protect your browsing privacy we gather the images every hour and serve them directly from HPR.

+	
For more information on how to become a Correspondent see our contribute page. To add a logo here, either email one to admin at hpr or setup your email on Gravatar. To protect your browsing privacy we gather the images every hour and serve them directly from HPR.

 
 
 	
diff --git a/templates/content-index-newdesign.tpl.html b/templates/content-index-newdesign.tpl.html
new file mode 100644
index 0000000..d9743bf
--- /dev/null
+++ b/templates/content-index-newdesign.tpl.html
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    
+
+    
+
+
+
+
+
+
+

+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
Welcome

+	
Hacker Public Radio is a podcast that releases shows every weekday Monday to Friday. The shows are contributed by the public and can be on any topic that is of interest to hackers, makers, hobbyists, etc.

+	
We started producing shows as Today with a Techie on 2005-09-19,  years,  months,  days ago. Our shows are produced by listeners like you and can be on any topics that "are of interest to hackers". If you listen to HPR then please consider contributing one show a year. If you record your show now it could be released in  days.

+

+
+
+
+
Podcast

+

+	
+		
Record

+	
+	
+		
Schedule

+	
+	
+	
+		
Listen

+	
+

+
+
Project

+

+	
+		
Hosts

+	
+	
+		
Series

+	
+	
+		
About

+	
+

+
+

+	

+		
Latest Episodes

+		
+		
View all episodes

+	

+	
+	

+		
Latest Comments

+		
    
+
+			
    • 
+
+		

+		
View all comments

+	

+

\ No newline at end of file
diff --git a/templates/navigation-newdesign.tpl.html b/templates/navigation-newdesign.tpl.html
new file mode 100644
index 0000000..94a63be
--- /dev/null
+++ b/templates/navigation-newdesign.tpl.html
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/templates/page-newdesign.tpl.html b/templates/page-newdesign.tpl.html
new file mode 100644
index 0000000..d21b2d1
--- /dev/null
+++ b/templates/page-newdesign.tpl.html
@@ -0,0 +1,61 @@
+
+
+
+
+
+  Hacker Public Radio ~ The Technology Community Podcast
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+   
+
+
+
+    
+
+    
+
+    

+
+    

+
+    
+
+    
+
+
\ No newline at end of file