Hugging Face's logo

Spaces:
broadfield-dev
/
huggingface-app
Running

App Files Community
broadfield-dev commited on
Commit
d2f9d4c
·
verified ·
1 Parent(s): 4252933

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +4 -46
index.html CHANGED
@@ -14,52 +14,10 @@
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>
 
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
+ iframe {
18
+ width: 100%;
19
+ height: 600px;
20
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21
  </style>
22
  </head>
23
  <body>