Skip to content

Commit 30907d2

Browse files
chanrtchanrt
committed
Removed jittery numbers
1 parent e645393 commit 30907d2

File tree

13 files changed

+35
-30
lines changed

13 files changed

+35
-30
lines changed

‎collective_behaviour/simulation.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -80,8 +80,8 @@ <h2>Collective Behaviour</h2>
8080
</div>
8181
<div class="col s12 l5">
8282
<center>
83-
<p id="polar-display"></p>
84-
<p id="ang-display">Group angular momentum: </p>
83+
<span class="jittery" id="polar-display"></span> <br>
84+
<span class="jittery" id="ang-display">Group angular momentum: </span>
8585
<hr>
8686
<p id="num-display"></p>
8787
<button class="btn purple darken-4" onclick="addBoids()">Add</button>

‎firefly_synchronization/simulation.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ <h3>Simulation</h3>
8585
<button class="btn purple darken-4" onclick="removeFireflies(5)">Remove</button>
8686
<button class="btn purple darken-4" onclick="clearFireflies()">Clear</button>
8787
<hr>
88-
<p id="sd-display"></p>
88+
<p class="jittery" id="sd-display"></p>
8989
<hr>
9090
<span id="strength-display"></span>
9191
<input id="strength-input" type="range" min="0" max="1" step="0.01" oninput="updateParams('strength')"

‎ising_model/simulation.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -76,8 +76,8 @@ <h3>Simulation</h3>
7676
<button id="pause-button" class="btn purple darken-4" onclick="pauseToggle()">Pause</button>
7777
<button class="btn purple darken-4" onclick="initParams()">Restart</button>
7878
<hr>
79-
<span id="spin-display"></span> <br>
80-
<span id="energy-display"></span>
79+
<span class="jittery" id="spin-display"></span> <br>
80+
<span class="jittery" id="energy-display"></span>
8181
<hr>
8282
<span id="size-display"></span> <br>
8383
<span>(changing grid size automatically restarts the simulation)</span>

‎lotka_volterra/simulation.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -70,9 +70,9 @@ <h2>Lotka Volterra Model</h2>
7070
<button id="pause-button" class="btn purple darken-4" onclick="pauseToggle()">Pause</button>
7171
<button class="btn purple darken-4" onclick="initParams()">Restart</button>
7272
<br> <br>
73-
<span id="prey-num"></span>
73+
<span class="jittery" id="prey-num"></span>
7474
<br>
75-
<span id="pred-num"></span>
75+
<span class="jittery" id="pred-num"></span>
7676
<br> <br>
7777
<b>Restart the simulation if either predator or prey go extinct</b>
7878
</center>

‎monte_carlo/simulation.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -71,9 +71,9 @@ <h2>Monte Carlo Simulation</h2>
7171
</div>
7272
<div class="col s12 l4 push-l4">
7373
<center>
74-
<p id="num-points"></p>
75-
<p id="num-inside"></p>
76-
<p id="pi-estimate"></p>
74+
<p class="jittery" id="num-points"></p>
75+
<p class="jittery" id="num-inside"></p>
76+
<p class="jittery" id="pi-estimate"></p>
7777
<br>
7878
<hr>
7979
<br>

‎nuclear_fusion/simulation.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -56,10 +56,10 @@ <h2>Nuclear Fusion</h2>
5656
<div class="container" style="width: 100%">
5757
<div class="row">
5858
<div class="col s12 l6">
59-
<p id="temp-display"></p>
59+
<p class="jittery" id="temp-display"></p>
6060
</div>
6161
<div class="col s12 l6">
62-
<p id="z-display"></p>
62+
<p class="jittery" id="z-display"></p>
6363
</div>
6464
</div>
6565
</div>

‎projectile_motion/simulation.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -65,8 +65,8 @@ <h2>Projectile Motion</h2>
6565
</div>
6666
<div class="col s12 l4">
6767
<center>
68-
<p id="display-params"></p>
69-
<p id="display-stats"></p>
68+
<p class="jittery" id="display-params"></p>
69+
<p class="jittery" id="display-stats"></p>
7070
<span id="angle-display"></span>
7171
<input type="range" min="0" max="90" value="30" id="angle-slider"
7272
oninput="update_params('angle-slide')" onchange="update_params('angle-slide')">

