Hugging Face's logo

Spaces:
LeireTedCas
/
quirohelpWebapp
Sleeping

App Files Community
LeireTedCas commited on
Commit
5e0c6ed
•
1 Parent(s): 0ceb99b

Upload 11 files

Browse files
Files changed (7) hide show
  1. templates/buscador_admision.html +105 -40
  2. templates/buscador_trauma.html +113 -60
  3. templates/buscador_uro.html +85 -6
  4. templates/escuchar_admision1.html +65 -53
  5. templates/escuchar_trauma1.html +41 -51
  6. templates/escuchar_uro1.html +63 -52
  7. templates/especialidad.html +50 -37
templates/buscador_admision.html CHANGED
@@ -1,24 +1,103 @@
1
-
2
  <!DOCTYPE html>
3
  <html>
4
  <head>
5
  <meta charset="utf-8">
6
  <title> Quirohelp </title>
7
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
 
9
  </head>
10
  <body>
11
  <div class="login22">
12
- <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: gray;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Admisión: </h2>
13
  <h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;" ></h3>
14
- <hr/>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Barra de busqueda:</h2>
16
  <form action="{{url_for('buscador_admision')}}" method="post">
17
- <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">
18
 
19
 
20
  <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>
21
-
 
 
 
 
22
  <!--<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>-->
23
  {% for titulo,link in result_busqueda.items() %}
24
 
@@ -44,42 +123,28 @@
44
  <br>
45
  <table id="miTabla" style="border-collapse: collapse; border: none;">
46
  <tr>
47
- <td>
48
- <img src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/mapa_camas'">
49
-
50
- </td>
51
- <td>
52
- <img src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/ambulancias'">
53
-
54
- </td>
55
- <td>
56
- <img src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/programacion_quirurgica'">
57
-
58
- </td>
59
  </tr>
60
  <tr>
61
- <td>
62
- <img src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/otros'">
63
-
64
- </td>
65
- <td>
66
- <img src="{{ preguntas_respuestas }}" style="max-width:70%;" onclick="location.href='/preguntas_respuestas_admin?link2={{nid2}}'">
67
-
68
- </td>
69
- <td>
70
-
71
- <img src="{{ user_image5 }}" style="max-width:70%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_admision1'">
72
-
73
- </td>
74
  </tr>
75
  </table>
76
-
77
-
78
- <br>
79
-
80
-
81
  </form>
82
-
83
- </div>
84
- </body>
85
- </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
+ .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
 
63
  </head>
64
  <body>
65
  <div class="login22">
66
+ <!--<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: gray;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Admisión: </h2>
67
  <h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;" ></h3>
68
+ <hr/>-->
69
+ <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;">
70
+ <div class="container">
71
+ <div class="element">
72
+ <img src="{{ user_image7 }}" alt="Atrás" onclick="location.href='/especialidad'">
73
+ </div>
74
+ <div class="element">
75
+ <p class="text2">Volver</p>
76
+ </div>
77
+ <div class="element">
78
+ <p class="text">ADMINISTRACIÓN</p>
79
+ </div>
80
+ <div class="element">
81
+ <p class="text2">Ajustes</p>
82
+ </div>
83
+ <div class="element">
84
+ <img src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'">
85
+ </div>
86
+ </div>
87
+ </h2>
88
+ </div>
89
+
90
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Barra de busqueda:</h2>
91
  <form action="{{url_for('buscador_admision')}}" method="post">
92
+ <!--<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">
93
 
94
 
95
  <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>
96
+ -->
97
+ <div class="input-container">
98
+ <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">
99
+ <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>
100
+ </div>
101
  <!--<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>-->
102
  {% for titulo,link in result_busqueda.items() %}
103
 
 
123
  <br>
124
  <table id="miTabla" style="border-collapse: collapse; border: none;">
125
  <tr>
126
+ <td>
127
+ <img src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/mapa_camas'">
128
+ </td>
129
+ <td>
130
+ <img src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/ambulancias'">
131
+ </td>
132
+ <td>
133
+ <img src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/programacion_quirurgica'">
134
+ </td>
 
 
 
135
  </tr>
136
  <tr>
