Latte
9e02eefbe0
- Add landing page and base layout with cozy theme - Configure Astro, TypeScript, and project settings - Add Dockerfile, Nginx config, and docker-compose - Include favicon and site metadata - Add documentation: README, DEVELOPMENT, PROJECT_CONTEXT, TODO, CLAUDE - Add Gitea workflows for AI chat, PR review, issue triage, and codebase review
94 lines
1.7 KiB
Plaintext
94 lines
1.7 KiB
Plaintext
---
|
|
interface Props {
|
|
title: string;
|
|
}
|
|
|
|
const { title } = Astro.props;
|
|
---
|
|
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="description" content="Hidden Den Cafe - A cozy corner of the internet" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="generator" content={Astro.generator} />
|
|
<title>{title}</title>
|
|
</head>
|
|
<body>
|
|
<slot />
|
|
</body>
|
|
</html>
|
|
|
|
<style is:global>
|
|
:root {
|
|
/* Cozy Den Color Palette */
|
|
--color-bg: #1a1410;
|
|
--color-bg-light: #2a1f18;
|
|
--color-text: #f4e9d8;
|
|
--color-text-dim: #c4b5a0;
|
|
--color-accent: #d4a574;
|
|
--color-accent-bright: #e8bf8e;
|
|
--color-warm: #8b6f47;
|
|
|
|
/* Spacing */
|
|
--space-xs: 0.5rem;
|
|
--space-sm: 1rem;
|
|
--space-md: 1.5rem;
|
|
--space-lg: 2rem;
|
|
--space-xl: 3rem;
|
|
|
|
/* Typography */
|
|
--font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
font-family: var(--font-body);
|
|
background: var(--color-bg);
|
|
color: var(--color-text);
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: var(--color-accent-bright);
|
|
line-height: 1.2;
|
|
}
|
|
|
|
a {
|
|
color: var(--color-accent-bright);
|
|
text-decoration: none;
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
a:hover {
|
|
color: var(--color-accent);
|
|
}
|
|
|
|
/* Smooth animations */
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.fade-in {
|
|
animation: fadeIn 0.6s ease-out;
|
|
}
|
|
</style>
|