elliesleightholm commited on
Commit
dd99ad5
1 Parent(s): 889abef

adding assets for marqo-fashionsiglip

Browse files
assets/index-BdZyeFYU.css ADDED
@@ -0,0 +1 @@
 
 
1
+ *{box-sizing:border-box;padding:0;margin:0;font-family:sans-serif}html,body{height:100%}body{padding:16px 32px}body,#container{display:flex;flex-direction:column;justify-content:center;align-items:center}#controls{display:flex;padding:1rem;gap:1rem}#controls>div{text-align:center}h1,h3{text-align:center}h3{margin-top:.5rem}#container{position:relative;width:720px;height:405px;max-width:100%;max-height:100%;border:2px dashed #d1d5db;border-radius:.75rem;overflow:hidden;margin-top:1rem;background-size:100% 100%;background-position:center;background-repeat:no-repeat}#status{min-height:16px;margin:8px 0}video{width:100%;height:100%}input[type=text]{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;margin-top:2px}input[type=range]{margin-top:6px}#overlay{position:absolute;top:0;left:0;background-color:#ffffffe6;font-size:1.25rem;border-radius:2px}#overlay:not(:empty){padding:.5rem}
assets/index-BfyufSpN.js ADDED
The diff for this file is too large to render. See raw diff
 
index.html CHANGED
@@ -1,19 +1,37 @@
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
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Transformers.js | real-time Marqo-FashionSigLIP</title>
7
+ <script type="module" crossorigin src="/assets/index-Dm59BktO.js"></script>
8
+ <link rel="stylesheet" crossorigin href="/assets/index-BdZyeFYU.css">
9
+ </head>
10
+
11
+ <body>
12
+ <h1>Real-time zero-shot image classification (WebGPU)</h1>
13
+ <h3>
14
+ Runs
15
+ <a href="https://huggingface.co/Marqo/marqo-fashionSigLIP" target="_blank"
16
+ >Marqo-FashionSigLIP</a
17
+ >
18
+ locally in your browser w/
19
+ <a href="https://github.com/xenova/transformers.js" target="_blank"
20
+ >🤗 Transformers.js</a
21
+ >
22
+ </h3>
23
+ <div id="container">
24
+ <video id="video" autoplay muted playsinline></video>
25
+ <div id="overlay"></div>
26
+ </div>
27
+ <div id="controls">
28
+ <div title="Labels used to perform zero-shot image classification">
29
+ <label>Labels (comma-separated)</label>
30
+ <br />
31
+ <input id="labels" type="text" disabled />
32
+ </div>
33
+ </div>
34
+ <label id="status"></label>
35
+
36
+ </body>
37
  </html>