44 lines
2.1 KiB
HTML
44 lines
2.1 KiB
HTML
<html>
|
|
<head>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
|
<script src="{{ url_for('static', filename='js/utils.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
|
|
</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/csm.svg') }}" alt="Clínica San Miguel | Cuidamos Tu Salud" height="172" width="380">
|
|
</div>
|
|
<div id="fecha" class="text-5xl text-[#696969]"></div>
|
|
<div id="hora" class="text-7xl font-bold text-[#696969]"></div>
|
|
</header>
|
|
<div class="flex flex-col md:flex-row gap-4 p-4 bg-gray-100 h-[783px]">
|
|
<div class="md:w-1/2 w-full flex items-center bg-black">
|
|
<video src="{{ url_for('static', filename='media/CSM-HD.mp4') }}" class="w-full shadow-md" autoplay muted loop
|
|
preload="metadata"></video>
|
|
</div>
|
|
<div class="md:w-1/2 w-full overflow-auto h-[751px]">
|
|
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
|
|
<thead>
|
|
<tr class="h-[90px]">
|
|
<th class="border px-4 py-2 bg-[#114b94]">CONSULTA</th>
|
|
<th class="border px-4 py-2 bg-[#0a6eb2]">TURNO</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="turnos">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<footer class="w-full bg-[#008968] overflow-hidden h-14 flex items-center">
|
|
<div class="scroll-wrapper whitespace-nowrap w-max animate-scroll">
|
|
<span id="footer-text" class="text-white text-3xl px-4"></span>
|
|
<span class="spacer w-14 inline-block"></span>
|
|
<span id="footer-text-duplicate" class="text-white text-3xl px-4"></span>
|
|
</div>
|
|
<div id="footer-text" class="whitespace-pre text-3xl animate-scroll whitespace-nowrap px-4 text-white"></div>
|
|
</footer>
|
|
</body>
|
|
</html> |