Update templates/especialidad.html

templates/especialidad.html

@@ -4,33 +4,44 @@
     <meta charset="utf-8">
     <title>Quirohelp</title>
     <style>
+        body {
+            background-color: #333; /* Fondo oscuro */
+            color: #fff; /* Texto blanco */
+            font-family: Georgia, 'Times New Roman', Times, serif;
+            margin: 0;
+            padding: 0;
+            text-align: center;
+        }
+
         .quiro {
             background-color: blueviolet;
-            color: white;
             font-size: 3.5rem;
-            font-family: Georgia, 'Times New Roman', Times, serif;
+            padding: 20px 0;
         }
 
         .login2 {
             text-align: center;
+            padding: 20px;
         }
 
         /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
         @media screen and (max-width: 768px) {
             .quiro {
-                font-size: 2.5rem; /* Reducir el tamaño de la fuente */
+                font-size: 2.5rem;
             }
+        }
 
-            input[type="button"] {
-                width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
-            }
+        input[type="button"] {
+            width: 78%;
+            background-color: #3498db;
+            color: #fff;
+            font-size: 2.5rem;
+            margin: 10px 0;
+            padding: 15px;
         }
 
-        /* Estilos para pantallas medianas y grandes (más de 768px) */
-        @media screen and (min-width: 769px) {
-            .quiro {
-                font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
-            }
+        img {
+            max-width: 100%;
         }
     </style>
 </head>
@@ -39,13 +50,13 @@
         <h1 class="quiro"><img src="{{ user_image0 }}" alt="holaaa" style="max-width: 5%;"> QuiroHelp </h1>
         <p style="font-size: 1.1rem">Haz click en tu especialidad:</p>
         <form action="{{url_for('especialidad')}}" method="post">
-            <input class="" type="button" value="Traumatologia" style="background-color: darkcyan; font-size: 2.5rem;">
+            <input type="button" value="Traumatologia" onclick="location.href='/buscador_trauma'">
             <h3></h3><img src="{{ user_image1 }}" alt="" style="max-width: 100%">
             <br>
-            <input type="button" value="Urologia" style="background-color: saddlebrown; font-size: 2.5rem;">
+            <input type="button" value="Urologia" onclick="location.href='/buscador_uro'">
             <h3></h3><img src="{{ user_image2 }}" alt="" style="max-width: 100%">
             <br>
-            <input type="button" value="Admisión" style="background-color: dimgray; font-size: 2.5rem;">
+            <input type="button" value="Admisión" onclick="location.href='/buscador_admision'">
             <h3></h3><img src="{{ user_image3 }}" alt="" style="max-width: 100%">
         </form>
     </div>