diff options
| author | Simponic <loganhunt@simponic.xyz> | 2022-12-20 23:20:41 -0700 |
|---|---|---|
| committer | Simponic <loganhunt@simponic.xyz> | 2022-12-20 23:29:45 -0700 |
| commit | bc02eec44d5eeddceb6922973e7309bf9948da81 (patch) | |
| tree | 251f718ce961235296e9d4c8cbe2991466c9cca1 /ft-visualizer/index.html | |
| parent | 0008269b8d55c9df265037b0a3d05f0dc756b532 (diff) | |
| download | simponic.xyz-bc02eec44d5eeddceb6922973e7309bf9948da81.tar.gz simponic.xyz-bc02eec44d5eeddceb6922973e7309bf9948da81.zip | |
Add fourier visualizer
Diffstat (limited to 'ft-visualizer/index.html')
| -rw-r--r-- | ft-visualizer/index.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/ft-visualizer/index.html b/ft-visualizer/index.html new file mode 100644 index 0000000..ee593a4 --- /dev/null +++ b/ft-visualizer/index.html @@ -0,0 +1,44 @@ +<!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%; + } + </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> |