137
+ <td>
138
+ <img src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/otros'">
139
+ </td>
140
+ <td>
141
+ <img src="{{ preguntas_respuestas }}" style="max-width:70%;" onclick="location.href='/preguntas_respuestas_admin?link2={{nid2}}'">
142
+ </td>
143
+ <td>
144
+ <img src="{{ user_image5 }}" style="max-width:70%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_admision1'">
145
+ </td>
 
 
 
 
146
  </tr>
147
  </table>
 
 
 
 
 
148
  </form>
149
+ </body>
150
+ </html>
 
 
templates/buscador_trauma.html CHANGED
@@ -3,22 +3,98 @@
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
-
 
 
 
22
  <b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
23
  {% for nid,titulo in result_busqueda.items() %}
24
 
@@ -41,54 +117,31 @@
41
 
42
  <b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
43
  <table id="miTabla" style="border-collapse: collapse; border: none;">
44
- <tr>
45
- <td>
46
- <img src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
47
- </td>
48
- <td>
49
- <img src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
50
- </td>
51
- <td>
52
- <img src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
53
- </td>
54
- </tr>
55
- <tr>
56
- <td>
57
- <img src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
58
- </td>
59
- <td>
60
- <img src="{{ user_image12 }}" style="max-width:70%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
61
- </td>
62
- <td>
63
- <img src="{{ preguntas_respuestas }}" style="max-width:60%;" onclick="location.href='/preguntas_respuestas_trauma?link2={{nid2}}'">
64
- <br />
65
- <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'">
66
- </td>
67
- </tr>
68
- </table>
69
- <br>
70
-
71
- <br>
72
- <br>
73
-
74
-
75
-
76
-
77
-
78
-
79
-
80
-
81
  </form>
82
-
83
-
84
-
85
-
86
-
87
-
88
-
89
-
90
-
91
-
92
- </div>
93
  </body>
94
  </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
+
46
+ /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
47
+ @media screen and (max-width: 768px) {
48
+ .quiro {
49
+ font-size: 2.5rem; /* Reducir el tamaño de la fuente */
50
+ }
51
+ input[type="button"] {
52
+ width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
53
+ }
54
+ }
55
+ /* Estilos para pantallas medianas y grandes (más de 768px) */
56
+ @media screen and (min-width: 769px) {
57
+ .quiro {
58
+ font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
59
+ }
60
+ }
61
+ </style>
62
 
63
  </head>
64
  <body>
65
+ <div class="login22">
66
+ <!--<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>
67
+ <h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;" ></h3>
68
+ -->
69
+ <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;">
70
+ <div class="container">
71
+ <div class="element">
72
+ <img src="{{ user_image7 }}" alt="Atrás" onclick="location.href='/especialidad'">
73
+ </div>
74
+ <div class="element">
75
+ <p class="text2">Volver</p>
76
+ </div>
77
+ <div class="element">
78
+ <p class="text">TRAUMATOLOGIA</p>
79
+ </div>
80
+ <div class="element">
81
+ <p class="text2">Ajustes</p>
82
+ </div>
83
+ <div class="element">
84
+ <img src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'">
85
+ </div>
86
+ </div>
87
+ </h2>
88
+ </div>
89
+ <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Barra de busqueda:</h2>
90
+ <form action="{{url_for('buscador_trauma')}}" method="post">
91
+ <!--<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">
92
  <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>
93
+ <br>-->
94
+ <div class="input-container">
95
+ <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">
96
+ <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>
97
+ </div>
98
  <b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
99
  {% for nid,titulo in result_busqueda.items() %}
100
 
 
117
 
118
  <b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
119
  <table id="miTabla" style="border-collapse: collapse; border: none;">
120
+ <tr>
121
+ <td>
122
+ <img src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
123
+ </td>
124
+ <td>
125
+ <img src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
126
+ </td>
127
+ <td>
128
+ <img src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
129
+ </td>
130
+ </tr>
131
+ <tr>
132
+ <td>
133
+ <img src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
134
+ </td>
135
+ <td>
136
+ <img src="{{ user_image12 }}" style="max-width:70%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
137
+ </td>
138
+ <td>
139
+ <img src="{{ preguntas_respuestas }}" style="max-width:60%;" onclick="location.href='/preguntas_respuestas_trauma?link2={{nid2}}'">
140
+ <br />
141
+ <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'">
142
+ </td>
143
+ </tr>
144
+ </table>
 
 
 
 
 
 
 
 
 
 
 
 
145
  </form>
 
 
 
 
 
 
 
 
 
 
 
