generated from jric11/baseProject
66 lines
4.6 KiB
HTML
66 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="theme-color" content="#183c30">
|
||
<meta name="robots" content="noindex, nofollow">
|
||
<meta name="description" content="The MyHuntingClubRoster application is coming soon. Please check back for updates.">
|
||
<title>Application Coming Soon | MyHuntingClubRoster</title>
|
||
<style>
|
||
:root { color-scheme: light; font-family: "Segoe UI", Arial, sans-serif; color: #203b30; background: #f5f4ee; }
|
||
* { box-sizing: border-box; }
|
||
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
|
||
header { padding: 28px clamp(20px, 5vw, 72px); border-bottom: 1px solid #dce1d7; }
|
||
.brand { display: flex; align-items: center; gap: 12px; font-size: clamp(16px, 3vw, 21px); font-weight: 700; letter-spacing: -.5px; }
|
||
.brand svg { width: 36px; height: 36px; flex-shrink: 0; color: #285548; }
|
||
main { flex: 1; display: grid; place-items: center; padding: 56px 20px; }
|
||
.panel { width: 100%; max-width: 700px; text-align: center; }
|
||
.illustration { display: block; width: 160px; height: 160px; margin: 0 auto 30px; }
|
||
.status { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 22px; padding: 8px 14px; border: 1px solid #d4dfd2; border-radius: 24px; color: #385747; background: #eaf0e5; font-size: 11px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; }
|
||
.status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #527454; }
|
||
h1 { margin: 0; font: 400 clamp(42px, 7vw, 68px)/1.1 Georgia, "Times New Roman", serif; letter-spacing: -.045em; text-wrap: balance; }
|
||
.description { max-width: 470px; margin: 24px auto 0; color: #5b695f; font-size: 17px; line-height: 1.8; text-wrap: pretty; }
|
||
.note { margin: 20px 0 32px; color: #5b695f; font-size: 14px; line-height: 1.7; }
|
||
.button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 48px; padding: 13px 23px; background: #285548; border: 1px solid #285548; border-radius: 8px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; transition: background .15s; }
|
||
.button:hover { background: #193c32; }
|
||
.button:focus-visible { outline: 3px solid #a07b42; outline-offset: 4px; }
|
||
.button svg { width: 17px; height: 17px; }
|
||
footer { padding: 22px 20px; text-align: center; color: #657367; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
|
||
footer span { display: block; color: #7a837a; font-size: 11px; }
|
||
@media (max-width: 480px) { header { padding: 20px; } main { padding: 40px 22px; } .illustration { width: 130px; height: 130px; margin-bottom: 24px; } .description { font-size: 16px; } }
|
||
@media (prefers-reduced-motion: reduce) { .button { transition: none; } }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="brand">
|
||
<svg viewBox="0 0 40 40" fill="none" aria-hidden="true"><path d="M20 4 5 31h30L20 4Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="m12 31 8-15 8 15M20 24v12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg>
|
||
MyHuntingClubRoster
|
||
</div>
|
||
</header>
|
||
<main>
|
||
<section class="panel" aria-labelledby="page-title">
|
||
<svg class="illustration" viewBox="0 0 160 160" fill="none" aria-hidden="true">
|
||
<circle cx="80" cy="80" r="79" fill="#e5ebdf"/>
|
||
<circle cx="109" cy="48" r="18" fill="#d5bd8f"/>
|
||
<path d="M15 110 53 67l32 37 21-24 40 37" fill="#b9cbb2"/>
|
||
<path d="m30 124 30-54 30 54H30Z" fill="#52755b"/>
|
||
<path d="m65 129 32-70 34 70H65Z" fill="#285548"/>
|
||
<path d="M60 113v23m37-23v25" stroke="#183c30" stroke-width="5" stroke-linecap="round"/>
|
||
<path d="M33 138h94" stroke="#a5b69d" stroke-width="2" stroke-linecap="round"/>
|
||
</svg>
|
||
<p class="status">Application coming soon</p>
|
||
<h1>We’re getting ready<br>for your club.</h1>
|
||
<p class="description">The MyHuntingClubRoster application is still being prepared. We’re putting the finishing touches in place before opening the doors.</p>
|
||
<p class="note">Please check back soon. Thanks for your patience.</p>
|
||
<a class="button" href="https://myhuntingclubroster.com/">
|
||
Visit our website
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M5 12h14m-6-6 6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</a>
|
||
</section>
|
||
</main>
|
||
<footer>app.myhuntingclubroster.com<span>MyHuntingClubRoster · OneSource IT Solutions</span></footer>
|
||
</body>
|
||
</html>
|