‎schelling_model/simulation.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ <h3>Simulation</h3>
8181
</b>
8282
</div>
8383
<hr>
84-
<p id="unhappy-display"></p>
84+
<p class="jittery" id="unhappy-display"></p>
8585
<button class="btn purple darken-4" id="pause-button" onclick="pauseToggle()">Pause</button>
8686
<button class="btn purple darken-4" id="restart-button" onclick="initParams()">Restart</button>
8787
<hr>

‎sorting_algos/simulation.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@ <h3>Visualization</h3>
8888
<div class="col s12 l4">
8989
<center>
9090
<b>Metrics:</b>
91-
<p id="params-display"></p>
91+
<p class="jittery" id="params-display"></p>
9292
<br> <br>
9393
<b>Choose a sorting algorithm:</b>
9494
<div class="input-field col s12 black">

‎spring_motion/simulation.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -96,10 +96,10 @@ <h2>Spring Motion</h2>
9696
</div>
9797
<div class="row">
9898
<div class="col s12 l6">
99-
<p id="scale-display"></p>
100-
<p id="position-display"></p>
101-
<p id="velocity-display"></p>
102-
<p id="acceleration-display"></p>
99+
<span class="jittery" id="scale-display"></span> <br>
100+
<span class="jittery" id="position-display"></span> <br>
101+
<span class="jittery" id="velocity-display"></span> <br>
102+
<span class="jittery" id="acceleration-display"></span>
103103
</div>
104104
<div class="col s12 l6">
105105
<b>If you wish to repeat a simulation with the previous parameters, then press 'restart'</b>

‎style.css

+5
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,11 @@ nav div ul li {
8282
text-align: center;
8383
}
8484

85+
.jittery {
86+
font-family: monospace;
87+
font-size: larger;
88+
}
89+
8590
.filter-type {
8691
color: white;
8792
font-size: larger;

‎trig_functions/simulation.html

+9-9
Original file line numberDiff line numberDiff line change
@@ -91,9 +91,9 @@ <h3>The Age-old Brothers:<br>Sine and Cosine</h3>
9191
<canvas id="sine-cosine"></canvas>
9292
</div>
9393
<div class="col s12 l4">
94-
<p id="angle-1"></p>
95-
<p id="sin"></p>
96-
<p id="cos"></p>
94+
<p class="jittery" id="angle-1"></p>
95+
<p class="jittery" id="sin"></p>
96+
<p class="jittery" id="cos"></p>
9797

9898
<p><b>Adjust angle using the following slider:</b></p>
9999
<input type="range" min="0" max="360" value="30" id="slider-1" oninput="update_1('slide')"
@@ -189,9 +189,9 @@ <h3>The Circle Grazers:<br>Tangent and Cotangent</h3>
189189
<canvas id="tan-cot"></canvas>
190190
</div>
191191
<div class="col s12 l4">
192-
<p id="angle-2"></p>
193-
<p id="tan"></p>
194-
<p id="cot"></p>
192+
<p class="jittery" id="angle-2"></p>
193+
<p class="jittery" id="tan"></p>
194+
<p class="jittery" id="cot"></p>
195195
<p><b>Adjust angle using the following slider:</b></p>
196196
<input type="range" min="0" max="360" value="30" id="slider-2" oninput="update_2('slide')"
197197
onchange="update_2('slide')" class="slider">
@@ -240,9 +240,9 @@ <h3>The Inner Perpetrators:<br>Secant and Cosecant</h3>
240240
<canvas id="sec-cosec"></canvas>
241241
</div>
242242
<div class="col s12 l4">
243-
<p id="angle-3"></p>
244-
<p id="sec"></p>
245-
<p id="cosec"></p>
243+
<p class="jittery" id="angle-3"></p>
244+
<p class="jittery" id="sec"></p>
245+
<p class="jittery" id="cosec"></p>
246246
<p><b>Adjust angle using the following slider:</b></p>
247247
<div class="slidecontainer">
248248
<input type="range" min="0" max="360" value="30" id="slider-3" oninput="update_3('slide')"

‎vicsek_model/simulation.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ <h2>Vicsek Model</h2>
6767
</div>
6868
<div class="col s12 l4">
6969
<center>
70-
<p id="p-display"></p>
70+
<p class="jittery" id="p-display"></p>
7171
<hr>
7272
<p id="num-display"></p>
7373
<button class="btn purple darken-4" onclick="makeBoids(10)">Add</button>

0 commit comments

Comments
 (0)