Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <link rel="shortcut icon" type="image/jpg" href=""/> | |
| <meta name="twitter:card" content="player"/> | |
| <meta name="twitter:site" content=""/> | |
| <meta name="twitter:player" content="https://broadfield-dev-ripples.static.hf.space/index.html"/> | |
| <meta name="twitter:player:stream" content="https://broadfield-dev-ripples.static.hf.space/index.html"/> | |
| <meta name="twitter:player:width" content="100%"/> | |
| <meta name="twitter:player:height" content="100%"/> | |
| <meta property="og:title" content="Ripples"/> | |
| <meta property="og:description" content="Interactive Ripples - for X web"/> | |
| <meta property="og:image" content="https://huggingface.co/spaces/broadfield-dev/ripples/resolve/main/ripplrs.png"/> | |
| <style> | |
| body { margin: 0; overflow: hidden; } | |
| canvas { display: block; } | |
| /* Control panel styles */ | |
| #controls { | |
| position: absolute; | |
| top: -250px; /* Hidden above viewport */ | |
| left: 50%; | |
| transform: translateX(-50%); | |
| width: 300px; | |
| background: rgba(0, 0, 0, 0.8); | |
| color: white; | |
| padding: 20px; | |
| border-radius: 0 0 10px 10px; | |
| transition: top 0.3s ease-in-out; | |
| z-index: 10; | |
| } | |
| #controls.open { | |
| top: 0; /* Slide down */ | |
| } | |
| #controls button { | |
| width: 100%; | |
| padding: 10px; | |
| background: #1e90ff; | |
| border: none; | |
| color: white; | |
| cursor: pointer; | |
| border-radius: 5px; | |
| margin-bottom: 10px; | |
| } | |
| #controls button:hover { | |
| background: #4682b4; | |
| } | |
| #controls label { | |
| display: block; | |
| margin: 10px 0 5px; | |
| font-size: 14px; | |
| } | |
| #controls input[type="range"] { | |
| width: 100%; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <iframe src="https://agents-mcp-hackathon-ilearn.hf.space"></iframe> | |
| </body> | |
| </html> |