Spaces:
Sleeping
Sleeping
File size: 6,622 Bytes
3257494 0271465 e2c2b77 0271465 e2c2b77 0dd670f e2c2b77 0dd670f e2c2b77 0dd670f e2c2b77 0dd670f e2c2b77 0b7c3f6 e2c2b77 0b7c3f6 e2c2b77 0271465 e2c2b77 0271465 3257494 e2c2b77 5e0c6ed e2c2b77 0dd670f e2c2b77 1bc5d5f 0271465 b0dffd8 0271465 5e0c6ed b0dffd8 0271465 0dd670f 0271465 1381ccc 0271465 5e0c6ed 0271465 5e0c6ed 0271465 5e0c6ed b0dffd8 3257494 5e0c6ed 820b8a0 5e0c6ed 3257494 5e0c6ed 3ba497a 5e0c6ed 3ba497a 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 159 160 161 162 163 164 165 |
<!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: 5%;
height: auto;
}
.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 */
}
button#recordButton {
background-color: #008b8b; /* Color de fondo */
color: #fff; /* Texto blanco */
align-items: center;
justify-content: center;
font-size: 18px;
}
button#stopButton {
background-color: #8b0000; /* Color de fondo */
color: #fff; /* Texto blanco */
align-items: center;
justify-content: center;
font-size: 18px;
}
/* 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>
<hr />-->
<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>
<div class="element">
<img class="img2" src="{{ user_image7 }}" alt="Atrás" onclick="retroceder()" style="cursor: pointer;">
</div>
<div class="element">
<p class="text">TRAUMATOLOGÍA</p>
</div>
<div class="element">
<img class="img2" src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'" style="cursor: pointer;">
</div>
</div>
</h2>
</div>
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.7rem;background-color: darkcyan;">Asistente de voz:</h2>
<!--<form action="{{url_for('escuchar_trauma1')}}" method="post">
<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>
</form>-->
<!---------------------------------------------------------------------------------------->
<div class="image-container">
<img class="img1" src="{{ user_image5 }}" alt="Descripción de la imagen">
</div>
<!--<div id="instructions">Dele al botón "Grabar Voz". Cuando acabe, dele al botón "Parar grabación..." y obtendrá el resultado de la búsqueda</div>-->
<div id="instructions">1) Pulse botón "Grabar Voz" para preguntar</div>
<div id="instructions">2) Al terminar, pulse "Parar grabación..." para obtener resultados</div>
<div id="controls2">
<button id="recordButton">Grabar Voz</button>
<!--<button id="pauseButton" disabled>Pause</button>-->
<button id="stopButton" disabled>Parar grabacion y buscar</button>
</div>
<div id="formats"></div>
<p><strong>Grabación:</strong></p>
<ol id="recordingsList"></ol>
<!-- inserting these scripts at the end to be able to use all the elements in the DOM -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/static/js/recorder.js"></script>
<script src="/static/js/app.js"></script>
<!-- Agrega un cuadro de texto para mostrar la respuesta -->
<!--<input type="text" id="responseTextBox" readonly>-->
<!--<div id="textElement">-->
<!-- El texto plano se mostrará aquí -->
<!--</div>-->
<!--<h1>Grabación de Audio</h1>
<br>
<br>
<!--<b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>-->
<br>
<br>
<!---------------------------------------------------------------------------------------->
<!--<b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
<br>
<br>
<img src="{{ user_image8 }}" style="max-width:20%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
<img src="{{ user_image9 }}" style="max-width:20%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
<img src="{{ user_image10 }}" style="max-width:20%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
<br>
<img src="{{ user_image11 }}" style="max-width:20%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
<img src="{{ user_image12 }}" style="max-width:20%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
</div>-->
</body>
</html> |