Files
hamprint/demo/detail-rejected.html

129 lines
7.6 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>stoic_turing · rejected — 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 font-semibold text-amber-300" href="detail-rejected.html">rejected</a>
<a class="hover:text-white underline-offset-2 hover:underline" 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-4xl px-4 py-8">
<!-- Status banner -->
<div class="rounded-lg border border-red-200 bg-red-50 p-5 mb-6 flex items-start gap-4">
<svg class="w-8 h-8 text-red-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd" /></svg>
<div class="flex-1">
<h2 class="font-semibold text-red-900">Submission rejected</h2>
<p class="text-sm text-red-900/80 mt-1">An operator declined to print this. See the reason below.</p>
</div>
</div>
<header class="mb-6">
<div class="flex items-center gap-3 mb-2">
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full bg-red-100 text-red-800 text-xs font-medium">Rejected</span>
<span class="text-xs text-slate-500">3 days ago</span>
</div>
<h1 class="mono text-3xl font-bold tracking-tight text-amber-700">stoic_turing</h1>
</header>
<div class="grid lg:grid-cols-3 gap-6">
<section class="lg:col-span-2 space-y-4">
<div class="bg-white border border-slate-200 rounded-lg p-5">
<h3 class="font-semibold text-sm uppercase tracking-wide text-slate-500 mb-3">Reason from the operator</h3>
<p class="text-slate-800 text-sm whitespace-pre-line">Model is 340 × 280 mm &mdash; doesn't fit on our build plate (235 × 235 mm max). Also the part requires PETG/ABS for structural use, which we don't stock right now. Feel free to resubmit a scaled or split version.</p>
</div>
<div class="bg-white border border-slate-200 rounded-lg p-5">
<h3 class="font-semibold text-sm uppercase tracking-wide text-slate-500 mb-3">Source</h3>
<div class="flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-200">
<svg class="w-8 h-8 text-slate-400" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg>
<div class="flex-1 min-w-0">
<p class="font-medium text-sm truncate">drone_frame_v2.stl</p>
<p class="text-xs text-slate-500">3.4 MB · raw .stl upload</p>
</div>
</div>
</div>
<div class="rounded-lg border border-amber-200 bg-amber-50 p-4 text-sm text-amber-900">
<p class="font-medium mb-1">Want to try again?</p>
<p>Adjust the model based on the operator's feedback and <a href="submit.html" class="underline font-medium">submit a new print</a>.</p>
</div>
</section>
<aside class="space-y-4">
<div class="bg-white border border-slate-200 rounded-lg p-5">
<h3 class="font-semibold text-sm uppercase tracking-wide text-slate-500 mb-3">Timeline</h3>
<ol class="space-y-3 text-sm">
<li class="flex gap-3">
<span class="w-2 h-2 rounded-full bg-emerald-500 mt-1.5 flex-shrink-0"></span>
<div><p class="font-medium">Submitted</p><p class="text-xs text-slate-500">3 d ago</p></div>
</li>
<li class="flex gap-3">
<span class="w-2 h-2 rounded-full bg-emerald-500 mt-1.5 flex-shrink-0"></span>
<div><p class="font-medium">Confirmed</p><p class="text-xs text-slate-500">3 d ago</p></div>
</li>
<li class="flex gap-3">
<span class="w-2 h-2 rounded-full bg-red-500 mt-1.5 flex-shrink-0 ring-4 ring-red-100"></span>
<div><p class="font-medium">Rejected</p><p class="text-xs text-slate-500">3 d ago, by <span class="font-medium">@aurimas</span></p></div>
</li>
</ol>
</div>
<div class="bg-white border border-slate-200 rounded-lg p-5 text-sm">
<h3 class="font-semibold text-sm uppercase tracking-wide text-slate-500 mb-3">Details</h3>
<dl class="space-y-2">
<div class="flex justify-between"><dt class="text-slate-500">Source</dt><dd>.stl upload</dd></div>
<div class="flex justify-between"><dt class="text-slate-500">Submitter</dt><dd>linutas@gmail.com</dd></div>
<div class="flex justify-between"><dt class="text-slate-500">Created</dt><dd>3 d ago</dd></div>
</dl>
</div>
</aside>
</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>