mirror of
https://github.com/vale981/neutrino_oscillations
synced 2025-03-04 17:21:39 -05:00
89 lines
4.2 KiB
HTML
89 lines
4.2 KiB
HTML
|
<!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/katex@0.12.0/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/katex@0.12.0/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/katex@0.12.0/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>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div id="neutrinos" class="card fluid">
|
||
|
|
<canvas id="neutrinorender"></canvas>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="card fluid" id="settings">
|
||
|
|
<h3>Current Settings</h3>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-6" id="pmns">
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="sliders_1">
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="sliders_2">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<form id="controls">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-6">
|
||
|
|
<fieldset>
|
||
|
|
<legend>Mixing Angles in \(^\circ\)</legend>
|
||
|
|
<label for="t12">\(\theta_{12}\)</label>
|
||
|
|
<input type="range" step=".1" min="0" max="90" id="t12" />
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<label for="t13">\(\theta_{13}\)</label>
|
||
|
|
<input type="range" step=".1" max="90" id="t13" />
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<label for="t23">\(\theta_{23}\)</label>
|
||
|
|
<input type="range" step=".1" min="0" max="90" id="t23" />
|
||
|
|
</fieldset>
|
||
|
|
|
||
|
|
<fieldset>
|
||
|
|
<legend>Squared Mass Differences \([10^{-4}\text{eV}^{2}]\)</legend>
|
||
|
|
<label for="ms13">\(\Delta m_{13}^2\)</label>
|
||
|
|
<input type="range" step=".1" min="0" max="30" id="ms13" />
|
||
|
|
<br>
|
||
|
|
<label for="ms23">\(\Delta m_{23}^2\)</label>
|
||
|
|
<input type="range" step=".1" min="0" max="30" id="ms23" />
|
||
|
|
</fieldset>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-sm-6">
|
||
|
|
<fieldset>
|
||
|
|
<legend>Observatory Settings</legend>
|
||
|
|
<label for="L_max">\(L_{\text{max}}\) [km]</label>
|
||
|
|
<input type="range" min="0" max="1000" id="L_max" />
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<label for="energy">\(E\) [MeV]</label>
|
||
|
|
<input type="range" step=".1" min="0" max="1000" id="energy" />
|
||
|
|
</fieldset>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="lib/chart.min.js"></script>
|
||
|
|
<script src="lib/math.min.js"></script>
|
||
|
|
<script src="index.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|