Hugging Face's logo

Spaces:
JPLTedCas
/
QuirohelpASRServer
Runtime error

App Files Community
JPLTedCas commited on
Commit
08180bf
路
1 Parent(s): df08569

Update templates/escuchar_trauma1.html

Browse files
Files changed (1) hide show
  1. templates/escuchar_trauma1.html +72 -5
templates/escuchar_trauma1.html CHANGED
@@ -3,7 +3,70 @@
3
  <head>
4
  <meta charset="utf-8">
5
  <title> Quirohelp </title>
6
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
 
8
  </head>
9
  <body>
@@ -12,20 +75,24 @@
12
  <h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='http://127.0.0.1:5000/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;"></h3>
13
  <hr />
14
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.7rem;">Asistente de voz:</h2>
15
- <form action="{{url_for('escuchar_trauma1')}}" method="post">
16
- <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='http://127.0.0.1:5000/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>
17
 
18
 
19
 
20
- </form>
21
  <!---------------------------------------------------------------------------------------->
 
 
 
 
22
 
23
  <div id="controls">
24
  <button id="recordButton">Grabar Voz</button>
25
  <!--<button id="pauseButton" disabled>Pause</button>-->
26
  <button id="stopButton" disabled>Parar grabacion y buscar</button>
27
  </div>
28
- <div id="formats">Dele al bot贸n "Grabar Voz". Cuando acabe, dele al bot贸n "Parar grabaci贸n..." y obtendr谩 el resultado de la b煤squeda</div>
29
  <p><strong>Grabaci贸n:</strong></p>
30
  <ol id="recordingsList"></ol>
31
 
 
3
  <head>
4
  <meta charset="utf-8">
5
  <title> Quirohelp </title>
6
+ <style>
7
+ body {
8
+ background-color: #1e1e1e; /* Fondo oscuro */
9
+ color: #fff; /* Texto blanco */
10
+ font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
11
+ margin: 0;
12
+ padding: 0;
13
+ }
14
+
15
+ .login22 {
16
+ background-color: #333; /* Fondo oscuro */
17
+ margin: 10px;
18
+ padding: 20px;
19
+ max-width: 600px; /* Ancho m谩ximo */
20
+ margin: 0 auto; /* Centrar el contenido en la p谩gina */
21
+ }
22
+
23
+ h2, h3 {
24
+ color: #fff; /* Texto blanco */
25
+ }
26
+
27
+ h2 {
28
+ font-size: 3rem;
29
+ background-color: #008b8b; /* Color de fondo */
30
+ display: flex;
31
+ align-items: center;
32
+ }
33
+
34
+ h3 {
35
+ font-size: 1.2rem;
36
+ padding-left: 80%;
37
+ }
38
+
39
+ button {
40
+ font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';
41
+ font-size: 1.2rem;
42
+ background-color: white;
43
+ border: solid white;
44
+ display: flex;
45
+ align-items: center;
46
+ }
47
+
48
+ img {
49
+ max-width: 5%;
50
+ }
51
+
52
+ .controls {
53
+ background-color: #333; /* Fondo oscuro */
54
+ padding: 20px;
55
+ margin: 10px 0;
56
+ }
57
+
58
+ button#recordButton {
59
+ background-color: #008b8b; /* Color de fondo */
60
+ color: #fff; /* Texto blanco */
61
+ }
62
+ button#stopButton {
63
+ background-color: #8b0000; /* Color de fondo */
64
+ color: #fff; /* Texto blanco */
65
+ }
66
+ /* Estilos para el contenido de audio (no proporcionado en el c贸digo) */
67
+
68
+ /* Puedes agregar estilos adicionales para otros elementos seg煤n tus necesidades. */
69
+ </style>
70
 
71
  </head>
72
  <body>
 
75
  <h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='http://127.0.0.1:5000/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;"></h3>
76
  <hr />
77
  <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.7rem;">Asistente de voz:</h2>
78
+ <!--<form action="{{url_for('escuchar_trauma1')}}" method="post">
79
+ <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='http://127.0.0.1:5000/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>
80
 
81
 
82
 
83
+ </form>-->
84
  <!---------------------------------------------------------------------------------------->
85
+ <div class="image-container">
86
+ <img src="{{ user_image5 }}" alt="Descripci贸n de la imagen">
87
+ </div>
88
+ <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>
89
 
90
  <div id="controls">
91
  <button id="recordButton">Grabar Voz</button>
92
  <!--<button id="pauseButton" disabled>Pause</button>-->
93
  <button id="stopButton" disabled>Parar grabacion y buscar</button>
94
  </div>
95
+ <div id="formats"></div>
96
  <p><strong>Grabaci贸n:</strong></p>
97
  <ol id="recordingsList"></ol>
98