Spaces:
Runtime error
Runtime error
File size: 5,555 Bytes
3de77ce 08180bf c214aa3 08180bf cd11d6c 08180bf cd11d6c 08180bf 3de77ce cd11d6c 0d206f0 3de77ce 08180bf cd11d6c 0d206f0 08180bf 0d206f0 08180bf 0d206f0 6560ac5 0d206f0 08180bf 6560ac5 0d206f0 6560ac5 0d206f0 3de77ce 0d206f0 cd11d6c 0d206f0 cd11d6c 0d206f0 3de77ce |
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 |
<!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;
}
/* 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 */
}
}
h2, h3 {
color: #fff; /* Texto blanco */
}
h2 {
font-size: 3rem;
background-color: #008b8b; /* Color de fondo */
display: flex;
align-items: center;
}
h3 {
font-size: 1.2rem;
padding-left: 80%;
}
button {
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';
font-size: 1.2rem;
background-color: white;
border: solid white;
display: flex;
align-items: center;
}
img {
max-width: 5%;
}
.controls {
background-color: #333; /* Fondo oscuro */
padding: 20px;
margin: 10px 0;
}
button#recordButton {
background-color: #008b8b; /* Color de fondo */
color: #fff; /* Texto blanco */
align-items: center;
}
button#stopButton {
background-color: #8b0000; /* Color de fondo */
color: #fff; /* Texto blanco */
align-items: center;
}
/* Estilos para el contenido de audio (no proporcionado en el c贸digo) */
/* Puedes agregar estilos adicionales para otros elementos seg煤n tus necesidades. */
</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';font-size: 1.7rem;">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='http://127.0.0.1:5000/escuchar_trauma'"></button>
</form>-->
<!---------------------------------------------------------------------------------------->
<div class="image-container">
<img 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="controls">
<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="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/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> |