146
  </body>
147
  </html>
templates/buscador_uro.html CHANGED
@@ -3,22 +3,101 @@
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: saddlebrown;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Urologí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_uro')}}" 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: 50%; border:2% solid black; border-radius: 0.5rem;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:solid white; border-radius: 0.8rem;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
-
 
 
 
 
 
22
 
23
  {% for nid,titulo in result_busqueda.items() %}
24
 
 
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: saddlebrown;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Urologí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">UROLOGIA</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_uro')}}" 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: 50%; border:2% solid black; border-radius: 0.5rem;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:solid white; border-radius: 0.8rem;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
+ <div class="input-container">
96
+ <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">
97
+ <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>
98
+ </div>
99
+ <b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
100
+
101
 
102
  {% for nid,titulo in result_busqueda.items() %}
103
 
templates/escuchar_admision1.html CHANGED
@@ -9,52 +9,64 @@
9
  <body>
10
  <div class="login22">
11
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: gray;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Admisión: </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.7rem;">Asistente de voz:</h2>
15
- <form action="{{url_for('escuchar_admision1')}}" method="post">
16
- <button type="button" id="startRecording" style="padding-right: 85%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.2rem;padding-left: 1%;background-color: white; border: solid white" onclick="location.href='/escuchar_admision'">Escuchar: <img src="{{ user_image5 }}" width="60% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_admision'"></button>
17
- <div id="output"></div>
18
-
19
- <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
20
- <script>
21
- const socket = io.connect('https://' + document.domain + ':' + location.port, { secure: true });
22
- const startRecordingButton = document.getElementById('startRecording');
23
- const outputDiv = document.getElementById('output');
24
- let mediaRecorder;
25
- let audioChunks = [];
26
- let recognition;
27
-
28
- startRecordingButton.addEventListener('click', () => {
29
- if (!recognition) {
30
- recognition = new webkitSpeechRecognition();
31
- recognition.lang = 'es-ES';
32
- recognition.onresult = function (event) {
33
- const result = event.results[0][0].transcript;
34
- socket.emit('audio_data', result);
35
- };
36
-
37
- }
38
- try {
39
- recognition.start();
40
- } catch (error) {
41
- console.error('Error al iniciar el reconocimiento de voz: ', error);
42
- }
43
- });
44
- socket.on('transcription', function (data) {
45
- outputDiv.innerHTML = 'Texto reconocido: ${data}';
46
- });
47
- </script>
48
-
49
-
50
-
51
- </form>
52
-
53
-
54
- <br>
55
- <br>
56
-
57
- <b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
 
 
 
 
 
 
 
 
 
 
 
 
58
 
59
  <br>
60
  <br>
@@ -62,16 +74,16 @@
62
  <br>
63
  <br>
64
  <img src="{{ user_image8 }}" style="max-width:30%;" onclick="location.href='/mapa_camas'">
65
- <img src="{{ user_image9 }}" style="max-width:30%;" onclick="location.href='/ambulancias'" >
66
-
67
-
68
  <br>
69
  <img src="{{ user_image10 }}" style="max-width:30%;" onclick="location.href='/programacion_quirurgica'">
70
- <img src="{{ user_image11 }}" style="max-width:30%;" onclick="location.href='/otros'" >
71
-
72
-
73
-
74
-
75
  </div>
76
  </body>
77
  </html>
 
9
  <body>
10
  <div class="login22">
