0ac0009c50
- 8 html files (main-view, detail, pastebin-panel, etc) now committed in canonical @prospector - These are the visual contract; referenced from READMEs and future app impl - Cleans git status after package migration commit - (Note: duplication with @quinn-prospector/designs until app relocation in indep wave) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
73 lines
4 KiB
HTML
73 lines
4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Quinn Prospector • Pastebin</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
<style>
|
|
:root {
|
|
--app-font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, system-ui, sans-serif;
|
|
}
|
|
body {
|
|
font-family: var(--app-font);
|
|
font-feature-settings: "kern" "liga" "tnum";
|
|
}
|
|
.mac-window {
|
|
box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.6), 0 10px 10px -5px rgb(0 0 0 / 0.4);
|
|
border: 1px solid #3f3f46;
|
|
}
|
|
.text-primary { color: #f1f5f9; }
|
|
.text-secondary { color: #cbd5e1; }
|
|
.text-muted { color: #94a3b8; }
|
|
</style>
|
|
</head>
|
|
<body class="bg-[#0a0a0c] flex items-center justify-center min-h-screen p-8 text-[#e2e8f0]">
|
|
<div class="mac-window w-[820px] bg-[#1c1c1f] border border-[#3f3f46] rounded-2xl overflow-hidden shadow-2xl" style="box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);">
|
|
<div class="h-9 bg-[#27272a] border-b border-[#3f3f46] px-3 flex items-center text-xs font-medium text-primary">
|
|
🌹 Pastebin Editor — macsync + Apple Notes
|
|
</div>
|
|
|
|
<div class="p-5">
|
|
<div class="mb-4 flex items-center justify-between">
|
|
<div>
|
|
<span class="font-semibold">The 🌹 Note (Live)</span>
|
|
<span class="ml-3 text-xs px-2 py-0.5 bg-orange-900 text-orange-400 rounded">Last synced via macsync: 4m ago</span>
|
|
</div>
|
|
<button onclick="syncNow()" class="text-xs px-3 py-1.5 rounded-lg bg-orange-600 hover:bg-orange-500 flex items-center gap-x-2">
|
|
<i class="fa-solid fa-sync"></i>
|
|
<span>Sync from macsync (iNotes)</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="bg-zinc-900 border border-zinc-700 rounded-xl p-4 space-y-3 text-sm">
|
|
<div class="flex gap-x-3">
|
|
<div class="w-12 font-mono text-emerald-400 text-right">incall-only</div>
|
|
<div class="flex-1">Williamsburg • $1000/hr • pink hair • tsquinn.com (cold) / onlyfans.com/transquinnftw • don't repeat known rate</div>
|
|
</div>
|
|
<div class="flex gap-x-3">
|
|
<div class="w-12 font-mono text-emerald-400 text-right">①</div>
|
|
<div class="flex-1">Hey, rates? (opener)</div>
|
|
</div>
|
|
<div class="flex gap-x-3">
|
|
<div class="w-12 font-mono text-emerald-400 text-right">⓯</div>
|
|
<div class="flex-1">Bargain-hunter version + hold the price</div>
|
|
</div>
|
|
<!-- more rows would be here -->
|
|
</div>
|
|
|
|
<div class="mt-3 text-xs text-zinc-400">These templates are pulled by the prospector runner (via macsync notes-sync) and used for all drafts. The OSX app allows local edit + push for immediate use (see executor docs for exact format and sharing flow).</div>
|
|
</div>
|
|
|
|
<div class="bg-[#18181b] px-4 py-3 border-t border-[#3f3f46] flex items-center text-xs">
|
|
<div class="flex-1 text-muted">Editing here updates the local cache. macsync will push changes to the platform for the prospector feature.</div>
|
|
<button onclick="applyToDrafts()" class="px-4 py-1 bg-emerald-600 hover:bg-emerald-500 rounded text-white text-xs">Apply selected to open drafts</button>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function syncNow() { alert('macsync sync triggered. New templates pulled from the Apple Note.'); }
|
|
function applyToDrafts() { alert('Selected templates applied to open prospects. Drafts regenerated via prospect-draft.'); }
|
|
</script>
|
|
</body>
|
|
</html>
|