Hugging Face's logo

Spaces:
broadfield-dev
/
huggingface-app
Running

App Files Community
broadfield-dev commited on
Commit
0ba5747
·
verified ·
1 Parent(s): 1968051

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +67 -18
index.html CHANGED
@@ -1,19 +1,68 @@
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" />
6
+ <link rel="shortcut icon" type="image/jpg" href=""/>
7
+ <meta name="twitter:card" content="player"/>
8
+ <meta name="twitter:site" content=""/>
9
+ <meta name="twitter:player" content="https://broadfield-dev-ripples.static.hf.space/index.html"/>
10
+ <meta name="twitter:player:stream" content="https://broadfield-dev-ripples.static.hf.space/index.html"/>
11
+ <meta name="twitter:player:width" content="100%"/>
12
+ <meta name="twitter:player:height" content="100%"/>
13
+ <meta property="og:title" content="Ripples"/>
14
+ <meta property="og:description" content="Interactive Ripples - for X web"/>
15
+ <meta property="og:image" content="https://huggingface.co/spaces/broadfield-dev/ripples/resolve/main/ripplrs.png"/>
16
+ <style>
17
+ body { margin: 0; overflow: hidden; }
18
+ canvas { display: block; }
19
+
20
+ /* Control panel styles */
21
+ #controls {
22
+ position: absolute;
23
+ top: -250px; /* Hidden above viewport */
24
+ left: 50%;
25
+ transform: translateX(-50%);
26
+ width: 300px;
27
+ background: rgba(0, 0, 0, 0.8);
28
+ color: white;
29
+ padding: 20px;
30
+ border-radius: 0 0 10px 10px;
31
+ transition: top 0.3s ease-in-out;
32
+ z-index: 10;
33
+ }
34
+
35
+ #controls.open {
36
+ top: 0; /* Slide down */
37
+ }
38
+
39
+ #controls button {
40
+ width: 100%;
41
+ padding: 10px;
42
+ background: #1e90ff;
43
+ border: none;
44
+ color: white;
45
+ cursor: pointer;
46
+ border-radius: 5px;
47
+ margin-bottom: 10px;
48
+ }
49
+
50
+ #controls button:hover {
51
+ background: #4682b4;
52
+ }
53
+
54
+ #controls label {
55
+ display: block;
56
+ margin: 10px 0 5px;
57
+ font-size: 14px;
58
+ }
59
+
60
+ #controls input[type="range"] {
61
+ width: 100%;
62
+ }
63
+ </style>
64
+ </head>
65
+ <body>
66
+ <iframe src="https://huggingface.co/spaces"></iframe>
67
+ </body>
68
+ </html>