forked from Imperial-visualizations/Fourier-Series
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Right-Sec2-Sub1-OddEven.html
110 lines (107 loc) · 4.3 KB
/
Right-Sec2-Sub1-OddEven.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--Title-->
<title>Right-Sec2-Sub1-OddEven</title>
<!--css links-->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" rel="stylesheet"
integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
<link href="styles/style.css" rel="stylesheet">
<link href="styles/skeleton.css" rel="stylesheet">
<link href="styles/index_Style.css" rel="stylesheet">
<link href="styles/loadout_Style.css" rel="stylesheet">
<!--Required JS resources-->
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="scripts/debounce_and_throttle.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeric/1.2.6/numeric.min.js"
integrity="sha256-t7CAuaRhODo/cv00lxyONppujwTFFwUWGkrhD/UB1qM=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/6.2.2/math.min.js"
integrity="sha256-D/MkugLuxx4Xx0Kb92cUhpxlCMhUvQ0eOtEL8Ol23jM=" crossorigin="anonymous"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true
},
"HTML-CSS": { fonts: ["TeX"] }
});
</script>
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML"></script>
</head>
<body id="loadout2sub1">
<!-- Graph -->
<div id='graph1Sec2'>
<div class="spinner-border" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<div id='graph2Sec2'>
<div class="spinner-border" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!--Slider-->
<div class="overall-sliders-container">
<div class="partial-sliders-container">
<!--BEGIN Slider N-->
<!--Slider Display N-->
<label class="slider-label">Term Number:
<span id="NControllerSec2Sub2Display" data-unit="">1</span>
</label>
<!--Slider N-->
<label class="slider">
<span class="sliderMin">0</span>
<input id="NControllerSec2Sub2" class="inputs" min="0" type="range" value="1"
max="50"
step="1"/>
<span class="sliderMax">50</span>
</label>
<!--END Slider N-->
</div>
<div class="partial-sliders-container">
<!--BEGIN Slider A-->
<!--Slider Display A-->
<label class="slider-label">Amplitude:<!--Amplitude-->
<span id="AControllerSec2Sub2Display" data-unit="">1</span> <!--default: 1-->
</label>
<!--Slider A-->
<label class="slider">
<span class="sliderMin">-1</span>
<input id="AControllerSec2Sub2" class="inputs" type="range" value="1" min="-1"
max="3"
step="0.1"/>
<span class="sliderMax">3</span>
</label>
<!--END Slider A-->
</div>
<div class="partial-sliders-container">
<!--BEGIN Slider L-->
<!--Slider Display L-->
<label class="slider-label">Period:
<span id="LControllerSec2Sub2Display" data-unit="">1</span>
</label>
<!--Slider L-->
<label class="slider">
<span class="sliderMin">0</span>
<input id="LControllerSec2Sub2" class="inputs" type="range" value="1" min="0"
max="1"
step="0.05"/>
<span class="sliderMax">1</span>
</label>
<!--END Slider L-->
</div>
</div>
</body>
<!--THE BRAINS-->
<script src="scripts/FS-scripts/2Derivation_of_a_Fourier_Series_duo.js"></script>
</html>