Scaffold project structure
This commit is contained in:
74
demo/confirmed.html
Normal file
74
demo/confirmed.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Email confirmed — hamprint</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<style>
|
||||
body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
|
||||
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="min-h-screen bg-slate-50 text-slate-900">
|
||||
|
||||
<div class="bg-slate-900 text-slate-200 text-xs">
|
||||
<div class="mx-auto max-w-6xl px-4 py-2 flex flex-wrap items-center gap-x-3 gap-y-1">
|
||||
<span class="font-semibold text-amber-400">PROTOTYPE</span>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="index.html">Dashboard</a>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="submit.html">Submit (guest)</a>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="submit-signed-in.html">Submit (signed-in)</a>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="login.html">Sign in</a>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="my-prints.html">My prints</a>
|
||||
<span class="text-slate-500">|</span>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="detail-pending.html">Detail: pending</a>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="detail-queued.html">queued</a>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="detail-printing.html">printing</a>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="detail-completed.html">completed</a>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline" href="detail-rejected.html">rejected</a>
|
||||
<a class="hover:text-white underline-offset-2 hover:underline font-semibold text-amber-300" href="confirmed.html">confirmation link</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="border-b border-slate-200 bg-white">
|
||||
<div class="mx-auto max-w-6xl px-4 py-3 flex items-center justify-between">
|
||||
<a href="index.html" class="flex items-center gap-2">
|
||||
<span class="inline-grid place-items-center w-8 h-8 rounded-md bg-amber-500 text-white font-bold">h</span>
|
||||
<span class="font-bold text-lg tracking-tight">hamprint</span>
|
||||
<span class="hidden sm:inline text-xs text-slate-500 ml-1">· hamlab.lt</span>
|
||||
</a>
|
||||
<div class="flex items-center gap-1">
|
||||
<a href="index.html" class="px-3 py-1.5 text-sm rounded-md text-slate-700 hover:bg-slate-100">Dashboard</a>
|
||||
<a href="submit.html" class="px-3 py-1.5 text-sm rounded-md bg-amber-500 text-white hover:bg-amber-600 font-medium">+ Submit a print</a>
|
||||
<a href="login.html" class="px-3 py-1.5 text-sm rounded-md text-slate-700 hover:bg-slate-100">Sign in</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="mx-auto max-w-xl px-4 py-16">
|
||||
<div class="bg-white border border-slate-200 rounded-lg p-8 text-center shadow-sm">
|
||||
<div class="inline-grid place-items-center w-16 h-16 rounded-full bg-emerald-100 mb-4">
|
||||
<svg class="w-9 h-9 text-emerald-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
|
||||
</div>
|
||||
<h1 class="text-2xl font-bold tracking-tight">Email confirmed</h1>
|
||||
<p class="text-slate-600 mt-2">Your submission <a href="detail-queued.html" class="mono text-amber-700 font-medium hover:underline">cheerful_curie</a> is now in the print queue.</p>
|
||||
|
||||
<a href="detail-queued.html" class="inline-block mt-6 px-4 py-2 rounded-md bg-amber-500 text-white hover:bg-amber-600 font-medium">View your submission →</a>
|
||||
|
||||
<p class="text-xs text-slate-500 mt-4">Redirecting in a few seconds…</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 rounded-lg border border-slate-200 bg-white p-4 text-sm text-slate-600">
|
||||
<p class="font-medium text-slate-800 mb-1">Tip</p>
|
||||
<p>Bookmark the submission page — it's the only way to find this print without an account. Or <a href="login.html" class="text-amber-700 hover:underline font-medium">sign in with Google</a> to see all your prints in one place.</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="mt-12 border-t border-slate-200 bg-white">
|
||||
<div class="mx-auto max-w-6xl px-4 py-6 text-sm text-slate-500 text-center">
|
||||
A community service of <a href="https://hamlab.lt" class="font-medium text-slate-700 hover:underline">hamlab.lt</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user