11
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: gray;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Admisión: </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.7rem;">Asistente de voz:</h2>
15
+ <form action="{{url_for('escuchar_admision1')}}" method="post">
16
+ <button type="button" style="padding-right: 85%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.2rem;padding-left: 1%;background-color: white; border: solid white" onclick="location.href='/escuchar_admision'">Escuchar: <img src="{{ user_image5 }}" width="30% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='http://127.0.0.1:5000/escuchar_admision'"></button>
17
+
18
+
19
+
20
+
21
+ </form>
22
+
23
+
24
+
25
+
26
+ <!---------------------------------------------------------------------------------------->
27
+
28
+ <div id="controls">
29
+ <button id="recordButton">Grabar Voz</button>
30
+ <!--<button id="pauseButton" disabled>Pause</button>-->
31
+ <button id="stopButton" disabled>Parar grabacion y buscar</button>
32
+ </div>
33
+ <div id="formats">Dele al botón "Grabar Voz". Cuando acabe, dele al botón "Parar grabación..." y obtendrá el resultado de la búsqueda</div>
34
+ <p><strong>Grabación:</strong></p>
35
+ <ol id="recordingsList"></ol>
36
+
37
+
38
+
39
+
40
+
41
+ <!-- inserting these scripts at the end to be able to use all the elements in the DOM -->
42
+ <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
43
+ <script src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
44
+ <script src="/static/js/appadmision.js"></script>
45
+ <!-- Agrega un cuadro de texto para mostrar la respuesta -->
46
+ <!--<input type="text" id="responseTextBox" readonly>-->
47
+ <!--<div id="textElement">-->
48
+ <!-- El texto plano se mostrará aquí -->
49
+ <!--</div>-->
50
+ <!--<h1>Grabación de Audio</h1>
51
+
52
+
53
+
54
+
55
+
56
+ <br>
57
+ <br>
58
+
59
+ <!--<b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>-->
60
+
61
+ <br>
62
+ <br>
63
+ <!---------------------------------------------------------------------------------------->
64
+
65
+
66
+ <br>
67
+ <br>
68
+
69
+ <b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
70
 
71
  <br>
72
  <br>
 
74
  <br>
75
  <br>
76
  <img src="{{ user_image8 }}" style="max-width:30%;" onclick="location.href='/mapa_camas'">
77
+ <img src="{{ user_image9 }}" style="max-width:30%;" onclick="location.href='/ambulancias'">
78
+
79
+
80
  <br>
81
  <img src="{{ user_image10 }}" style="max-width:30%;" onclick="location.href='/programacion_quirurgica'">
82
+ <img src="{{ user_image11 }}" style="max-width:30%;" onclick="location.href='/otros'">
83
+
84
+
85
+
86
+
87
  </div>
88
  </body>
89
  </html>
templates/escuchar_trauma1.html CHANGED
@@ -9,67 +9,57 @@
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.7rem;">Asistente de voz:</h2>
15
- <form action="{{url_for('escuchar_trauma1')}}" method="post">
16
- <button type="button" id="startRecording" style="padding-right: 85%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.2rem;padding-left: 1%;background-color: white; border: solid white" onclick="location.href='/escuchar_trauma'">Escuchar: <img src="{{ user_image5 }}" width="60% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma'"></button>
17
-
18
- <div id="output"></div>
19
 
20
- <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
21
- <script>
22
- const socket = io.connect('https://' + document.domain + ':' + location.port, { secure: true });
23
- const startRecordingButton = document.getElementById('startRecording');
24
- const outputDiv = document.getElementById('output');
25
- let mediaRecorder;
26
- let audioChunks = [];
27
- let recognition;
28
 
29
- startRecordingButton.addEventListener('click', () => {
30
- if (!recognition) {
31
- recognition = new webkitSpeechRecognition();
32
- recognition.lang = 'es-ES';
33
- recognition.onresult = function (event) {
34
- const result = event.results[0][0].transcript;
35
- socket.emit('audio_data', result);
36
- };
37
 
38
- }
39
- try {
40
- recognition.start();
41
- } catch (error) {
42
- console.error('Error al iniciar el reconocimiento de voz: ', error);
43
- }
44
- });
45
- socket.on('transcription', function (data) {
46
- outputDiv.innerHTML = `Texto reconocido: ${data}`;
47
 
48
- });
49
- </script>
50
-
51
-
52
- </form>
53
 
54
-
55
- <br>
56
- <br>
57
-
58
- <b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
 
 
 
 
 
 
 
 
 
 
 
59
 
