1<!DOCTYPE html>
2<html lang="en">
3<!--
4 ___ _____ _
5 / _ \ _ _|_ _|_ _| | _____
6 | | | | '_ \| |/ _` | |/ / _ \
7 | |_| | | | | | (_| | < __/
8 \___/|_| |_|_|\__,_|_|\_\___|
9
10 Copyright 2021 Louis Dalibard
11 -->
12
13<head>
14 <!-- Stylesheet-->
15 <link rel="stylesheet" type="text/css" href="style.css">
16 <!-- Title Element-->
17 <title>OnTake's Website</title>
18 <!-- Icon-->
19 <link rel="icon" type="image/webp" href="assets/icons/icon.webp">
20 </link>
21 <!-- Main Script Handling All Effects-->
22 <!-- Script for all pages-->
23 <!-- Metadata-->
24 <meta property="og:type" content="website">
25 <meta property="og:url" content="https://ontake.dev/">
26 <meta property="og:title" content="Fourier Series">
27 <!-- JQuery -->
28 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
29 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/10.6.1/math.js" type="text/javascript"></script>
30</head>
31
32<body>
33 <div id="container">
34 <canvas width="900" height="400"></canvas>
35 <div id="drawing-visiblity-checkbox-container">Initial drawing<input id="drawing-visiblity-checkbox" type="checkbox" checked="checked"></div>
36 <div id="vector-visiblity-checkbox-container">Vectors<input id="vector-visiblity-checkbox" type="checkbox" checked="checked"></div>
37 <div id="circle-visiblity-checkbox-container">Circles<input id="circle-visiblity-checkbox" type="checkbox" checked="checked"></div>
38 <input type="range" min="1" max="100" value="40" class="slider" id="historical-point-count-slider">
39 <input type="range" min="1" max="100" value="10" class="slider" id="timestep-slider">
40 <input type="range" min="0" max="100" value="3" class="slider" id="vector-count-slider">
41 <div id="info-display"></div>
42 <div id="home-link"><a id="home-link-a" href="https://ontake.dev/"><img id="home-icon" src="assets/icons/home.webp"></img></a></div>
43 </div>
44
45 <script src="main.js"></script>
46</body>
47
48</html>