-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (95 loc) · 3.27 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="theme-color" content="#08298a">
<title>Radiotronic</title>
<link href="css/style.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="js/lunaradio-animado.js"></script>
<style>
html,body{font-family:"Open Sans",sans-serif;height:100%;margin:0;display:flex;flex-direction:column;color:#272829;}
</style>
</head>
<body>
<div style="height:100%">
<button type="button" class="mobile-nav-toggle"><i class="fas fa-bars"></i></button>
<header id="header">
<nav class="nav-menu">
<ul>
<li><a target="_blank" href="https://api.whatsapp.com/send?phone=5574981166473&text=Olá, Quer saber preços para publicidade? "><i class="fas fa-bullhorn"></i><span>Publicidade</span></a></li>
<li><a target="_blank" href="https://www.facebook.com/moabfm"><i class="fab fa-facebook-square" alt="Facebook"></i>
<span>Facebook</span></a></li>
<li><a target="_blank" href="https://www.instagram.com/djmoabalves/"><i class="fab fa-instagram-square" alt="Instagram"></i>
<span>Instagram</span></a></li>
<li><a href="https://api.whatsapp.com/send?phone=AQUI VAI NÚMERO&text=Olá, ouça a rádio" target="_blank"><i class="fab fa-whatsapp-square" alt="Whatsapp"></i>
<span>Whatsapp</span></a></li>
<li><a target="_blank" href="https://www.tiktok.com/@moabalvesgamer"><i class="fab fa-tiktok"></i><span>TikTok</span></a></li>
</ul>
</nav>
</header>
<div id="player"></div>
<script>
$("#player").lunaradio({
userinterface: "big",
backgroundcolor: "rgba(9,15,25,0.8)",
fontcolor: "#ffffff",
hightlightcolor: "#000000",
fontname: "Montserrat",
googlefont: "Montserrat:Regular 400 Italicwght@100",
fontratio: "0.4",
radioname: "Radiotronic",
scroll: "true",
coverimage: "img/logo.png",
onlycoverimage: "false",
coverstyle: "animated",
usevisualizer: "false",
visualizertype: "0",
itunestoken: "1000lIPN",
metadatatechnic: "fallback", //fallback (usar para zeno)
corsproxy: "",
usestreamcorsproxy: "false",
streamurl: "https://stream.zeno.fm/p3zgafpvoxutv",
streamtype: "zeno", //soporta: zeno, icecast2, shoutcast2
idzeno: "p3zgafpvoxutv",
icecastmountpoint: "p3zgafpvoxutv",
shoutcastpath: "",
shoutcastid: "1",
metadatainterval: "26000",
volume: "100",
debug: "false",
autoplay: "true",
displayliveicon: "true",
visualizeropacity: "0.0",
multicolorvisualizer: "false",
color1: "#00FF00",
color2: "#ffff00",
color3: "#FF1F6F",
color4: "#FF1F6F",
});
</script>
<div class="background_hora"><div id="relogio">15:00:05</div></div>
<script>
function reloj() {
let elementoID = document.getElementById('relogio');
let horalocal = new Date().toLocaleTimeString('es');
elementoID.innerHTML = horalocal;
}
setInterval(reloj, 1000);
</script>
</div>
<footer style="display:grid;align-content:end">
<div style="background-color:#222;color:#fff;text-align:center;padding:10px">
© Copyright 2025 - <a href=>Radiotronic</a>
</div>
</footer>
<script>
$(".mobile-nav-toggle").click(function(){
$("body").toggleClass("mobile-nav-active");
$(".mobile-nav-toggle i").toggleClass("fa-bars fa-times");
});
</script>
</body>
</html>