diff options
| author | Yaroslav <contact@yaroslavps.com> | 2019-01-31 15:41:02 +0300 |
|---|---|---|
| committer | Yaroslav <contact@yaroslavps.com> | 2019-01-31 15:41:02 +0300 |
| commit | 0623f7b1d94be0513778ae70e7c574a67f743c17 (patch) | |
| tree | 81709db2370cd6905b9731218407f5b2750e3c2b /dvd/index.html | |
| parent | 2da5cc0a05ad6f634cf23565d6adee6edc67af6e (diff) | |
| download | canvas-antics-0623f7b1d94be0513778ae70e7c574a67f743c17.tar.gz canvas-antics-0623f7b1d94be0513778ae70e7c574a67f743c17.zip | |
dvd readme, change ever demo html to index.html
Diffstat (limited to 'dvd/index.html')
| -rw-r--r-- | dvd/index.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/dvd/index.html b/dvd/index.html new file mode 100644 index 0000000..cdd9dc1 --- /dev/null +++ b/dvd/index.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf8"> + <title>DVD Screensaver demo</title> + <script src="dvd.js"></script> +<style> +body, +html{ + margin: 0; + padding: 0; + background-color: #000; + min-height: 100vh; + min-width: 100%; +} + +*{ + box-sizing: border-box; +} + +.canvas-container{ + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + margin: 0; + padding: 0; + overflow: hidden; +} + +#dvd{ + position: absolute; + margin: 0; + padding: 0; + bottom: 0; +} +</style> + <script> + window.addEventListener("load", function(){ + playDVD({"speed": 210}); + }); + </script> + </head> + <body> + <div class="canvas-container"> + <canvas id="dvd"></canvas> + </div> + </body> +</html> |