66 lines
2.6 KiB
HTML
66 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="en" class="index-html">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Control Center</title>
|
|
<link rel="stylesheet" href="/static/css/site.css" />
|
|
</head>
|
|
<body class="index-body">
|
|
<div class="index-shell">
|
|
<header class="top-panel">
|
|
<div class="top-panel__left">
|
|
<a class="top-panel__brand" href="/">Ironlight</a>
|
|
<nav class="top-panel__nav">
|
|
<a class="top-panel__link" href="/upload">Upload</a>
|
|
<a class="top-panel__link" href="/welcome">Welcome</a>
|
|
<a class="top-panel__link" href="/login">Account</a>
|
|
</nav>
|
|
</div>
|
|
<div class="top-panel__right">
|
|
<span class="top-panel__user-label">Signed in</span>
|
|
<span class="top-panel__user-name">{{ logged_in_cur_user }}</span>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="index-main">
|
|
<section class="index-hero">
|
|
<p class="index-hero__eyebrow">Dark Material Console</p>
|
|
<h1 class="index-hero__title">Fast uploads, calm interface.</h1>
|
|
<p class="index-hero__subtitle">
|
|
Keep your files close, your workflow focused, and your storage under control.
|
|
</p>
|
|
<div class="index-hero__actions">
|
|
<a class="index-hero__button" href="/upload">Upload a file</a>
|
|
<a class="index-hero__ghost" href="/welcome">Open welcome</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="index-grid">
|
|
<article class="index-card">
|
|
<h2 class="index-card__title">Recent activity</h2>
|
|
<p class="index-card__text">
|
|
Track new files, size totals, and secure download links in one place.
|
|
</p>
|
|
<a class="index-card__link" href="/upload">Review uploads</a>
|
|
</article>
|
|
<article class="index-card">
|
|
<h2 class="index-card__title">Storage health</h2>
|
|
<p class="index-card__text">
|
|
Monitor usage and keep the 10 GiB limit comfortably in sight.
|
|
</p>
|
|
<a class="index-card__link" href="/upload">View usage</a>
|
|
</article>
|
|
<article class="index-card">
|
|
<h2 class="index-card__title">Quick actions</h2>
|
|
<p class="index-card__text">
|
|
Jump straight into file uploads or check your latest shared links.
|
|
</p>
|
|
<a class="index-card__link" href="/upload">Start upload</a>
|
|
</article>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|