Refector code

index.php

@@ -1,24 +1,61 @@
-<?php date_default_timezone_set('America/Chicago'); define('token', 'index'); require 'h.php'; ?>
-<body>
-  <noscript><?php include 'ns/i.php';?></noscript>
-  <div class="row">
-  <div class="column">
-  <br><img id="genius" title="unknown" alt="unknown album" width="86%" height="auto9" src="na.jpg"/><br>
-  <img id="genius2" title="Daniel Doubet's Talk Show" alt="unknown album" width="86%" height="auto9" src="na.jpg" style="display:none"/><br>
-  <br><h4 id="dwdnp"></h4><br>
-  <audio controls autoplay title="" artist="" id="stream">
-    <source src="https://radio.dou.bet/stream" type="audio/mp3"/>
-    <source src="https://radio.dou.bet/stream" type="audio/mpeg"/>
-  </audio><br><br>
-  <!--<button id="controls2" class="coolbutton2">Talk Show</button><br><br>-->
-  <button id="lbut" class="coolbutton" style="display:inline-block">Show Lyrics</button><br><br>
+<?php
+/**
+ * index.php — main page.
+ * All content comes from config()/.env; markup below is station-agnostic.
+ */
+require_once __DIR__ . '/config.php';
 
-  <span id="spoiler" class="hiddenl"></span>
-  </div>
-  </div>
-  <div id="last_played">Song List</div>
-  <span id="spoiler2" class="hiddenl2"></span>
-  <span id="peep"></span>
-  <script id="nps" src="js/d.js"></script>
+$fallbackArt   = cfg('artwork.fallback');
+$lyricsEnabled = cfg('lyrics.enabled') && cfg('genius.token') !== '';
+$showHistory   = cfg('features.show_history');
+$showListeners = cfg('features.show_listeners');
+?>
+<!DOCTYPE html>
+<html lang="<?= e(cfg('site.lang')) ?>" dir="ltr" prefix="og: http://ogp.me/ns#">
+<head>
+<?php require __DIR__ . '/partials/head.php'; ?>
+</head>
+<body>
+  <noscript><?php require __DIR__ . '/partials/noscript.php'; ?></noscript>
+
+  <main class="row">
+    <div class="column">
+      <img id="art" class="album-art" src="<?= e($fallbackArt) ?>"
+           alt="Album art" title="<?= e(cfg('site.name')) ?>"/>
+
+      <h1 class="np" id="np"><?= e(cfg('site.name')) ?></h1>
+
+      <audio id="stream" class="player" controls preload="none"<?= cfg('stream.url') !== '' ? '' : ' data-nostream' ?>>
+<?php if (cfg('stream.url') !== ''): ?>
+        <source src="<?= e(cfg('stream.url')) ?>" type="<?= e(cfg('stream.type')) ?>"/>
+<?php endif; ?>
+        Your browser does not support the audio element.
+      </audio>
+
+<?php if ($lyricsEnabled): ?>
+      <button id="lyrics-toggle" class="btn-accent" hidden>Show lyrics</button>
+      <div id="lyrics" class="lyrics" hidden></div>
+<?php endif; ?>
+    </div>
+  </main>
+
+<?php if ($showHistory): ?>
+  <button id="history-toggle" class="history-toggle">Song list</button>
+  <aside id="history" class="history">
+    <table class="history-table">
+      <thead><tr><th>Time</th><th>Artist</th><th>Title</th></tr></thead>
+      <tbody id="history-body"></tbody>
+    </table>
+  </aside>
+<?php endif; ?>
+
+<?php if ($showListeners): ?>
+  <div id="listeners" class="listeners" aria-label="Current listeners"></div>
+<?php endif; ?>
+
+  <script>
+    window.RADIO_CONFIG = <?= json_encode(radio_client_config(), JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) ?>;
+  </script>
+  <script src="assets/js/player.js" defer></script>
 </body>
 </html>