diff options
| author | Elizabeth Hunt <me@liz.coffee> | 2026-01-07 19:29:30 -0800 |
|---|---|---|
| committer | Elizabeth Hunt <me@liz.coffee> | 2026-01-07 19:29:30 -0800 |
| commit | 91b7598b22f89319f64054daf42c950de3eb6451 (patch) | |
| tree | b337ad01c75e7ee88f287eda05522e72dd9a8dd5 /src/toys/fourier/index.html | |
| parent | 49012297ea792a69501b74d8d83bd4be44d177da (diff) | |
| download | lizdotcoffee-91b7598b22f89319f64054daf42c950de3eb6451.tar.gz lizdotcoffee-91b7598b22f89319f64054daf42c950de3eb6451.zip | |
Adding some of my favorite toys
Diffstat (limited to 'src/toys/fourier/index.html')
| -rw-r--r-- | src/toys/fourier/index.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/src/toys/fourier/index.html b/src/toys/fourier/index.html new file mode 100644 index 0000000..ccb8f48 --- /dev/null +++ b/src/toys/fourier/index.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html> + <head> + <title>Simponic's FT Visualizer</title> + <style> + body { + margin: 0; + height: 100vh; + width: 100vw; + padding: 0; + } + + #calculator { + height: 50vh; + width: 100%; + } + + .canvas-holder { + height: 50vh; + width: 100%; + } + + .container { + display: flex; + flex-direction: column; + margin-left: auto; + margin-right: auto; + max-width: 1300px; + min-height: 100%; + padding-left: 2rem; + padding-right: 2rem; + } + </style> + </head> + <body> + <div class="container"> + <div id="calculator"></div> + <div class="canvas-holder"> + <canvas id="canvas"></canvas> + </div> + </div> + + <script src="https://www.desmos.com/api/v1.7/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script> + <script src="js/script.js"></script> + </body> +</html> |