added: editable list of audio sources (#18)

zenodotus280 · Apr 24, 2023 · 6a4d579 · 6a4d579
1 parent 52fa912
commit 6a4d579
Show file tree

Hide file tree

Showing 7 changed files with 164 additions and 258 deletions.
diff --git a/radio-player/index.html b/radio-player/index.html
diff --git a/radio-player/media/radio-static-2.mp3 b/radio-player/media/radio-static-2.mp3
diff --git a/radio-player/media/radio-static.mp3 b/radio-player/media/radio-static.mp3
diff --git a/radio-player/stations/style.css b/radio-player/stations/style.css
@@ -0,0 +1,45 @@
+    .logo {
+        box-shadow: 1px 1px 0px 0px black, 2px 2px 0px 0px black, 3px 3px 0px 0px black, 4px 4px 0px 0px black, 5px 5px 0px 0px black;
+        border: 3px solid black;
+    }
+
+    .button-raised {
+        font-family: "Open Sans", sans-serif;
+        font-weight: bold;
+        font-size: 16px;
+        letter-spacing: 2px;
+        background-color: lightgrey;
+        text-decoration: none;
+        text-transform: uppercase;
+        color: #000;
+        cursor: pointer;
+        border: 3px solid;
+        padding: 0.25em 0.5em;
+        margin: 5px;
+        box-shadow: 1px 1px 0px 0px, 2px 2px 0px 0px, 3px 3px 0px 0px, 4px 4px 0px 0px, 5px 5px 0px 0px;
+        position: relative;
+        user-select: none;
+        -webkit-user-select: none;
+        touch-action: manipulation;
+    }
+
+    .button-raised:active {
+        box-shadow: 0px 0px 0px 0px;
+        top: 5px;
+        left: 5px;
+    }
+
+    .button-raised:disabled {
+        pointer-events: none;
+        background-color: chocolate;
+    }
+
+    .button-raised-mute.muted {
+        background-color: darkred;
+    }
+
+    /* CSS for hiding the alert initially */
+#player-alert {
+    display: none;
+  }
+
diff --git a/radio-player/templates/_footer.j2 b/radio-player/templates/_footer.j2
@@ -3,7 +3,7 @@
 <div class="d-flex justify-content-center align-items-center mt-5">
 
   <a href="https://github.com/zenodotus280/BBC-Radio-Relay">
-    <img src="/media/github-mark-white.png" alt="GitHub" width="35px" class="mr-2"/><small>   Check out the project on GitHub.</small></a>
+    <img src="/media/github-mark-white.png" alt="GitHub" width="35px" class="mr-2"/></a>
 
 </div>
 

diff --git a/radio-player/templates/_home.j2 b/radio-player/templates/_home.j2
@@ -4,14 +4,9 @@
 
     <div class="alert alert-primary" role="alert">
       <h4 class="alert-heading">What is this?!</h4>
-      <p>Time-delayed BBC Radio for the Americas. Choose a timezone and station above to listen! It works on desktop and Android (see note below).</p>
+      <p>Time-delayed BBC Radio for the Americas. Choose a timezone and station above to listen! It works on desktop and Android (see note below). You can click/tap the logo when the audio is loaded to copy the direct URL.</p>
     </div>
-
-    <div class="alert alert-dark" role="alert">
-      <h4 class="alert-heading"></h4>
-      <p>The Dark Reader browser extension may conflict with my Dark Mode - try disabling it.</p>
-    </div>
-
+
     <div class="alert alert-warning" role="alert">
       <h4 class="alert-heading">Mobile Users</h4>
       <p>You will need to open the stream in an external app like VLC until I find a workaround for the audio preloading restriction in iOS. Android has fewer issues with this. See a <a href="http://marcokstephen.github.io/mobileguide.html" class="alert-link">detailed guide here.</a></p>