78 lines
2.9 KiB
HTML

<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<style>
.center {
margin: auto;
width: 60%;
border: 3px solid #90befb;
border: 3px solid #a5addb;
padding: 10px;
}
</style>
<div class="container text-left">
<h1>SFG Position Calculator</h1>
<form action="position">
<div class="row row-cols-6">
<div class="col"><label class="form-label">Source isotope:</label></div>
<div class="col">
<select name="isotope1" class="form-select" size="1">
{% for i in isotopes %}
<option value="{{ i.0 }}">{{ i.1 }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="row row-cols-6">
<div class="col"><label class="form-label">Source frequency in MHz:</label></div>
<div class="col">
<input type="number" name="freq" class="form-control" step="any" value=100
placeholder="Larmor frequency in MHz">
</div>
</div>
<div class="row row-cols-6">
<label class="form-label">Destination isotope:</label>
<div class="col">
<select name="isotope2" class="form-select" size="1">
{% for i in isotopes %}
<option value="{{ i.0 }}">{{ i.1 }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="row row-cols-6">
<label class="form-label">Probe length:</label>
<div class="col">
<input type="number" name="probe_length" class="form-control" step="any"
placeholder="Probe length in mm">
</div>
</div>
<div class="row row-cols-6">
<label class="form-label">Magnet</label>
<div class="col">
<select name="magnet" class="form-select" size="1">
<option value="oxford_profile.dat">Oxford</option>
<option value="oxford_profile.dat">Magnex</option>
</select>
</div>
</div>
<div class="row row-cols-6">
<label class="form-label">Gradient in T/m:<br>(assuming &#x2300;5mm)</label>
<div class="col"><input type="number" name="gradient" class="form-control" step="any"
placeholder="Gradient in T/m"></div>
<div class="col">
<button type="submit" name="gradient_search" class="btn btn-primary btn-sm">Get position</button>
</div>
</div>
</form>
</div>
<div>
{{ ans }}
</div>