Hugging Face's logo

Spaces:
LeireTedCas
/
quirohelpWebapp
Sleeping

App Files Community
LeireTedCas commited on
Commit
78e8fae
•
1 Parent(s): ca25d7e

Update templates/escuchar_trauma.html

Browse files
Files changed (1) hide show
  1. templates/escuchar_trauma.html +86 -9
templates/escuchar_trauma.html CHANGED
@@ -3,14 +3,91 @@
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='/escuchar_trauma1'"> 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
  <form action="{{url_for('escuchar_trauma')}}" method="post">
15
 
16
 
@@ -49,12 +126,12 @@
49
  <b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
50
  <br>
51
  <br>
52
- <img src="{{ user_image8 }}" style="max-width:20%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
53
- <img src="{{ user_image9 }}" style="max-width:20%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'" >
54
- <img src="{{ user_image10 }}" style="max-width:20%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'" >
55
  <br>
56
- <img src="{{ user_image11 }}" style="max-width:20%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
57
- <img src="{{ user_image12 }}" style="max-width:20%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
58
 
59
  </div>
60
  </body>
 
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: 1fr 3fr 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
+ .img1 {
36
+ max-width: 15%;
37
+ height: auto;
38
+ cursor: pointer;
39
+ }
40
+ .img2 {
41
+ max-width: 75%;
42
+ height: auto;
43
+ cursor: pointer;
44
+ }
45
+ .text {
46
+ font-size: 36px; /* Tamaño de letra deseado */
47
+ }
48
+ .text2 {
49
+ font-size: 24px; /* Tamaño de letra deseado */
50
+ }
51
+ /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
52
+ @media screen and (max-width: 768px) {
53
+ .quiro {
54
+ font-size: 2.5rem; /* Reducir el tamaño de la fuente */
55
+ }
56
+ input[type="button"] {
57
+ width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
58
+ }
59
+ }
60
+ /* Estilos para pantallas medianas y grandes (más de 768px) */
61
+ @media screen and (min-width: 769px) {
62
+ .quiro {
63
+ font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
64
+ }
65
+ }
66
+ </style>
67
 
68
  </head>
69
  <body>
70
  <div class="login22">
71
+ <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;">
72
+ <div class="container">
73
+ <script>
74
+ function retroceder() {
75
+ history.back();
76
+ }
77
+ </script>
78
+ <div class="element">
79
+ <img class="img2" src="{{ user_image7 }}" alt="Atrás" onclick="retroceder()" style="cursor: pointer;">
80
+ </div>
81
+ <div class="element">
82
+ <p class="text">TRAUMATOLOGÍA</p>
83
+ </div>
84
+ <div class="element">
85
+ <img class="img2" src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'" style="cursor: pointer;">
86
+ </div>
87
+ </div>
88
+
89
+ </h2>
90
+ </div>
91
  <form action="{{url_for('escuchar_trauma')}}" method="post">
92
 
93
 
 
126
  <b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
127
  <br>
128
  <br>
129
+ <img class="img1" src="{{ user_image8 }}" style="max-width:20%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
130
+ <img class="img1" src="{{ user_image9 }}" style="max-width:20%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'" >
131
+ <img class="img1" src="{{ user_image10 }}" style="max-width:20%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'" >
132
  <br>
133
+ <img class="img1" src="{{ user_image11 }}" style="max-width:20%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
134
+ <img class="img1" src="{{ user_image12 }}" style="max-width:20%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
135
 
136
  </div>
137
  </body>