Hugging Face's logo

Spaces:
LabSoft
/
LabSoft-AI-Voice-Assistent
Running

App Files Community
LukaVidakovic commited on
Commit
19c91ac
•
1 Parent(s): 4600811

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +45 -17
index.html CHANGED
@@ -1,19 +1,47 @@
1
  <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
  <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <title>Audio Transcription</title>
6
+ <link rel="stylesheet" href="style.css" />
7
+ </head>
8
+ <body>
9
+ <a href="https://www.labsoft.ai" target="_blank" id="logo-link">
10
+ <img src="Logo.png" alt="Logo" id="logo-img" />
11
+ </a>
12
+ <div id="thought-bubble">
13
+ <div class="cloud-puff" style="--i: 0"></div>
14
+ <div class="cloud-puff" style="--i: 1"></div>
15
+ <div class="cloud-puff" style="--i: 2"></div>
16
+ <div class="cloud-puff" style="--i: 3"></div>
17
+ <div class="cloud-puff" style="--i: 4"></div>
18
+ <div class="cloud-puff" style="--i: 5"></div>
19
+ </div>
20
+
21
+ <div class="content">
22
+ <div class="button-container centered">
23
+ <input type="checkbox" id="micButton" class="mic-checkbox" />
24
+ <label for="micButton" class="mic-button">
25
+ <div class="mic">
26
+ <div class="mic-button-loader"></div>
27
+ <div class="mic-base"></div>
28
+ </div>
29
+ <div class="button-message">
30
+ <span> PRESS TO TALK </span>
31
+ </div>
32
+ </label>
33
+ </div>
34
+ </div>
35
+
36
+ <div class="blob-container centered">
37
+ <div class="blob"></div>
38
+ <div class="blob"></div>
39
+ <div class="blob"></div>
40
+ <div class="blob"></div>
41
+ </div>
42
+
43
+ <audio id="audioResponse" style="display: none" controls></audio>
44
+
45
+ <script src="script.js"></script>
46
+ </body>
47
  </html>