59 lines
1.9 KiB
HTML
59 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>Archive — Fenja AI</title>
|
|
<style>
|
|
:root {
|
|
--paper: #faf6ee; --ink: #383831; --ink-soft: #5f5e5e; --walnut: #785f53;
|
|
}
|
|
*, *::before, *::after { box-sizing: border-box; }
|
|
html, body {
|
|
margin: 0; padding: 0; min-height: 100%;
|
|
background: var(--paper); color: var(--ink);
|
|
font-family: "Manrope", system-ui, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
body {
|
|
min-height: 100vh;
|
|
background: radial-gradient(1100px 760px at 22% 42%, #fffcf7 0%, var(--paper) 58%, #f2ecdd 100%);
|
|
display: flex; align-items: center; padding: 0 112px;
|
|
}
|
|
.wrap { max-width: 640px; }
|
|
h1 {
|
|
font-family: "Newsreader", Georgia, serif;
|
|
font-weight: 400; font-size: 56px;
|
|
letter-spacing: -0.022em; line-height: 1.06;
|
|
margin: 0 0 20px 0;
|
|
}
|
|
h1 em { font-style: italic; font-weight: 700; }
|
|
p {
|
|
font-family: "Newsreader", Georgia, serif;
|
|
font-style: italic; font-size: 19px;
|
|
color: var(--ink-soft); line-height: 1.5;
|
|
margin: 0 0 32px 0;
|
|
}
|
|
.logout {
|
|
all: unset;
|
|
font-family: "Manrope", system-ui, sans-serif;
|
|
font-size: 14px; color: var(--walnut);
|
|
cursor: pointer; border-bottom: 1px solid rgba(120, 95, 83, 0.35);
|
|
}
|
|
.logout:hover { border-bottom-color: var(--walnut); }
|
|
@media (max-width: 720px) { body { padding: 80px 28px; } h1 { font-size: 36px; } }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<h1>You are in the <em>archive.</em></h1>
|
|
<p>
|
|
This is a placeholder. Drop the real archive page here — timeline, overview, the lot — and it will be
|
|
served from <code>protected/archive.html</code>, gated by the session cookie.
|
|
</p>
|
|
<button class="logout" id="logout">Close the archive →</button>
|
|
</div>
|
|
|
|
<script src="/archive/archive.js" defer></script>
|
|
</body>
|
|
</html>
|