60
  <br>
61
  <br>
62
-
63
  <b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
64
- <br>
65
- <br>
66
- <img src="{{ user_image8 }}" style="max-width:20%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
67
- <img src="{{ user_image9 }}" style="max-width:20%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'" >
68
- <img src="{{ user_image10 }}" style="max-width:20%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'" >
69
- <br>
70
- <img src="{{ user_image11 }}" style="max-width:20%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
71
- <img src="{{ user_image12 }}" style="max-width:20%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
72
-
73
  </div>
74
  </body>
75
  </html>
 
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.7rem;">Asistente de voz:</h2>
15
+ <form action="{{url_for('escuchar_trauma1')}}" method="post">
16
+ <!--<button type="button" style="padding-right: 85%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.2rem;padding-left: 1%;background-color: white; border: solid white" onclick="location.href='/escuchar_trauma'">Escuchar: <img src="{{ user_image5 }}" width="30% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma'"></button>
17
+ -->
 
18
 
 
 
 
 
 
 
 
 
19
 
20
+ </form>
21
+ <!---------------------------------------------------------------------------------------->
 
 
 
 
 
 
22
 
23
+ <div id="controls">
24
+ <button id="recordButton">Grabar Voz</button>
25
+ <!--<button id="pauseButton" disabled>Pause</button>-->
26
+ <button id="stopButton">Parar grabacion y buscar</button>
27
+ </div>
28
+ <div id="formats">Dele al botón "Grabar Voz". Cuando acabe, dele al botón "Parar grabación..." y obtendrá el resultado de la búsqueda</div>
29
+ <p><strong>Grabación:</strong></p>
30
+ <ol id="recordingsList"></ol>
 
31
 
 
 
 
 
 
32
 
33
+
34
+
35
+
36
+ <!-- inserting these scripts at the end to be able to use all the elements in the DOM -->
37
+ <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
38
+ <script src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
39
+ <script src="/static/js/app.js"></script>
40
+ <!-- Agrega un cuadro de texto para mostrar la respuesta -->
41
+ <!--<input type="text" id="responseTextBox" readonly>-->
42
+ <!--<div id="textElement">-->
43
+ <!-- El texto plano se mostrará aquí -->
44
+ <!--</div>-->
45
+ <!--<h1>Grabación de Audio</h1>
46
+ <br>
47
+ <br>
48
+ <!--<b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>-->
49
 
50
  <br>
51
  <br>
52
+ <!---------------------------------------------------------------------------------------->
53
  <b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
54
+ <br>
55
+ <br>
56
+ <img src="{{ user_image8 }}" style="max-width:20%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
57
+ <img src="{{ user_image9 }}" style="max-width:20%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
58
+ <img src="{{ user_image10 }}" style="max-width:20%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
59
+ <br>
60
+ <img src="{{ user_image11 }}" style="max-width:20%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
61
+ <img src="{{ user_image12 }}" style="max-width:20%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
62
+
63
  </div>
64
  </body>
65
  </html>
templates/escuchar_uro1.html CHANGED
@@ -9,67 +9,78 @@
9
  <body>
10
  <div class="login22">
11
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: saddlebrown;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Urologí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.7rem;">Asistente de voz:</h2>
15
- <form action="{{url_for('escuchar_uro1')}}" method="post">
16
- <button type="button" id="startRecording" style="padding-right: 85%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.2rem;padding-left: 1%;background-color: white; border: solid white" onclick="location.href='/escuchar_uro'">Escuchar: <img src="{{ user_image5 }}" width="60% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma'"></button>
17
- <div id="output"></div>
18
-
19
- <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
20
  <script>
21
- const socket = io.connect('https://' + document.domain + ':' + location.port, { secure: true });
22
- const startRecordingButton = document.getElementById('startRecording');
23
- const outputDiv = document.getElementById('output');
24
- let mediaRecorder;
25
- let audioChunks = [];
26
- let recognition;
27
-
28
- startRecordingButton.addEventListener('click', () => {
29
- if (!recognition) {
30
- recognition = new webkitSpeechRecognition();
31
- recognition.lang = 'es-ES';
32
- recognition.onresult = function (event) {
33
- const result = event.results[0][0].transcript;
34
- socket.emit('audio_data', result);
35
- };
36
-
37
- }
38
- try {
39
- recognition.start();
40
- } catch (error) {
41
- console.error('Error al iniciar el reconocimiento de voz: ', error);
42
- }
43
- });
44
- socket.on('transcription', function (data) {
45
- outputDiv.innerHTML = 'Texto reconocido: ${data}';
46
- });
47
  </script>
