Spaces:
Sleeping
Sleeping
File size: 7,028 Bytes
3257494 5e0c6ed 1f3cb6a 5e0c6ed 0148956 5e0c6ed 1f3cb6a 5e0c6ed 1f3cb6a 5e0c6ed 3257494 5e0c6ed 1f3cb6a 5e0c6ed 1f3cb6a 5e0c6ed 718bef9 5e0c6ed 1f3cb6a 5e0c6ed 1f3cb6a 5e0c6ed b0dffd8 5e0c6ed 1f3cb6a 5e0c6ed 3257494 b0dffd8 16977a5 3257494 b0dffd8 3257494 b0dffd8 3257494 b0dffd8 5e0c6ed 1f3cb6a 5e0c6ed 1f3cb6a 5e0c6ed 1f3cb6a 5e0c6ed 1f3cb6a 5e0c6ed 1f3cb6a 5e0c6ed 1f3cb6a 5e0c6ed 1f3cb6a 5e0c6ed b0dffd8 3257494 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 |
<!DOCTYPE html>
<html>
<head>
<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;
font-size: 3.5rem;
padding: 20px 0;
}
.login2 {
text-align: center;
padding: 20px;
}
.container {
display: grid;
grid-template-columns: 1fr 3fr 1fr;
grid-template-rows: 1fr;
grid-gap: 10px;
align-items: center;
}
.element {
text-align: center;
/*max-height: 100%;*/
font-size: 55px;
}
.img1 {
max-width: 15%;
height: auto;
cursor: pointer;
}
.img2 {
max-width: 75%;
height: auto;
cursor: pointer;
}
.text {
font-size: 36px; /* Tamaño de letra deseado */
}
.text2 {
font-size: 24px; /* Tamaño de letra deseado */
}
/* 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 */
}
input[type="button"] {
width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
}
}
/* 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 */
}
}
</style>
</head>
<body>
<div class="login22">
<!--<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>
<h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;" ></h3>
-->
<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;">
<div class="container">
<script>
function retroceder() {
history.back();
}
</script>
<img class="img2" src="{{ user_image7 }}" alt="Atrás" onclick="retroceder()" style="cursor: pointer;">
<!--<div class="element">
<p class="text2">Volver</p>
</div>-->
<div class="element">
<p class="text">TRAUMATOLOGÍA</p>
</div>
<!--<div class="element">
<p class="text2">Ajustes</p>
</div>-->
<img class="img2" src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'" style="cursor: pointer;">
</div>
</h2>
</div>
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Barra de busqueda:</h2>
<form action="{{url_for('buscador_trauma')}}" method="post">
<!--<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">
<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>
<br>-->
<div class="input-container">
<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">
<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; vertical-align: middle;"><img src="{{ user_image4 }}" alt="" style="max-width: 100%; height: 100%; padding-bottom: 0.5%;"></button>
</div>
<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
{% for nid,titulo in result_busqueda.items() %}
<a href="/resultado_trauma?link={{nid}}">{{titulo}}</a>
<br>
<br>
{% endfor %}
<b style="font-size: 1.5rem;font-family: Arial, Helvetica, sans-serif;">{{faq_titulo}}</b>
<br>
<br>
{% for faq in faqs %}
<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{faq}}</b>
<br>
<br>
{% endfor %}
<b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
<table id="miTabla" style="border-collapse: collapse; border: none;">
<tr>
<td>
<img class="img1" src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
</td>
<td>
<img class="img1" src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
</td>
<td>
<img class="img1" src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
</td>
</tr>
<tr>
<td>
<img class="img1" src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
</td>
<td>
<img class="img1" src="{{ user_image12 }}" style="max-width:70%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
</td>
<td>
<img class="img1" src="{{ preguntas_respuestas }}" style="max-width:60%;" onclick="location.href='/preguntas_respuestas_trauma?link2={{nid2}}'">
<br />
<img class="img1" 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'">
</td>
</tr>
</table>
</form>
</body>
</html> |