1 files changed, 80 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c7b955d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="es-ES">
+<head>
+  <meta charset="utf-8">
+  <title>Radio B.a.I.</title>
+  <meta name="description" content="La radio de Bienvenido a Internet." />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="shortcut icon" href="favicon.ico" />
+  <link rel="stylesheet" href="bairadio.css" title="Radio B.a.I." />
+  <script src="bairadio.js"></script>
+</head>
+<body>
+  <h1>Radio B.a.I.</h1>
+
+  <div id="box-main" class="outer">
+    <div class="inner">
+      <div id="main" class="content">
+        <div id="vis-cont" class="box">
+          <div id="control" class="stopped"></div>
+          <svg id="vis"></svg>
+        </div>
+        <div class="main-sep"></div>
+        <div id="main-cont">
+          <audio id="stream" src="https://bienvenidoainternet.org:8443/bai.ogg" crossorigin="anonymous"></audio>
+          <div class="line">
+            <div id="nowplaying" class="box">
+              <div id="nowplaying-txt"><span id="artist"></span><span id="title"></span><span id="status">*** La radio está OFFLINE ***</span></div>
+            </div>
+          </div>
+          <div id="details">
+            <div class="line">
+              <div id="server_name-cont" class="block"><span>Show:</span><select id="server_name" class="box"></select></div>
+            </div>
+            <div class="line">
+              <div class="block">Volumen:<span id="volume" class="box">100</span></div>
+              <div class="block">Bitrate:<span id="bitrate" class="box">--</span></div>
+              <div class="block">KHz:<span id="audio_samplerate" class="box">--</span></div>
+              <div class="block">Oyentes:<span id="listeners" class="box">0</span></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <div class="sep"></div>
+
+  <div id="box-history" class="outer">
+    <div class="inner">
+      <div id="box-history-title" class="boxtitle">Historial</div>
+      <div class="content">
+        <div id="history" class="box"></div>
+      </div>
+    </div>
+  </div>
+  
+  <div class="sep"></div>
+
+  <div id="box-chat" class="outer chat">
+    <div class="inner">
+      <div id="box-chat-title" class="boxtitle">Chat<span id="chat-count"></span></div>
+      <div class="content">
+        <div id="chat-all" class="box"></div>
+          <form autocomplete="off" id="msg_cont">
+            <input id="msg_type" type="text" placeholder="Escribe un mensaje aquí" maxlength="256" autofocus="autofocus" />
+            <input id="msg_send" value="Enviar" type="submit" disabled="disabled" />
+          </form>
+        <span id="resize"></span>
+      </div>
+    </div>
+  </div>
+  
+  <div class="sep"></div>
+
+  <div id="footer">
+    <a href="/bai.ogg.m3u" target="_blank">Archivo M3U</a> ★
+    <a href="/bai.ogg.xspf" target="_blank">Archivo XSPF</a> ★
+    <a href="https://bienvenidoainternet.org/" target="_blank">Bienvenido a Internet</a> ★ 2010-2020
+  </div>
+</body>