-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (76 loc) · 4.21 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Neutrino Oscillations</title>
<link rel="stylesheet" href="main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v3.0.1/dist/mini-default.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
<!-- The loading of KaTeX is deferred to speed up page rendering -->
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
<!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"
onload="renderMathInElement(document.body);"></script>
</head>
<body>
<header>
<a href="#" class="logo">Neutrino Oscillation Playground</a>
<a href="https://github.com/vale981/neutrino_oscillations" class="button">Source Code</a>
</header>
<div class="container">
<div class="row">
<div class="col-sm-2">
<div class="row">
<h1>Controls</h1>
<form id="controls">
</form>
</div>
</div>
<div class="col-sm-9">
<div class="row">
<div id="neutrinos" class="card fluid">
<canvas id="neutrinorender"></canvas>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="card fluid" id="pmns"></div>
</div>
<div class="col-sm-8">
<div class="card fluid">
<div class="section"><h2>Tips</h2></div>
<div class="section"><ul>
<li>Hover over the sliders and use your mouse wheel to fine-tune the values.</li>
<li>Report Bugs over at <a href="https://github.com/vale981/neutrino_oscillations">GitHub</a>.<br>
This was hacked together in a few hours, so there might be typos in the formulas :).
</li>
<li>If you don't touch the
controls for more than a
second, the settings will be
saved into the tab-history.
That means you can use the
back and forward buttons in
your browser to recover those
settings. Furthermore the
settings are being saved in
the url. So if you want to
share your current plot with
someone, just send them the
current url.
</li>
<li>You can hide a lepton by clicking on it's name in the legend.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="lib/chart.min.js"></script>
<script src="lib/math.min.js"></script>
<script src="index.js"></script>
<footer>
<p>Made by <a href="https://github.com/vale981">Valentin Boettcher</a></p>
</footer>
</body>
</html>