-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (56 loc) · 6.49 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
<!DOCTYPE html>
<head>
<title>Fechas Proceso Admisión 2022</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800" rel="stylesheet">
<link rel="shortcut icon" href="https://i.imgur.com/zts9uoM.png" type="image/x-icon">
</head>
<body class="subpixel-antialiased">
<nav class="bg-blue-600 shadow text-white">
<div class="container mx-auto px-6 py-3">
<div class="md:flex md:items-center md:justify-between">
<div class="flex justify-center items-center">
<div class="text-xl font-semibold">
<h1 class="text-white text-xl font-bold md:text-2xl">Hecho con <span class="text-red-500">♥</span> por FranciscoSolis</h1>
</div>
</div>
<div class="md:flex md:items-center">
<a class="text-white text-xl font-bold md:text-2xl flex items-center justify-between" href="https://demre.cl/calendario/" target="_blank">Calendario Oficial <svg class="w-4 h-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="external-link-alt" class="svg-inline--fa fa-external-link-alt fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg></a>
</div>
<div class="md:flex md:items-center">
<div class="flex justify-center items-center mr-2 text-white text-xl font-bold md:text-2xl">
<h1>Notificaiones de Sonido </h1>
<svg id="notifications-on" style="display:none" class="cursor-pointer w-5 h-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="bell" class="svg-inline--fa fa-bell fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M439.39 362.29c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71zM67.53 368c21.22-27.97 44.42-74.33 44.53-159.42 0-.2-.06-.38-.06-.58 0-61.86 50.14-112 112-112s112 50.14 112 112c0 .2-.06.38-.06.58.11 85.1 23.31 131.46 44.53 159.42H67.53zM224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64z"></path></svg>
<svg id="notifications-off" class="cursor-pointer w-6 h-6" aria-hidden="true" focusable="false" data-prefix="far" data-icon="bell-slash" class="svg-inline--fa fa-bell-slash fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M633.99 471.02L36 3.51C29.1-2.01 19.03-.9 13.51 6l-10 12.49C-2.02 25.39-.9 35.46 6 40.98l598 467.51c6.9 5.52 16.96 4.4 22.49-2.49l10-12.49c5.52-6.9 4.41-16.97-2.5-22.49zM163.53 368c16.71-22.03 34.48-55.8 41.4-110.58l-45.47-35.55c-3.27 90.73-36.47 120.68-54.84 140.42-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h279.66l-61.4-48H163.53zM320 96c61.86 0 112 50.14 112 112 0 .2-.06.38-.06.58.02 16.84 1.16 31.77 2.79 45.73l59.53 46.54c-8.31-22.13-14.34-51.49-14.34-92.85 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84c-26.02 5.41-49.45 16.94-69.13 32.72l38.17 29.84C275 103.18 296.65 96 320 96zm0 416c35.32 0 63.97-28.65 63.97-64H256.03c0 35.35 28.65 64 63.97 64z"></path></svg>
</div>
</div>
</div>
</div>
</nav>
<div id="dates" class="flex justify-center min-h-screen items-center container mx-auto mt-10 grid grid-flow-row grid-cols-1 md:grid-cols-3 grid-rows-1 md:grid-rows-3 gap-5 justify-items-center">
<noscript class="flex w-full justify-center items-center text-2xl text-red-500 col-span-1 md:col-span-3"><p>POR FAVOR ACTIVA EL JAVASCRIPT O UTILIZA UN BUSCADOR QUE LO PERMITA PARA HACER USO DEL SITIO WEB. Si te preocupa que datos usa el sitio web eres libre de revisar el codigo: <a class="underline text-blue-600" href="https://github.com/FranciscoSolisMat/CuentaAtrasProcesoAdmision" target="_blank">https://github.com/FranciscoSolisMat/CuentaAtrasProcesoAdmision</a></p></noscript>
</div>
<div class="shadow text-white mt-10">
<div class="mx-auto px-6 py-3">
<div class="md:flex md:items-center md:justify-between">
<div class="text-sm font-normal">
<span class="text-black"><span class="font-bold">Por qué no se guarda la notificacion de sonido?</span><br>Debido a las limitaciones de los buscadores modernos, debes interactuar con el sitio web para reproducir sonidos.</span>
</div>
<div class="text-xl font-semibold">
<a href="https://github.com/FranciscoSolisMat/CuentaAtrasProcesoAdmision" target="_blank">
<svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle">
<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="hidden absolute">
<button id="ready">Ready</button>
<audio preload="auto" id="ready_mp3"><source src="ready.mp3" type="audio/mpeg"></audio>
</div>
</div>
<script src="app.js"></script>
</body>