summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorLibravatar jay 2020-03-06 23:15:58 -0300
committerLibravatar jay 2020-03-07 20:54:54 -0300
commita4d4b73b2368b49ee6248dcf4b051603a7b262ea (patch)
tree440d83109d7b2c05efc914fdf99a67e15ebc6a58 /index.html
parent7a91dfd23d5b4f0f885c37337896ff91520f32af (diff)
downloadbairadio-frontend-a4d4b73b2368b49ee6248dcf4b051603a7b262ea.tar.gz
bairadio-frontend-a4d4b73b2368b49ee6248dcf4b051603a7b262ea.tar.xz
bairadio-frontend-a4d4b73b2368b49ee6248dcf4b051603a7b262ea.zip
Arreglando errores en script y diseño
Diffstat (limited to 'index.html')
-rw-r--r--index.html80
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>