From fef12aa0a2e1eb450f0a82deb4facd9598709fc5 Mon Sep 17 00:00:00 2001
From: gmemstr <bladesimmer@gmail.com>
Date: Mon, 11 Sep 2017 09:45:57 -0700
Subject: [PATCH] More comments and classes to all themable elements.

---
 assets/index.html        | 10 +++++-----
 assets/static/styles.css |  5 +++++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/assets/index.html b/assets/index.html
index 3b9ad94..2b7a484 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -15,7 +15,7 @@
     <h1 id="title" class="title">Loading</h1>
     <h3><a href="/admin">Admin</a></h3>
 
-<div id="podcasts">
+<div id="podcasts" class="podcastlist">
     
 </div>
 <footer>
@@ -31,7 +31,7 @@ get("/json", function(data){
     // Iterate through JSON 
     for (i=0;i<=json.items.length; i++){
         var div = document.createElement('div');
-        div.className = 'podcast';
+        div.className = 'podcastitem';
 
         // Hacky date workaround - convert our Go date output to unix timestamp,
         // then convert that into a string
@@ -40,11 +40,11 @@ get("/json", function(data){
         datestring = date.getDate() + "/" + month + "/" + date.getFullYear();
 
         // Build div for podcast entry
-        div.innerHTML = '<h3>'+json.items[i].title+' <small>'+datestring+'</small></h3><p>'+json.items[i].summary+'</p>'+
-        '<audio controls><source src="'+json.items[i].url+'">';
+        div.innerHTML = '<h3 class="podcasttitle">'+json.items[i].title+' <small class="podcastdate">'+datestring+'</small></h3><p class="podcastdesc">'+json.items[i].summary+'</p>'+
+        '<audio controls class="podcastaudio"><source src="'+json.items[i].url+'">';
 
         // We can safely do this because of how the Go code actually
-        // generates the .json file - it's consistent 
+        // generates the .json file - it's consistent as far as I've been able to see
         // Preappend so newest is at the top
         var element = document.getElementById("podcasts");
         element.insertBefore(div, element.firstChild);
diff --git a/assets/static/styles.css b/assets/static/styles.css
index 2121f2c..438dcc1 100644
--- a/assets/static/styles.css
+++ b/assets/static/styles.css
@@ -1,3 +1,8 @@
+/*
+ * Basic CSS styling for frontend and admin interface.
+ * Overridden by styles in custom.css for the podcast list.
+ */
+
 @import url('https://fonts.googleapis.com/css?family=Muli');
 
 body {