98 lines
5.4 KiB
HTML
98 lines
5.4 KiB
HTML
<html>
|
|
<head>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
|
<script id="theme-data" type="application/json">
|
|
{{ theme_colors | tojson | safe }}
|
|
</script>
|
|
<script>
|
|
const quiro1 = "{{ quiro1 }}";
|
|
const quiro2 = "{{ quiro2 }}";
|
|
</script>
|
|
<script src="{{ url_for('static', filename='js/utils.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/scripts.js') }}" defer></script>
|
|
<style>:root {--blink-start-color: {{ theme_colors.bg2 }};}</style>
|
|
</head>
|
|
|
|
<body class="flex flex-col min-h-screen">
|
|
|
|
<header class="flex justify-between items-center bg-white p-10 h-[225px]">
|
|
<div id="logo">
|
|
<img src="{{ url_for('static', filename='media/'+ theme +'.svg') }}" alt="Logo" height="172" width="380">
|
|
</div>
|
|
<div id="fecha" class="text-6xl text-[#696969]"></div>
|
|
<div id="hora" class="text-8xl font-bold text-[#696969]"></div>
|
|
</header>
|
|
|
|
<div class="flex flex-col md:flex-row gap-4 p-2 h-[855px]">
|
|
{% if mode == '2' %}
|
|
<div class="md:w-1/2 w-full overflow-hidden">
|
|
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
|
|
<thead>
|
|
<tr class="h-[60px]">
|
|
{% if quiro1 == '1' %}
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#008968] {% endif %}">QUIRÓFANO</th>
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#00aa7a] {% endif %}">TURNO</th>
|
|
{% else %}
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
|
|
{% endif %}
|
|
</tr>
|
|
</thead>
|
|
<tbody id="turnos1">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="md:w-1/2 w-full overflow-hidden">
|
|
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
|
|
<thead>
|
|
<tr class="h-[60px]">
|
|
{% if quiro2 == '1' %}
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#008968] {% endif %}">QUIRÓFANO</th>
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#00aa7a] {% endif %}">TURNO</th>
|
|
{% else %}
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
|
|
{% endif %}
|
|
</tr>
|
|
</thead>
|
|
<tbody id="turnos2">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% else %}
|
|
<div class="md:w-1/2 w-full flex items-center bg-black">
|
|
<video src="{{ url_for('static', filename='media/'+ theme +'.mp4') }}" class="w-full shadow-md" autoplay muted loop
|
|
preload="metadata"></video>
|
|
</div>
|
|
<div class="md:w-1/2 w-full overflow-hidden">
|
|
<table class="min-w-full text-center text-white text-4xl table-fixed border-collapse h-full">
|
|
<thead>
|
|
<tr class="h-[60px]">
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
|
|
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="turnos1">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<!--<footer class="w-full h-14 bg-[#008968] flex items-center overflow-hidden">
|
|
<div id="scroll-wrapper" class="whitespace-nowrap absolute w-max animate-scroll text-white text-3xl px-4 flex gap-16">
|
|
</div>
|
|
</footer>-->
|
|
<!--<footer class="w-full overflow-hidden h-14 mt-2 flex items-center {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#008968] {% endif %}">
|
|
<div class="scroll-wrapper whitespace-nowrap w-max animate-scroll">
|
|
<span id="footer-text" class="text-white text-4xl px-4 "></span>
|
|
<span class="spacer w-14 inline-block"></span>
|
|
<span id="footer-text-duplicate" class="text-white text-4xl px-4"></span>
|
|
</div>
|
|
<div id="footer-text" class="whitespace-pre text-4xl animate-scroll whitespace-nowrap px-4 text-white"></div>
|
|
</footer>-->
|
|
</body>
|
|
</html>
|
|
<script>
|
|
window.themeColors = JSON.parse(document.getElementById('theme-data').textContent.trim());
|
|
</script> |