diff options
| author | Logan Hunt <loganhunt@simponic.xyz> | 2022-03-17 10:32:22 -0600 |
|---|---|---|
| committer | Logan Hunt <loganhunt@simponic.xyz> | 2022-03-17 10:32:22 -0600 |
| commit | 230f98aa491be2d30e0162022ae7380948df4bbf (patch) | |
| tree | a872401720a813522bffa1985340c5e01686fef4 /dvd-logo/index.html | |
| parent | 59ceec2b60d236767d6917dd726ce2205d7544e6 (diff) | |
| download | simponic.xyz-230f98aa491be2d30e0162022ae7380948df4bbf.tar.gz simponic.xyz-230f98aa491be2d30e0162022ae7380948df4bbf.zip | |
Updates with dvd logo animation; add cool predictions; update index page with description
Diffstat (limited to 'dvd-logo/index.html')
| -rw-r--r-- | dvd-logo/index.html | 32 |
1 files changed, 27 insertions, 5 deletions
diff --git a/dvd-logo/index.html b/dvd-logo/index.html index fc07484..d10f527 100644 --- a/dvd-logo/index.html +++ b/dvd-logo/index.html @@ -6,20 +6,42 @@ <style> body { margin: 0; - background: black; - height: 100%; - width: 100%; + background-color: black; + } + #container { + margin: 0; + width: 100vw; + height: 100vh; } #dvd-logo { width: 200px; position: absolute; - left: -200px; /* So that logo doesn't flash at top left corner when document loads */ + left: -200px; top: -200px; } + .controls { + padding: 12px; + position: fixed; + bottom: 0; + right: 0; + background-color: rgba(255,255,255,0.5); + border: 1px solid white; + border-radius: 8px; + margin-right: 6px; + margin-bottom: 6px; + } </style> </head> <body> - <img id="dvd-logo" src="images/dvd-logo.png"> + <div id="container"> + <img id="dvd-logo" src="images/dvd-logo.png"> + + <div class="controls"> + <span id="iteration-count"></span> + <br> + <input type="range" min="0" max="500" id="iteration-slider"> + </div> + </div> <script src="js/script.js"></script> </body> </html> |