nidus-sync/html/template/sync/review/root.html

72 lines
1.6 KiB
HTML

{{ template "sync/layout/authenticated.html" . }}
{{ define "title" }}Planning{{ end }}
{{ define "extraheader" }}
<script
type="text/javascript"
src="//unpkg.com/maplibre-gl@5.0.1/dist/maplibre-gl.js"
></script>
<script src="/static/js/map-aggregate.js"></script>
<script>
function onLoad() {}
window.addEventListener("load", onLoad);
</script>
<style>
.card-link .card-img-top {
height: 200px;
object-fit: cover;
object-position: center;
}
.card-link .card {
height: 100%;
}
.card-link {
text-decoration: none;
color: inherit;
display: block;
height: 100%;
}
</style>
{{ end }}
{{ define "content" }}
<div class="row">
<div class="col-md-4">
<a class="card-link" href="/review/pool">
<div class="card" style="width: 100%">
<img
alt="overhead pool"
class="card-img-top"
src="/static/img/pool-overhead.jpg"
/>
<div class="card-body">
<h1>Imported Pools</h1>
<p>
Pools that have been imported with their aerial imagery appear
here waiting for human review before being added to the system
</p>
</div>
</div>
</a>
</div>
<div class="col-md-4">
<a class="card-link" href="/review/site">
<div class="card" style="width: 100%">
<img
alt="pool"
class="card-img-top"
src="/static/img/insecticide-application.jpg"
/>
<div class="card-body">
<h1>Sites</h1>
<p>
Areas that we're tracking for potentially becoming breeding
locations.
</p>
</div>
</div>
</a>
</div>
</div>
{{ end }}