cryptorugmunch
e13bd4d774
Adds missing standard artifacts: - README.md (if missing) - AGENTS.md (AI agent contract) - PLAN.md (current sprint) - STATUS.md (where we are) - DEVELOPMENT.md (dev workflow) - DEPLOYMENT.md (deploy procedure) - TESTING.md (test strategy) - DECISIONS.md (ADR index + templates) - .github/CODEOWNERS - .github/workflows/ci.yml Preserves all existing artifacts. Refs: RugMunchMedia/fleet-template
139 lines
6.9 KiB
HTML
139 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Thank You — WalletPress · Your Order is Confirmed</title>
|
|
<meta name="description" content="Thank you for purchasing WalletPress. Your order is being processed and you'll receive your download link shortly.">
|
|
<meta name="robots" content="noindex">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🔐</text></svg>">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,510;14..32,590;14..32,700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--bg: #08090a;
|
|
--bg2: #0c0d0f;
|
|
--bg3: #121317;
|
|
--border: rgba(255,255,255,0.06);
|
|
--border2: rgba(255,255,255,0.09);
|
|
--fg: #f7f8f8;
|
|
--fg2: #9ca0a8;
|
|
--fg3: #5f636b;
|
|
--accent: #f0a030;
|
|
--accent2: #d48c1e;
|
|
--accent-glow: rgba(240,160,48,0.12);
|
|
--accent-glow2: rgba(240,160,48,0.2);
|
|
--green: #22c55e;
|
|
--radius: 6px;
|
|
--radius-lg: 12px;
|
|
--radius-xl: 16px;
|
|
--radius-pill: 9999px;
|
|
--nav-h: 52px;
|
|
}
|
|
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
|
|
html{-webkit-text-size-adjust:100%}
|
|
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:'cv01','ss03';min-height:100vh;display:flex;flex-direction:column}
|
|
::selection{background:rgba(240,160,48,0.3);color:var(--fg)}
|
|
|
|
/* NAV */
|
|
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:rgba(8,9,10,0.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
|
|
.nav-inner{max-width:1200px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}
|
|
.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--fg);text-decoration:none;letter-spacing:-0.02em}
|
|
.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
|
|
|
|
/* MAIN */
|
|
main{flex:1;display:flex;align-items:center;justify-content:center;padding:120px 20px 60px;text-align:center}
|
|
.confirmation{max-width:520px}
|
|
.check-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,0.08);border:2px solid rgba(34,197,94,0.2);border-radius:50%;margin:0 auto 28px;font-size:36px;animation:popIn .4s cubic-bezier(0.175,0.885,0.32,1.275)}
|
|
@keyframes popIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}
|
|
.confirmation h1{font-size:clamp(26px,4vw,36px);font-weight:700;letter-spacing:-0.02em;margin-bottom:8px}
|
|
.confirmation .subtitle{color:var(--fg2);font-size:15px;margin-bottom:36px;line-height:1.6}
|
|
|
|
/* STEPS */
|
|
.next-steps{text-align:left;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px 32px;margin-bottom:32px}
|
|
.next-steps h3{font-size:14px;font-weight:590;margin-bottom:16px;color:var(--fg2);text-transform:uppercase;letter-spacing:0.05em;font-size:11px}
|
|
.step-list{list-style:none;display:flex;flex-direction:column;gap:14px}
|
|
.step-list li{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--fg2);line-height:1.6}
|
|
.step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border:1px solid var(--accent-glow2);border-radius:50%;flex-shrink:0;font-size:11px;font-weight:700;color:var(--accent)}
|
|
.step-list li.completed .step-num{background:rgba(34,197,94,0.12);border-color:rgba(34,197,94,0.2);color:var(--green)}
|
|
|
|
/* CONTACT */
|
|
.contact-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px 28px;margin-bottom:24px}
|
|
.contact-box p{font-size:13px;color:var(--fg2);margin-bottom:8px}
|
|
.contact-box a{color:var(--accent);text-decoration:none;font-weight:510;font-family:'JetBrains Mono',monospace;font-size:13px}
|
|
.contact-box a:hover{text-decoration:underline}
|
|
.contact-box .small{font-size:11px;color:var(--fg3);margin-top:4px}
|
|
|
|
/* BUTTONS */
|
|
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-size:14px;font-weight:590;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-family:inherit;letter-spacing:-0.01em}
|
|
.btn-primary{background:var(--accent);color:#08090a}
|
|
.btn-primary:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 8px 24px var(--accent-glow)}
|
|
.btn-secondary{background:rgba(255,255,255,0.04);color:var(--fg);border:1px solid var(--border2)}
|
|
.btn-secondary:hover{background:rgba(255,255,255,0.07)}
|
|
|
|
/* FOOTER */
|
|
footer{border-top:1px solid var(--border);padding:32px 20px;text-align:center}
|
|
footer .copy{color:var(--fg3);font-size:11px}
|
|
|
|
@media(max-width:640px){
|
|
main{padding:100px 16px 40px}
|
|
.confirmation{max-width:100%}
|
|
.next-steps{padding:20px 24px}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<nav>
|
|
<div class="nav-inner">
|
|
<a href="/index.html" class="logo"><span class="logo-dot"></span>WalletPress</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
<div class="confirmation">
|
|
<div class="check-icon">✓</div>
|
|
<h1>Thank You for Your Purchase</h1>
|
|
<p class="subtitle">Your WalletPress license order has been received. You'll get your download link as soon as your payment is confirmed.</p>
|
|
|
|
<div class="next-steps">
|
|
<h3>What Happens Next</h3>
|
|
<ol class="step-list">
|
|
<li class="completed">
|
|
<div class="step-num">✓</div>
|
|
<div>Order received — your payment is now being processed.</div>
|
|
</li>
|
|
<li>
|
|
<div class="step-num">2</div>
|
|
<div>Payment confirmation — typically 1-3 minutes for crypto, instant for card.</div>
|
|
</li>
|
|
<li>
|
|
<div class="step-num">3</div>
|
|
<div>Download link sent to your email — full Docker Compose project with source code, CLI, and documentation.</div>
|
|
</li>
|
|
<li>
|
|
<div class="step-num">4</div>
|
|
<div>Deploy and start generating — <code style="font-family:'JetBrains Mono',monospace;background:var(--bg3);padding:1px 6px;border-radius:3px;font-size:11px;color:var(--accent)">docker compose up -d</code></div>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="contact-box">
|
|
<p>Need help or have questions about your order?</p>
|
|
<a href="mailto:support@walletpress.cc">support@walletpress.cc</a>
|
|
<div class="small">We respond within 4 hours, typically much faster.</div>
|
|
</div>
|
|
|
|
<div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap">
|
|
<a href="/index.html" class="btn btn-secondary">← Back to Home</a>
|
|
<a href="/docs.html" class="btn btn-primary">Read the Docs</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<p class="copy">© 2026 Rug Munch Media LLC. Made in Wyoming.</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|