Hugging Face's logo

Spaces:
LeireTedCas
/
quirohelpWebapp
Sleeping

App Files Community
LeireTedCas commited on
Commit
9a5ed51
•
1 Parent(s): 505f380

Update templates/buscador_trauma1.html

Browse files
Files changed (1) hide show
  1. templates/buscador_trauma1.html +83 -11
templates/buscador_trauma1.html CHANGED
@@ -3,26 +3,100 @@
3
  <head>
4
  <meta charset="utf-8">
5
  <title> Quirohelp </title>
6
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
 
8
  </head>
9
  <body>
10
  <div class="login22">
11
- <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: darkcyan;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Traumatología</h2>
12
  <h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;" ></h3>
13
- <hr/>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
14
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Barra de busqueda:</h2>
15
  <form action="{{url_for('buscador_trauma')}}" method="post">
16
- <input type="search" name="busqueda" placeholder="Escriba aquí la busqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);width: 70%; border:3px solid black; border-radius: 10px;font-size: 1.5rem;"required="required" >
17
 
18
 
19
  <button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%;width:4%;background-color: rgb(0, 128, 255);border:1px solid white; border-radius: 30%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);" > <img src="{{ user_image4 }}" alt="" style="max-width:100%;padding-bottom: 0.5%;" > </button>
 
20
  <br>
21
- <br>
22
- <button type="button" name="escu" style="padding-right: 78%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.4rem;background-color: white; border: solid white" onclick="location.href='/escuchar_trauma1'">Ir al asistente de voz: <img src="{{ user_image5 }}" style="max-width:35%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma1'"></button>
23
- <br>
24
- <br>
25
- <b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
26
  {% for nid,titulo in result_busqueda.items() %}
27
 
28
  <a href="/resultado_trauma?link={{nid}}" >{{titulo}}</a>
@@ -61,7 +135,5 @@
61
 
62
 
63
 
64
-
65
- </div>
66
  </body>
67
  </html>
 
3
  <head>
4
  <meta charset="utf-8">
5
  <title> Quirohelp </title>
6
+ <style>
7
+ body {
8
+ background-color: #333; /* Fondo oscuro */
9
+ color: #fff; /* Texto blanco */
10
+ font-family: Georgia, 'Times New Roman', Times, serif;
11
+ margin: 0;
12
+ padding: 0;
13
+ text-align: center;
14
+ }
15
+ .quiro {
16
+ background-color: blueviolet;
17
+ font-size: 3.5rem;
18
+ padding: 20px 0;
19
+ }
20
+ .login2 {
21
+ text-align: center;
22
+ padding: 20px;
23
+ }
24
+ .container {
25
+ display: grid;
26
+ grid-template-columns: repeat(5, 1fr);
27
+ grid-template-rows: 1fr;
28
+ grid-gap: 10px;
29
+ align-items: center;
30
+ }
31
+ .element {
32
+ text-align: center;
33
+ max-height: 100%;
34
+ }
35
+ img {
36
+ max-width: 15%;
37
+ height: auto;
38
+ }
39
+ .text {
40
+ font-size: 36px; /* Tamaño de letra deseado */
41
+ }
42
+ .text2 {
43
+ font-size: 24px; /* Tamaño de letra deseado */
44
+ }
45
+ /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
46
+ @media screen and (max-width: 768px) {
47
+ .quiro {
48
+ font-size: 2.5rem; /* Reducir el tamaño de la fuente */
49
+ }
50
+ input[type="button"] {
51
+ width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
52
+ }
53
+ }
54
+ /* Estilos para pantallas medianas y grandes (más de 768px) */
55
+ @media screen and (min-width: 769px) {
56
+ .quiro {
57
+ font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
58
+ }
59
+ }
60
+ </style>
61
 
62
  </head>
63
  <body>
64
  <div class="login22">
65
+ <!--<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: darkcyan;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Traumatología</h2>
66
  <h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;" ></h3>
67
+ <hr/> -->
68
+ <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: darkcyan; max-width: 100%; overflow: hidden; display: flex; align-items: center;">
69
+ <div class="container">
70
+ <div class="element">
71
+ <img src="{{ user_image7 }}" alt="Atrás" onclick="location.href='/especialidad'">
72
+ </div>
73
+ <div class="element">
74
+ <p class="text2">Volver</p>
75
+ </div>
76
+ <div class="element">
77
+ <p class="text">TRAUMATOLOGIA</p>
78
+ </div>
79
+ <div class="element">
80
+ <p class="text2">Ajustes</p>
81
+ </div>
82
+ <div class="element">
83
+ <img src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'">
84
+ </div>
85
+ </div>
86
+ </h2>
87
+ </div>
88
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Barra de busqueda:</h2>
89
  <form action="{{url_for('buscador_trauma')}}" method="post">
90
+ <!--<input type="search" name="busqueda" placeholder="Escriba aquí la busqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);width: 70%; border:3px solid black; border-radius: 10px;font-size: 1.5rem;"required="required" >
91
 
92
 
93
  <button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%;width:4%;background-color: rgb(0, 128, 255);border:1px solid white; border-radius: 30%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);" > <img src="{{ user_image4 }}" alt="" style="max-width:100%;padding-bottom: 0.5%;" > </button>
94
+ <br>-->
95
  <br>
96
+ <div class="input-container">
97
+ <input type="search" name="busqueda" placeholder="Escriba aquí la búsqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); width: 80%; border: 3px solid black; border-radius: 10px; font-size: 1.5rem; height: 50px;" required="required">
98
+ <button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%; width: 50px; background-color: rgb(0, 128, 255); border: 1px solid white; border-radius: 30%; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); height: 50px;"><img src="{{ user_image4 }}" alt="" style="max-width: 100%; height: 100%; padding-bottom: 0.5%;"></button>
99
+ </div>
 
100
  {% for nid,titulo in result_busqueda.items() %}
101
 
102
  <a href="/resultado_trauma?link={{nid}}" >{{titulo}}</a>
 
135
 
136
 
137
 
 
 
138
  </body>
139
  </html>