Hugging Face's logo

Spaces:
awacke1
/
CameraLiveDocker
Sleeping

App Files Community
3
awacke1 commited on
Commit
60d496b
·
verified ·
1 Parent(s): a227ed8

Update public/index.html

Browse files
Files changed (1) hide show
  1. public/index.html +28 -27
public/index.html CHANGED
@@ -1,33 +1,34 @@
1
  <!DOCTYPE html>
2
  <html lang="en">
3
- <head>
4
- <meta charset="utf-8" />
5
- <title>Camera Live LLM Caption Generator Using MoonDream, NodeJS and Docker</title>
6
  <script src="https://cdn.socket.io/4.5.4/socket.io.min.js" integrity="sha384-/KNQL8Nu5gCHLqwqfQjA689Hhoqgi2S84SNUxC3roTe4EhJ9AfLkp8QiQcU8AMzI" crossorigin="anonymous"></script>
7
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
8
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/addons/p5.sound.min.js"></script>
9
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" crossorigin="anonymous">
10
- <link rel="stylesheet" href="style.css">
11
- </head>
12
- <body>
13
- <main id="main-container">
14
- <header id="header">
15
- <h2>Camera Live LLM Caption Generator Using MoonDream, NodeJS and Docker</h2>
16
- <h3>1. Turn on Your Camera - 2. Start Live Vision</h3>
17
- </header>
18
- <section id="app-content">
19
- <aside id="left-section">
20
- <div id="canvas-area"></div>
21
- <div id="control-buttons"></div>
22
- <div id="option-checkboxes"></div>
23
- </aside>
24
- <aside id="right-section">
25
- <div id="instructions"></div>
26
- <div id="loading-indicator"></div>
27
- <div id="vision-text"></div>
28
- </aside>
29
- </section>
30
- </main>
 
 
 
31
  <script src="./sketch.js"></script>
32
- </body>
33
- </html>
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
+ <head>
 
 
4
  <script src="https://cdn.socket.io/4.5.4/socket.io.min.js" integrity="sha384-/KNQL8Nu5gCHLqwqfQjA689Hhoqgi2S84SNUxC3roTe4EhJ9AfLkp8QiQcU8AMzI" crossorigin="anonymous"></script>
5
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
6
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/addons/p5.sound.min.js"></script>
7
+ <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" crossorigin="anonymous">
8
+ <link rel="stylesheet" type="text/css" href="style.css">
9
+ <meta charset="utf-8" />
10
+ </head>
11
+ <body>
12
+ <div id="main-container">
13
+ <div id="title">
14
+ <h2>moondream1 live vision</h2>
15
+ <h3>1. turn on your camera - 2. start live vision</h3>
16
+ </div>
17
+ <div id="appcontent-ctn">
18
+ <div id="left-ctn">
19
+ <div id="canvas-container"></div>
20
+ <div id="buttons-container"></div>
21
+ <div id="checkbox-rear"></div>
22
+ </div>
23
+ <div id="right-ctn">
24
+ <div id="instructions-container"></div>
25
+ <div id="loading-div"></div>
26
+ <div id="vision-text-container"></div>
27
+ </div>
28
+ </div>
29
+
30
+
31
+ </div>
32
  <script src="./sketch.js"></script>
33
+ </body>
34
+ </html>