48 lines
2.5 KiB
HTML
48 lines
2.5 KiB
HTML
{{define "content"}}
|
|
<div class="mx-auto max-w-2xl text-center">
|
|
<h1 class="text-4xl font-extrabold tracking-tight">Lost something?<br><span class="text-amber-600">The tag brings it home.</span></h1>
|
|
<p class="mt-4 text-lg text-stone-600">
|
|
Where Woof tags carry the return details for your dog, baggage, skis — anything you care about.
|
|
A finder scans the QR code or taps the NFC tag and sees exactly how to get it back to you.
|
|
</p>
|
|
|
|
<div class="mt-8 grid gap-4 sm:grid-cols-2">
|
|
<div class="rounded-xl border border-stone-200 bg-white p-6 text-left shadow-sm">
|
|
<div class="text-2xl">🏷️</div>
|
|
<h2 class="mt-2 font-bold">I have a tag</h2>
|
|
<p class="mt-1 text-sm text-stone-600">Claim it and set up the return details for your item.</p>
|
|
<a href="/register" class="mt-4 inline-block rounded bg-stone-900 px-4 py-2 text-sm font-semibold text-white hover:bg-stone-700">Set up my tag</a>
|
|
</div>
|
|
<div class="rounded-xl border border-stone-200 bg-white p-6 text-left shadow-sm">
|
|
<div class="text-2xl">🔍</div>
|
|
<h2 class="mt-2 font-bold">I found something</h2>
|
|
<p class="mt-1 text-sm text-stone-600">Scan the tag you found — the page shows the owner's return details.</p>
|
|
<a href="/what-is-this" class="mt-4 inline-block rounded bg-amber-500 px-4 py-2 text-sm font-semibold text-stone-900 hover:bg-amber-400">What is this?</a>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="mt-10 text-center text-sm text-stone-500">
|
|
<a href="/about" class="hover:underline">About</a> ·
|
|
<a href="/what-is-this" class="hover:underline">What is this?</a> ·
|
|
<a href="/contact" class="hover:underline">Get in touch</a>
|
|
</p>
|
|
|
|
{{if .Data}}
|
|
<div class="mx-auto mt-12 max-w-2xl">
|
|
<h2 class="text-xl font-bold text-left">Recently scanned tags</h2>
|
|
<ul class="mt-3 divide-y divide-stone-200 rounded-xl border border-stone-200 bg-white shadow-sm">
|
|
{{range .Data}}
|
|
<li class="flex items-center justify-between px-4 py-3">
|
|
<a href="/t/{{.TagCode}}" class="flex items-center gap-3 hover:opacity-80">
|
|
<span class="font-mono text-xs text-stone-500">{{.TagCode}}</span>
|
|
<span class="text-sm font-medium text-stone-800">{{if .Description.Valid}}{{.Description.String}}{{else}}{{if .ItemType.Valid}}{{.ItemType.String}}{{else}}Item{{end}}{{end}}</span>
|
|
</a>
|
|
<span class="text-xs text-stone-400">{{.ScannedAt.Time.Local.Format "2 Jan 3:04 pm"}}{{if .LocationShared}} · 📍{{end}}</span>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|