-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
160 lines (155 loc) · 8.8 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
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="es">
<!--
la tele por Alplox
https://github.com/Alplox/la-tele (v0.11)
-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base target="_blank">
<link rel="stylesheet" href="https://unpkg.com/modern-normalize@1.1.0/modern-normalize.css">
<link rel="stylesheet" href="assets/css/style.css" />
<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
<script defer src="https://unpkg.com/video.js/dist/video.min.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<meta name="theme-color" content="#051320" />
<title>La tele</title>
<meta name="title" content="La tele">
<meta name="description" content="Canales de Chile a un toque.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://alplox.github.io/la-tele/">
<meta property="og:title" content="La tele">
<meta property="og:description" content="Canales de Chile a un toque.">
<meta property="og:image" content="assets/img/Previews/shots_la_tele_v0-10.jpg">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://alplox.github.io/la-tele/">
<meta property="twitter:title" content="La tele">
<meta property="twitter:description" content="Canales de Chile a un toque.">
<meta property="twitter:image"
content="assets/img/Previews/shots_la_tele_v0-10.jpg">
<script type="module">
import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
const el = document.createElement('pwa-update');
el.swpath = "pwabuilder-sw.js"
el.updatemessage = "Nueva versión disponible";
el.offlineToastDuration = 2000;
document.body.appendChild(el);
</script>
<script src="https://unpkg.com/akar-icons-fonts"></script>
<script src="assets/js/main.js" type="module"></script>
</head>
<body>
<!-- Alerta javascript desactivado -->
<noscript>
<p>El sitio <b>no</b> funciona sin <b>JavaScript</b>.</p>
<p>Si lo has deshabilitado, por favor <b>vuelve a activarlo</b>.</p>
</noscript>
<!-- video y listado canales -->
<section class="wrapper-all">
<header class="header-principal">
<a href="./" target="_self" tabindex="0"><h1>La tele</h1></a>
<a href="https://alplox.github.io/teles/" rel="nofollow noreferrer noopener" target="_self" tabindex="0">
<img class="img-teles" src="https://alplox.github.io/teles/assets/favicon/favicon-16x16.png" alt="logo teles"> teles <i class="ai-link-out"></i>
</a>
</header>
<main class="main-grid">
<div class="container-video sombra">
<div class="container-overlay d-none">
<div class="overlay">
<details class="dropdown-señales">
<summary role="button" class="boton boton-accion boton-señales">
Señales
</summary>
<ul id="lista-señales">
</ul>
</details>
<a id="nombre-overlay" rel="nofollow noopener"></a>
<button type="button" role="button" class="boton boton-overlay-quitar-señal" id="boton-overlay-quitar-señal" title="Quitar señal activa" tabindex="0">
<i class="ai-cross"></i>
</button>
</div>
</div>
<button type="button" role="button" class="boton boton-alternar-visibilidad-overlay boton-accion sombra" id="boton-alternar-visibilidad-overlay" title="Nombre sobre transmisiones on/off" disabled>
<span id="span-boton-alternar-visibilidad-overlay"><i class="ai-eye-closed"></i></span>
</button>
<div class="container-transmision" id="container-transmision"></div>
<div class="container-texto-detras-container-transmision">
<p id="texto-detras-container-transmision"> Bienvenid<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width=".7"
stroke-linecap="round" stroke-linejoin="round"
class="ai ai-CircleTriangleRight"><circle cx="12" cy="12" r="10"/>
<path d="M16 12l-6-4v8l6-4z"/>
</svg>
</p>
</div>
</div>
<aside class="container-botones-canales sombra">
<input class="filtro" id="filtro" type="search" title="Buscador" placeholder="Buscar canal" tabindex="0" lang="es">
<div class="flip-container" id="flip-container">
<div class="flipper" id="flipper">
<div class="lista-botones front" id="lista-botones"></div>
<div class="lista-botones back" id="lista-botones-m3u8" tabindex="-1"></div>
</div>
</div>
<button type="button" role="button" class="boton boton-accion" id="boton-alternar-lista-canales" title="Alternar entre lista IPTV">
Alternar listado <i class="ai-arrow-forward-thick"></i>
</button>
</aside>
</main>
<footer class="footer">
<button type="button" role="button" id="boton-descargo-responsabilidad" class="boton boton-accion">Descargo de responsabilidad</button>
<a href="https://github.com/Alplox/la-tele" rel="nofollow noreferrer noopener">
Desarrollado por Alplox <i class="ai-link-out"></i>
</a>
<p>v0.11</p>
</footer>
</section>
<!-- Modal -->
<div class="modal" id="modal-legal" tabindex="-1">
<div class="modal-content">
<div class="modal-header">
<span><i class="ai-cross" tabindex="0"></i></span>
<h1>Descargo de responsabilidad</h1>
</div>
<div class="modal-body">
<ul>
<li>"la tele" es un proyecto de código abierto gratuito que permite gestionar canales de televisión
de libre acceso por Internet.</li>
<li>"la tele" no decodifica transmisiones. Los enlaces que figuran en este proyecto son procesados
desde diferentes sitios públicos con libre distribución/acceso.</li>
<li>"la tele" no posee ningún tipo de monetización, en consecuencia, no se lucra de ninguna forma o
medio.</li>
<li>El proyecto cuenta con reproductores multimedia, los que no corresponden a una retransmisión
de los canales ni implica la decodificación de éstos.</li>
<li>No se es propietario, ni responsable de ninguno de los contenidos emitidos por parte de cada
canal.</li>
<li>"la tele" no ofrece canales de pago bajo ninguna modalidad.</li>
<li>En este proyecto no se almacena ninguna transmisión.</li>
<li>El proyecto tanto como sus mantenedores no asumen responsabilidad alguna respecto a los
derechos de propiedad
intelectual que se vean infringidos por un tercero o por cualquier usuario.</li>
<li>El usuario por defecto tiene la capacidad de dirigirse al sitio oficial de cada transmisión
en todo
momento.</li>
<li>Si posees los derechos de algún canal y deseas que sea retirado, <a
href="https://github.com/Alplox/json-teles/issues" rel="nofollow noreferrer"> contáctame <i class="ai-link-out"></i></a>.
</li>
</ul>
<p>— Si quieres conocer el origen de cada livestream visita el <a
href="https://github.com/Alplox/la-tele#listado-canales-disponibles-junto-a-su-fuente"
rel="noopener nofollow noreferrer">repositorio
GitHub <i class="ai-github-fill"></i><i class="ai-link-out"></i></a> de la página.
</p>
</div>
<div class="modal-footer">
<button type="button" role="button" class="boton boton-modal-entendido sombra"
id="boton-modal-entendido">Entendido</button>
</div>
</div>
</div>
</body>
</html>