Hugging Face's logo

Spaces:
JPLTedCas
/
QuirohelpASRServer
Runtime error

App Files Community
JPLTedCas commited on
Commit
3d65632
•
1 Parent(s): 4515b32

Update templates/buscador_trauma.html

Browse files
Files changed (1) hide show
  1. templates/buscador_trauma.html +105 -115
templates/buscador_trauma.html CHANGED
@@ -1,137 +1,127 @@
1
  <!DOCTYPE html>
2
  <html>
3
  <head>
4
- <meta charset="utf-8">
5
- <title>Quirohelp</title>
6
- <style>
7
  body {
8
- background-color: #000; /* Fondo oscuro (negro) */
9
- color: #fff;
10
  font-family: Georgia, 'Times New Roman', Times, serif;
11
  margin: 0;
12
  padding: 0;
13
  text-align: center;
14
  }
15
-
16
- .login22 {
 
 
 
 
17
  text-align: center;
18
  padding: 20px;
19
  }
20
-
21
- h2, h3 {
22
- font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
23
- font-size: 3rem;
24
- background-color: darkcyan;
25
- display: flex;
26
- align-items: center;
27
- justify-content: space-between;
28
  }
29
-
30
- img {
31
- max-width: 15%;
 
 
32
  }
 
33
 
34
- form {
35
- font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';
36
- font-size: 1.8rem;
37
- }
 
 
 
 
 
38
 
39
- input[type="search"] {
40
- box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
41
- width: 70%;
42
- border: 3px solid black;
43
- border-radius: 10px;
44
- font-size: 1.5rem;
45
- margin-bottom: 10px;
46
- }
47
 
48
- button {
49
- padding-bottom: 1%;
50
- width: 4%;
51
- background-color: rgb(0, 128, 255);
52
- border: 1px solid white;
53
- border-radius: 30%;
54
- box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
55
- margin-bottom: 10px;
56
- }
57
 
58
- b {
59
- font-size: 1.2rem;
60
- font-family: Arial, Helvetica, sans-serif;
61
- }
62
 
63
- a {
64
- font-size: 1.8rem;
65
- font-family: Arial, Helvetica, sans-serif;
66
- }
67
 
68
- table {
69
- border-collapse: collapse;
70
- border: none;
71
- }
72
 
73
- table img {
74
- max-width: 15%;
75
- }
76
- </style>
77
- </head>
78
- <body>
79
- <div class="login22">
80
- <h2>
81
- <img src="{{ user_image7 }}" alt="" onclick="location.href='/especialidad'">
82
- Traumatología
83
- <img src="{{ user_image6 }}" alt="" onclick="location.href='/ajustes'">
84
- </h2>
85
- <h3>Barra de busqueda:</h3>
86
- <form action="{{url_for('buscador_trauma')}}" method="post">
87
- <input type="search" name="busqueda" placeholder="Escriba aquí la búsqueda a realizar" required="required">
88
- <button>
89
- <img src="{{ user_image4 }}" alt="">
90
- </button>
91
- <b>{{prediction_text}}</b>
92
- {% for nid, titulo in result_busqueda.items() %}
93
- <a href="location.href='/resultado_trauma?link={{nid}}">
94
- {{titulo}}
95
- </a>
96
- <br>
97
- <br>
98
- {% endfor %}
99
- <b>{{faq_titulo}}</b>
100
- <br>
101
- <br>
102
- {% for faqs in faqs %}
103
- <b>{{faq}}</b>
104
- <br>
105
- <br>
106
- {% endfor %}
107
- <b>Selectores: </b>
108
- <table>
109
- <tr>
110
- <td>
111
- <img src="{{ user_image8 }}" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
112
- </td>
113
- <td>
114
- <img src="{{ user_image9 }}" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
115
- </td>
116
- <td>
117
- <img src="{{ user_image10 }}" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
118
- </td>
119
- </tr>
120
- <tr>
121
- <td>
122
- <img src="{{ user_image11 }}" onclick="location.href='/videos_trauma?link2={{nid2}}'">
123
- </td>
124
- <td>
125
- <img src="{{ user_image12 }}" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
126
- </td>
127
- <td>
128
- <img src="{{ preguntas_respuestas }}" onclick="location.href='/preguntas_respuestas_trauma?link2={{nid2}}'">
129
- <br>
130
- <img src="{{ user_image5 }}" onclick="location.href='/escuchar_trauma1'">
131
- </td>
132
- </tr>
133
- </table>
134
- </form>
135
- </div>
136
  </body>
137
- </html>
 
1
  <!DOCTYPE html>
2
  <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
+ /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
25
+ @media screen and (max-width: 768px) {
26
+ .quiro {
27
+ font-size: 2.5rem; /* Reducir el tamaño de la fuente */
28
+ }
29
+ input[type="button"] {
30
+ width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
31
+ }
32
  }
33
+ /* Estilos para pantallas medianas y grandes (más de 768px) */
34
+ @media screen and (min-width: 769px) {
35
+ .quiro {
36
+ font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
37
+ }
38
  }
39
+ </style>
40
 
41
+ </head>
42
+ <body>
43
+ <div class="login22">
44
+ <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>
45
+ <h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;" ></h3>
46
+ <hr/>
47
+ <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Barra de busqueda:</h2>
48
+ <form action="{{url_for('buscador_trauma')}}" method="post">
49
+ <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">
50
 
 
 
 
 
 
 
 
 
51
 
52
+ <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>
53
+ <br>
 
 
 
 
 
 
 
54
 
55
+ <b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
56
+ {% for nid,titulo in result_busqueda.items() %}
 
 
57
 
58
+ <a href="location.href='/resultado_trauma?link={{nid}}" style="font-size: 1.8rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>
59
+ <br>
60
+ <br>
61
+ {% endfor %}
62
 
63
+ <b style="font-size: 1.5rem;font-family: Arial, Helvetica, sans-serif;">{{faq_titulo}}</b>
64
+ <br>
65
+ <br>
66
+ {% for faq in faqs %}
67
 
68
+
69
+ <b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{faq}}</b>
70
+ <br>
71
+ <br>
72
+
73
+ {% endfor %}
74
+
75
+ <b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
76
+ <table id="miTabla" style="border-collapse: collapse; border: none;">
77
+ <tr>
78
+ <td>
79
+ <img src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
80
+ </td>
81
+ <td>
82
+ <img src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
83
+ </td>
84
+ <td>
85
+ <img src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
86
+ </td>
87
+ </tr>
88
+ <tr>
89
+ <td>
90
+ <img src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
91
+ </td>
92
+ <td>
93
+ <img src="{{ user_image12 }}" style="max-width:70%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
94
+ </td>
95
+ <td>
96
+ <img src="{{ preguntas_respuestas }}" style="max-width:60%;" onclick="location.href='/preguntas_respuestas_trauma?link2={{nid2}}'">
97
+ <br />
98
+ <img src="{{ user_image5 }}" style="max-width:60%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma1'">
99
+ </td>
100
+ </tr>
101
+ </table>
102
+ <br>
103
+
104
+ <br>
105
+ <br>
106
+
107
+
108
+
109
+
110
+
111
+
112
+
113
+
114
+ </form>
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+ </div>
 
 
 
 
 
126
  </body>
127
+ </html>