Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add link card for sites

Browse source
This commit is contained in:
Eli Ribble 2026-03-11 23:13:33 +00:00
parent e09c412139
commit 7231bf0aad
No known key found for this signature in database
2 changed files with 55 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
html/static/img/insecticide-application.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 54 KiB

70
html/template/sync/review/root.html
View file

@ -11,22 +11,62 @@
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" }}
<a class="card-link" href="/review/pool">
<div class="card" style="width: 24rem;">
<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 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>
</a>
<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 }}