davidb/Monitores
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Añado archivos html, css, js para una primera prueba de funcionamiento de la app

Browse Source
This commit is contained in:
davidb
2025-07-02 10:24:44 +02:00
parent a41320732d
commit 2dabd33130
9 changed files with 184 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/index.html
+39
View File
@@ -0,0 +1,39 @@
<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" class="text-7xl">
</tbody>
</table>
</div>
</div>
<footer class="w-full bg-[#008968] overflow-hidden h-14">
<div id="footer-text" class="whitespace-nowrap animate-scroll px-4 text-white"></div>
</footer>
</body>
</html>