48
-
49
-
50
-
51
- </form>
52
 
53
-
54
- <br>
55
- <br>
56
-
57
- <b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
 
59
  <br>
60
  <br>
61
 
62
  <b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
63
- <br>
64
- <br>
65
- <img src="{{ user_image8 }}" style="max-width:20%;" onclick="location.href='/pdf_casa_uro?link2={{nid2}}'">
66
- <img src="{{ user_image9 }}" style="max-width:20%;" onclick="location.href='/protocolos_uro?link2={{nid2}}'" >
67
- <img src="{{ user_image10 }}" style="max-width:20%;" onclick="location.href='/guia_visual_uro?link2={{nid2}}'" >
68
- <br>
69
- <img src="{{ user_image11 }}" style="max-width:20%;" onclick="location.href='/videos_uro?link2={{nid2}}'">
70
- <img src="{{ user_image12 }}" style="max-width:20%;" onclick="location.href='/materiales_uro?link2={{nid2}}'">
71
-
72
-
73
  </div>
74
  </body>
75
  </html>
 
9
  <body>
10
  <div class="login22">
11
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: saddlebrown;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Urologí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.7rem;">Asistente de voz:</h2>
15
+ <form action="{{url_for('escuchar_uro1')}}" method="post">
16
+ <button type="button" style="padding-right: 85%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.2rem;padding-left: 1%;background-color: white; border: solid white" onclick="location.href='/escuchar_uro'">Escuchar: <img src="{{ user_image5 }}" width="30% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='http://127.0.0.1:5000/escuchar_trauma'"></button>
 
 
 
17
  <script>
18
+ navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
19
+ const mediaRecorder = new MediaRecorder(stream)
20
+ })
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21
  </script>
 
 
 
 
22
 
23
+
24
+
25
+ </form>
26
+ <!---------------------------------------------------------------------------------------->
27
+
28
+ <div id="controls">
29
+ <button id="recordButton">Grabar Voz</button>
30
+ <!--<button id="pauseButton" disabled>Pause</button>-->
31
+ <button id="stopButton" disabled>Parar grabacion y buscar</button>
32
+ </div>
33
+ <div id="formats">Dele al botón "Grabar Voz". Cuando acabe, dele al botón "Parar grabación..." y obtendrá el resultado de la búsqueda</div>
34
+ <p><strong>Grabación:</strong></p>
35
+ <ol id="recordingsList"></ol>
36
+
37
+
38
+
39
+
40
+
41
+ <!-- inserting these scripts at the end to be able to use all the elements in the DOM -->
42
+ <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
43
+ <script src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
44
+ <script src="/static/js/appuro.js"></script>
45
+ <!-- Agrega un cuadro de texto para mostrar la respuesta -->
46
+ <!--<input type="text" id="responseTextBox" readonly>-->
47
+ <!--<div id="textElement">-->
48
+ <!-- El texto plano se mostrará aquí -->
49
+ <!--</div>-->
50
+ <!--<h1>Grabación de Audio</h1>
51
+
52
+
53
+
54
+
55
+
56
+ <br>
57
+ <br>
58
+
59
+ <!--<b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>-->
60
+
61
+ <br>
62
+ <br>
63
+ <!---------------------------------------------------------------------------------------->
64
+
65
+ <br>
66
+ <br>
67
+
68
+ <b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
69
 
70
  <br>
71
  <br>
72
 
73
  <b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
