92 lines
4.3 KiB
PHP
92 lines
4.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
{{-- Belt and braces with the X-Robots-Tag header: some crawlers read only one. --}}
|
|
<meta name="robots" content="noindex, nofollow, noarchive">
|
|
<title>CluPilot Cloud</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
|
|
{{--
|
|
Self-contained on purpose: this is shown while the application is mid-deploy
|
|
or freshly installed, which is exactly when the Vite manifest may not exist.
|
|
Pulling it in through @vite would throw an exception instead of rendering
|
|
the reassurance the visitor came for.
|
|
|
|
The fonts are the site's own static files. If they are missing the page
|
|
degrades to a system serif and still reads correctly.
|
|
--}}
|
|
@verbatim
|
|
<style>
|
|
@font-face{font-family:"Plex Serif";src:url("/fonts/ibm-plex-serif-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
|
|
@font-face{font-family:"Plex Sans";src:url("/fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
|
|
@font-face{font-family:"Plex Mono";src:url("/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
|
|
|
|
:root{
|
|
--paper:#f7f5f1; --card:#fffefb; --ink:#17140f; --ink-soft:#413a31;
|
|
--muted:#7b7367; --rule:#e3ded3; --rule-mid:#cbc3b4;
|
|
--accent:#f97316; --accent-text:#b8500a;
|
|
}
|
|
@media (prefers-color-scheme: dark){
|
|
/* The accent has to lighten too: #b8500a is chosen for contrast against
|
|
paper, and on the ink plate it is the small text that stops being
|
|
readable first. */
|
|
:root{--paper:#17140f; --card:#211d16; --ink:#fffefb; --ink-soft:#ded7c9;
|
|
--muted:#93897a; --rule:#39332a; --rule-mid:#4a4238;
|
|
--accent-text:#f0a06a;}
|
|
}
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{
|
|
font-family:"Plex Sans",-apple-system,BlinkMacSystemFont,sans-serif;
|
|
background:var(--paper);color:var(--ink-soft);line-height:1.6;
|
|
min-height:100vh;display:grid;place-items:center;padding:clamp(24px,6vw,64px);
|
|
-webkit-font-smoothing:antialiased;
|
|
}
|
|
main{max-width:520px;width:100%}
|
|
.plate{border:1px solid var(--rule-mid);border-radius:3px;background:var(--card);position:relative}
|
|
/* Registration marks, as on the rest of the site. */
|
|
.plate::before,.plate::after{content:"+";position:absolute;font-family:"Plex Mono",monospace;font-size:.8rem;color:var(--rule-mid);line-height:1}
|
|
.plate::before{top:-6px;left:-6px}
|
|
.plate::after{bottom:-6px;right:-6px}
|
|
.head{
|
|
display:flex;justify-content:space-between;align-items:center;gap:14px;
|
|
padding:13px 20px;border-bottom:1px solid var(--rule);
|
|
font-family:"Plex Mono",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);
|
|
}
|
|
.head b{color:var(--accent-text);font-weight:400;display:inline-flex;align-items:center;gap:7px}
|
|
.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1.8s ease-in-out infinite}
|
|
@keyframes pulse{50%{opacity:.35}}
|
|
@media (prefers-reduced-motion: reduce){.dot{animation:none}}
|
|
.body{padding:30px 20px 28px}
|
|
.brand{font-family:"Plex Serif",Georgia,serif;font-weight:600;font-size:1.1rem;letter-spacing:-.02em;color:var(--ink)}
|
|
.brand i{font-style:normal;color:var(--accent-text)}
|
|
h1{margin-top:16px;font-family:"Plex Serif",Georgia,serif;font-weight:600;
|
|
font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.025em;line-height:1.15;color:var(--ink)}
|
|
p{margin-top:12px;color:var(--muted);font-size:.95rem}
|
|
.foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);font-size:.86rem}
|
|
.foot a{color:var(--accent-text);font-weight:500;text-decoration:none}
|
|
.foot a:hover{text-decoration:underline}
|
|
</style>
|
|
@endverbatim
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="plate">
|
|
<div class="head">
|
|
<span>{{ __('coming_soon.label') }}</span>
|
|
<b><span class="dot" aria-hidden="true"></span>{{ __('coming_soon.state') }}</b>
|
|
</div>
|
|
<div class="body">
|
|
<span class="brand">Clu<i>Pilot</i> Cloud</span>
|
|
<h1>{{ __('coming_soon.title') }}</h1>
|
|
<p>{{ __('coming_soon.body') }}</p>
|
|
<p class="foot">{{ __('coming_soon.contact') }}
|
|
<a href="mailto:office@clupilot.com">office@clupilot.com</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|