quirohelpWebapp / templates /buscador_trauma.html
LeireTedCas's picture
Update templates/buscador_trauma.html
1f3cb6a
raw
history blame
7 kB
<!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%;
}
.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>