74
+ <br>
75
+ <br>
76
+ <img src="{{ user_image8 }}" style="max-width:20%;" onclick="location.href='/pdf_casa_uro?link2={{nid2}}'">
77
+ <img src="{{ user_image9 }}" style="max-width:20%;" onclick="location.href='/protocolos_uro?link2={{nid2}}'">
78
+ <img src="{{ user_image10 }}" style="max-width:20%;" onclick="location.href='/guia_visual_uro?link2={{nid2}}'">
79
+ <br>
80
+ <img src="{{ user_image11 }}" style="max-width:20%;" onclick="location.href='/videos_uro?link2={{nid2}}'">
81
+ <img src="{{ user_image12 }}" style="max-width:20%;" onclick="location.href='/materiales_uro?link2={{nid2}}'">
82
+
83
+
84
  </div>
85
  </body>
86
  </html>
templates/especialidad.html CHANGED
@@ -1,51 +1,64 @@
1
  <!DOCTYPE html>
2
  <html>
3
  <head>
4
- <meta charset="utf-8">
5
-
6
  <title> Quirohelp </title>
7
- <style>
8
-
9
- .quiro {
10
-
11
- background-color: blueviolet;
12
- color:white;
13
- font-size: 3.5rem;
14
-
15
- font-family: Georgia, 'Times New Roman', Times, serif;
16
-
17
-
18
-
19
-
20
- }
21
-
22
-
23
-
24
-
25
- </style>
26
-
27
-
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  </head>
29
  <body>
30
  <div class="login2">
31
- <h1 class="quiro"><img src="{{ user_image0 }}" alt="holaaa" style="max-width: 5%;" > QuiroHelp </h1>
32
-
 
 
 
 
33
  <p style="font-size: 1.1rem">Haz click en tu especialidad:</p>
34
  <form action="{{url_for('especialidad')}}" method="post">
35
-
36
-
37
-
38
-
39
- <input class=""type="button" value="Traumatologia" style="width: 78%; background-color:darkcyan;font-size: 2.5rem; " onclick="location.href='/buscador_trauma'">
40
- <h3></h3><img src="{{ user_image1 }}" alt="" style="max-width: 100%" onclick="location.href='/buscador_trauma'">
41
  <br>
42
- <input type="button" value="Urologia" style="width: 78%; background-color:saddlebrown;font-size: 2.5rem;" onclick="location.href='/buscador_uro'">
43
- <h3></h3><img src="{{ user_image2 }}" alt="" style="max-width: 100%" onclick="location.href='/buscador_uro'">
 
44
  <br>
45
- <input type="button" value="Admisión" style="width: 78%; background-color:dimgray;font-size: 2.5rem;" onclick="location.href='/buscador_admision'">
46
- <h3></h3><img src="{{ user_image3 }}" alt="" style="max-width: 100%" onclick="location.href='/buscador_admision'">
47
- </form>
48
-
49
  </div>
50
  </body>
51
  </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
  </head>
41
  <body>
42
  <div class="login2">
43
+ <h1 class="quiro">
44
+ <div style="display: flex; align-items: center; justify-content: center;">
45
+ <img src="{{ user_image0 }}" alt="holaaa" style="max-width: 15%;">
46
+ <span>QuiroHelp</span>
47
+ </div>
48
+ </h1>
49
  <p style="font-size: 1.1rem">Haz click en tu especialidad:</p>
50
  <form action="{{url_for('especialidad')}}" method="post">
51
+ <input type="button" value="Traumatologia" style="background-color: darkcyan; font-size: 2.5rem; margin-bottom: 10px;" onclick="location.href='/buscador_trauma'">
52
+ <h3></h3><img src="{{ user_image1 }}" alt="" style="max-width: 100%">
 
 
 
 
53
  <br>
54
+ <br>
55
+ <input type="button" value="Urologia" style="background-color: saddlebrown; font-size: 2.5rem; margin-bottom: 10px;" onclick="location.href='/buscador_uro'">
56
+ <h3></h3><img src="{{ user_image2 }}" alt="" style="max-width: 100%">
57
  <br>
58
+ <br>
59
+ <input type="button" value="Admisión" style="background-color: dimgray; font-size: 2.5rem; margin-bottom: 10px;" onclick="location.href='/buscador_admision'">
60
+ <h3></h3><img src="{{ user_image3 }}" alt="" style="max-width: 100%">
61
+ </form>
62
  </div>
63
  </body>
64
  </html>