Add radio streams

3 files changed, 23 insertions, 2 deletions

diff --git a/index.html b/index.html
index 1b385e4..ce7ef1a 100644
--- a/index.html
+++ b/index.html
@@ -56,6 +56,18 @@
             <span class="icon">📽️</span><span>YOUTUBE</span>
         </a>
     </div>
+    <div>
+	<h2>Simply Folk</h2>
+	<audio xmlns="http://www.w3.org/1999/xhtml" controls="">
+	    <source src="http://10.0.0.201:8000/chill" type="audio/mpeg" />
+	</audio>
+    </div>
+    <div>
+	<h2>Background</h2>
+	<audio xmlns="http://www.w3.org/1999/xhtml" controls="">
+	    <source src="http://10.0.0.201:8000/mpd" type="audio/mpeg" />
+	</audio>
+    </div>
     <table class="weather">
         <tr>
             <td rowspan="2">
diff --git a/status.js b/status.js
index 262a1b5..4ccabe3 100644
--- a/status.js
+++ b/status.js
@@ -1,8 +1,8 @@
 let urls = [
-    WIKI_URL, RSS_URL, RSS_VIDEO_URL, GITEA_URL, FILES_URL, FILE_FEED_URL, CALENDAR_URL, BUDGET_URL
+    WIKI_URL, RSS_URL, RSS_VIDEO_URL, GIT_URL, FILES_URL, FILE_FEED_URL, CALENDAR_URL, BUDGET_URL
 ]
 let ids = [
-    "wiki", "rss", "rssvideo", "gitea", "files", "filefeed", "calendar", "budget"
+    "wiki", "rss", "rssvideo", "git", "files", "filefeed", "calendar", "budget"
 ]
 let status_url = `http://localhost:8080?${urls.join("&")}`
 fetch(status_url)
diff --git a/styles.css b/styles.css
index 47a48e5..0964663 100644
--- a/styles.css
+++ b/styles.css
@@ -60,6 +60,15 @@ button {
     flex-grow: 1;
 }
 
+h2 {
+    color: #fff;
+    display: inline;
+}
+
+audio {
+    display: inline;
+}
+
 .weather {
     color: #fff;
     text-align: center;