Tri4 commited on
Commit
f8d09ac
·
verified ·
1 Parent(s): 8f1e0dc

Update templates/design.html

Browse files
Files changed (1) hide show
  1. templates/design.html +30 -2
templates/design.html CHANGED
@@ -6,7 +6,33 @@
6
  <title>Speech to Text Converter</title>
7
  <!-- Link to CSS -->
8
  <link rel="stylesheet" href="{{ url_for('static', filename='css/design.css') }}">
9
- <!-- Add FontAwesome for microphone icon -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js"></script>
11
  </head>
12
  <body>
@@ -22,7 +48,9 @@
22
  <audio id="audioPlayer" controls></audio>
23
  </div>
24
 
25
- <!-- Script JS -->
26
  <script src="{{ url_for('static', filename='js/design.js') }}"></script>
27
  </body>
28
  </html>
 
 
 
6
  <title>Speech to Text Converter</title>
7
  <!-- Link to CSS -->
8
  <link rel="stylesheet" href="{{ url_for('static', filename='css/design.css') }}">
9
+ </head>
10
+ <body>
11
+ <div class="mic-container">
12
+ <div class="circle">
13
+ <i class="fa fa-microphone"></i>
14
+ </div>
15
+ </div>
16
+ <div id="output" class="output-container">Click to Transcribe</div>
17
+ <div id="audioPlayerContainer" style="display: none;">
18
+ <audio id="audioPlayer" controls></audio>
19
+ </div>
20
+ <!-- Script JS -->
21
+ <script src="{{ url_for('static', filename='js/design.js') }}"></script>
22
+ </body>
23
+ </html>
24
+
25
+
26
+
27
+ <!--<!DOCTYPE html>
28
+ <html lang="en">
29
+ <head>
30
+ <meta charset="UTF-8">
31
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
32
+ <title>Speech to Text Converter</title>
33
+
34
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/design.css') }}">
35
+
36
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js"></script>
37
  </head>
38
  <body>
 
48
  <audio id="audioPlayer" controls></audio>
49
  </div>
50
 
51
+
52
  <script src="{{ url_for('static', filename='js/design.js') }}"></script>
53
  </body>
54
  </html>
55
+
56
+ -->