Files
website/src/layouts/Base.astro
T
2026-04-08 10:59:57 -06:00

68 lines
2.0 KiB
Plaintext

---
import "../styles/global.css";
interface Props {
title: string;
description?: string;
}
const { title, description = "Protocol-agnostic LoRa over USB" } = Astro.props;
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content={description} />
<title>{title}</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap"
rel="stylesheet"
/>
</head>
<body class="min-h-screen bg-bg text-text antialiased">
<header
class="border-b border-border px-6 py-4 flex items-center justify-between max-w-6xl mx-auto"
>
<a href="/" class="font-mono font-bold text-xl text-accent hover:text-accent-bright">
DongLoRa
</a>
<nav class="flex gap-6 text-sm">
<a href="/" class="text-text-muted hover:text-text transition-colors">Home</a>
<a href="/flash" class="text-text-muted hover:text-text transition-colors">Flasher</a>
<a
href="https://github.com/donglora"
class="text-text-muted hover:text-text transition-colors"
target="_blank"
rel="noopener noreferrer"
>
GitHub
</a>
</nav>
</header>
<main class="max-w-6xl mx-auto px-6 py-12">
<slot />
</main>
<footer class="border-t border-border px-6 py-8 mt-16">
<div class="max-w-6xl mx-auto text-center text-text-dim text-sm">
<p>
MIT License &middot;
<a
href="https://github.com/donglora"
class="text-text-muted hover:text-accent transition-colors"
target="_blank"
rel="noopener noreferrer"
>
github.com/donglora
</a>
</p>
</div>
</footer>
</body>
</html>