69 lines
2.8 KiB
HTML
69 lines
2.8 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>
|
|
.table-striped>tbody>tr:nth-child(odd) {
|
|
background-color: LemonChiffon;
|
|
}
|
|
.center {
|
|
margin: auto;
|
|
width: 60%;
|
|
border: 3px solid #a5addb;
|
|
padding: 10px;
|
|
}
|
|
</style>
|
|
<div class="container text-center">
|
|
<h1>NMR Frequency Calculator</h1>
|
|
|
|
<form action="result">
|
|
<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>
|
|
{# <input type="text" name="isotope1" class="form-control" placeholder="Current isotope">#}
|
|
</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 class="col">
|
|
<button type="submit" name="transform" class="btn btn-primary btn-sm">Search</button>
|
|
</div>
|
|
</div>
|
|
<div class="row row-cols-6">
|
|
<label class="form-label">Frequency range in MHz:</label>
|
|
<div class="col"><input type="number" name="freq_range" class="form-control" step="any" placeholder="Range in MHz"></div>
|
|
<div class="col">
|
|
<button type="submit" name="search" class="btn btn-primary btn-sm ">Search</button>
|
|
</div>
|
|
</div>
|
|
<div class="row row-cols-6">
|
|
<label class="form-label">Gradient in T/m:<br>(assuming ⌀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="calculate" class="btn btn-primary btn-sm">Search</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div>
|
|
{{ ans }}
|
|
</div>
|
|
|