diff options
| author | Elizabeth Alexander Hunt <me@liz.coffee> | 2026-07-05 12:42:44 -0700 |
|---|---|---|
| committer | Elizabeth Alexander Hunt <me@liz.coffee> | 2026-07-05 12:42:44 -0700 |
| commit | 94b912b649150b9863a62096ba4740b2cc8ad21a (patch) | |
| tree | 1882236fc980fa5946d3089a2f2e4670f3a70580 /html/toys/fourier/index.html | |
| parent | ab0ddcaeb1fc37351d14b89100e07d3a343ba9e1 (diff) | |
| download | lizdotcoffee-94b912b649150b9863a62096ba4740b2cc8ad21a.tar.gz lizdotcoffee-94b912b649150b9863a62096ba4740b2cc8ad21a.zip | |
Factor
Diffstat (limited to 'html/toys/fourier/index.html')
| -rw-r--r-- | html/toys/fourier/index.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/html/toys/fourier/index.html b/html/toys/fourier/index.html new file mode 100644 index 0000000..ccb8f48 --- /dev/null +++ b/html/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> |