-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCopia de index.html
executable file
·160 lines (120 loc) · 6.34 KB
/
Copia de 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<DOCTYPE html>
<html lang="en">
<head>
<title>CK:\\WEB</title>
<meta name="description" content="CK:\\WEB">
<!--- favicon info --->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- import the webpage's stylesheet -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/preflight.min.css" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/utilities.min.css" rel="stylesheet">
<!-- import the webpage's client-side javascript file -->
<script src="./bundle.js" defer></script>
<link href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-145234955-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-145234955-1');
</script>
</head>
<body>
<main class="containerOtro">
<canvas id="hydra">
</canvas>
<div id="whiteout"></div>
<div id="logo">
</div>
<div class="sociales">
<div class="enlaces">
<a href="https://domolleno2018.out.airtime.pro/domolleno2018_a" class="aviso">Escucha CK:\WEB en tu teléfono aquí.</a>
<!-- <a href="https://ckweb.gov.co/laportatil" class="aviso">La Portátil : transmisión errante.</a> -->
<a href="https://ckweb.gov.co/triunfocristalpaez/" class="aviso">RESULTADOS | Residencia CK:\WEB para el desarrollo de proyectos de arte sonoro en el Museo La Tertulia (Cali).</a>
<a href="https://ckweb.gov.co/crea/" class="aviso">PODCAST | Radio Crea Artes Electrónicas.</a>
<a href="https://ckweb.gov.co/becas/" class="aviso">RESULTADOS | Becas CK:\WEB para la creación de programas de radio.</a>
<a href="https://ckweb.gov.co/radiore" class="aviso">PODCAST | radioRe: Exploraciones sonoras alrededor de territorios, paisajes, músicas, cosmogonías y tecnologías.</a>
<!-- <a href="https://ckweb.gov.co/premioluiscaballero" class="aviso">PODCAST | X Premio Luis Caballero.</a>-->
<!-- <a href="https://ckweb.gov.co/artka" class="aviso">PODCAST | Artistas Artka : Plataforma de música electrónica y creatividad digital.</a>-->
<a href="https://ckweb.gov.co/taller-deep" class="aviso">RESULTADOS DEL TALLER | Introducción al Deep Learning para artistas.</a>
<a href="https://ckweb.gov.co/donna" class="aviso">VIDEO | Conversación pública con Brigitte Baptiste y Donna Haraway.</a>
</div>
<div></div>
<div class="inside">
<a href="https://www.facebook.com/ckwebestacion/" class="item facebook"></a>
<a href="https://twitter.com/EstacionCKWEB" class="item twitter"></a>
<a href="https://instagram.com/ckweb?igshid=1cv1s9db25yxl" class="item instagram"></a>
<a href="https://www.youtube.com/channel/UCB0fd-Rsc4zwwNSncJuYKlg" class="item ytube"></a>
<a href="https://anchor.fm/estacin-ckweb" class="item podcast"></a>
</div>
</div>
</div>
<div class="descripcion">
<a href="https://#" class="descripcion-item">Estación del Idartes para la experimentación, formación, circulación, debate, creación de redes y difusión de contenidos culturales.</a>
</div>
</div>
<!--code for video element ACA ABAJO -->
<!--div id="videoPlayer">
<video width="320" height="240" id="playerItem" controls>
<source src="http://88.99.123.96:8000/ckweb.ogv" type="video/ogg">
</video>
</div>
</main>
<!---Remove this comment to enable menu--->
<!--<section id="menu">
<a class="menu-item" href="./archivos"> Archivos </a>
</section>-->
<section id="bottom-bar">
<div id="player">
<div id="myData" class="myData" title="myData" alt="myData" style="font=impact"></div>
</div>
<div id="logo-alcaldia">
<img src="./logo_bogota.png" alt="">
</div>
<!--A HREF="https://domolleno2018.airtime.pro/ "><img id="airtime" src="./images/airtime.png" title="airtime" alt="airtime"></A>
<!---<img id="Beca1" src="./images/Beca1.png" />
<img id="Beca2" src="./images/Beca2.png" />
<img id="Beca3" src="./images/Beca3.png" />
<img id="Residencia" src="./images/Residencia.png" /> --->
</section>
<script>
var mainContainer = document.getElementById("myData");
//alert("hola");
setInterval(function () {
fetch('https://domolleno2018.airtime.pro/api/live-info-v2')
.then(res => res.json())
.then((out) => {
var currentName = out.tracks.current.metadata.track_title;
var currentArtist = out.tracks.current.metadata.artist_name;
var nextName = out.tracks.current.metadata.track_title;
var nextArtist = out.tracks.current.metadata.artist_name;
// console.log('Output: ', currentName + " - "+ currentArtist);
var div = document.createElement("div");
div.innerHTML = currentName + ' - ' + currentArtist;
mainContainer.innerHTML = '';
mainContainer.appendChild(div);
}).catch(err => console.error(err));
}, 500);
</script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
</body>
</html>