Spaces:
Sleeping
Sleeping
File size: 4,359 Bytes
3257494 1cd0806 a907caa 1cd0806 a907caa 2dd2b42 a907caa 2dd2b42 85b866b a907caa fdf6bb6 2dd2b42 5401dcd 2dd2b42 5401dcd a907caa 7e2deb3 85b866b c6f4013 85b866b c6f4013 85b866b 1cd0806 a907caa 3257494 7e2deb3 e195a35 477f489 8a216d2 7e2deb3 5e0c6ed 7e2deb3 2dd2b42 7e2deb3 805ef52 7e2deb3 dc5184f 7e2deb3 5e0c6ed 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 |
<!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: gray; 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">ADMISIÓN</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: gray;">Asistente de voz:</h2>
<!---------------------------------------------------------------------------------------->
<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="stopButton">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/appadmision.js"></script>
</body>
</html> |