moabradio.github.io/index.html at main · radiotronic/moabradio.github.io · GitHub

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
<!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>Moab Radio - Dubstep</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: "Saira Condensed",
googlefont: "Saira+Condensed:wght@100",
fontratio: "0.4",
radioname: "Moab Radio - Dubstep",
scroll: "true",
coverimage: "img/logo.png",
onlycoverimage: "false",
coverstyle: "animated",
usevisualizer: "false",
visualizertype: "1",
itunestoken: "1000lIPN",
metadatatechnic: "fallback", //fallback (usar para zeno)
corsproxy: "",
usestreamcorsproxy: "false",
streamurl: "https://stream.zeno.fm/pbfgrr2zaguvv",
streamtype: "zeno", //soporta: zeno, icecast2, shoutcast2
idzeno: "pbfgrr2zaguvv",
icecastmountpoint: "pbfgrr2zaguvv",
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>


<script>
$(".mobile-nav-toggle").click(function(){
$("body").toggleClass("mobile-nav-active");
$(".mobile-nav-toggle i").toggleClass("fa-bars fa-times");
});
</script>
</body>
</html>