2025-03-24 22:53:35 +01:00

61 lines
1.6 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>
<div class="center">
<table class="table w-auto table-responsive-sm table-striped table-hover table-bordered">
<caption>
Table downloaded from <a href="https://easyspin.org/documentation/isotopetable.html">easyspin.org</a>
(2023-07-29 markusro)
</caption>
<thead class="table-dark">
<tr>
<th scope="col">N</th>
<th scope="col">Symbol</th>
<th scope="col">Name</th>
<th scope="col">f<sub>0</sub> in MHz</th>
<th scope="col">Spin</th>
<th scope="col">Nat. ab. in %</th>
<th scope="col">&gamma; in MHz/T</th>
</tr>
</thead>
<tbody>
{% for attr in ans %}
<tr>
{% for i in attr %}
<td>{{ i }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
<div>
<img src="data:image/png;base64, {{ figure }}" alt="somealt" />
</div>
<a href="{% url 'home' %}">Go Back</a>
</div>
<style>
.center {
margin: auto;
width: 40%;
padding: 10px;
}
caption {
caption-side: bottom;
padding: 8px;
font-weight: normal;
font-size: 0.8rem;
text-align: left;
}
.table-striped {--bs-table-striped-bg: rgba(213, 217, 255, 0.7);}
</style>