Spaces:
Running
Running
File size: 2,171 Bytes
0ba5747 1968051 0ba5747 4252933 0ba5747 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
<!DOCTYPE html>
<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> |