From 79271aa3bf88ac849c2490c186ae80dee5b3767b Mon Sep 17 00:00:00 2001 From: Latte Date: Fri, 6 Mar 2026 21:00:06 +0100 Subject: [PATCH] Add 'Now' page and update navigation; refine styles and metadata --- AGENTS.md | 169 ++++++++++++++++++++++++++++++++ src/components/Nav.astro | 3 +- src/content/blog/hello-world.md | 4 +- src/data/now.md | 25 +++++ src/layouts/BaseLayout.astro | 36 ++++++- src/pages/404.astro | 2 +- src/pages/about.astro | 2 +- src/pages/blog/[...slug].astro | 2 +- src/pages/blog/index.astro | 2 +- src/pages/index.astro | 2 +- src/pages/now.astro | 152 ++++++++++++++++++++++++++++ src/pages/projects.astro | 2 +- 12 files changed, 390 insertions(+), 11 deletions(-) create mode 100644 AGENTS.md create mode 100644 src/data/now.md create mode 100644 src/pages/now.astro diff --git a/AGENTS.md b/AGENTS.md new file mode 100644 index 0000000..6a8ec35 --- /dev/null +++ b/AGENTS.md @@ -0,0 +1,169 @@ +# AGENTS.md + +This file provides guidance to Codex (Codex.ai/code) when working with code in this repository. + +## Project Quick Reference + +**Project:** Cozy Den - Personal landing page for hiddenden.cafe +**Owner:** Latte (gay furry developer, values self-hosting and privacy) +**Tech Stack:** Astro 4.x, TypeScript, Vanilla CSS, Docker + Nginx +**Aesthetic:** Warm coffee/cappuccino theme, cozy hidden den vibes +**Deployment:** Docker containers pushed to Gitea registry at git.hiddenden.cafe + +## Core Design Principles + +1. **Cozy Aesthetic** - Warm colors, coffee/cappuccino theme, hidden den vibes +2. **Self-Hosted** - Everything runs on personal infrastructure (homelab/VPS) +3. **Privacy First** - No tracking, no external dependencies +4. **Lightweight** - Static HTML/CSS, minimal JavaScript +5. **Docker-Ready** - Easy deployment via containers + +## File Structure + +``` +cozy-den/ +├── src/ +│ ├── layouts/ +│ │ └── BaseLayout.astro # Base layout + global styles +│ └── pages/ +│ ├── index.astro # Main landing page +│ └── 404.astro # Custom 404 page +├── public/ +│ ├── favicon.svg # Coffee emoji favicon +│ └── robots.txt # Search engine directives +├── astro.config.mjs # Astro config with sitemap +├── package.json # Dependencies (Astro 4.x, @astrojs/sitemap) +├── Dockerfile # Multi-stage: Node builder + Nginx +├── docker-compose.yml # Local container orchestration +└── nginx.conf # Production web server config +``` + +## Architecture Notes + +This is a simple static site following standard Astro conventions: +- Layouts in `src/layouts/` for reusable page templates +- Pages in `src/pages/` (routes automatically based on filename) +- All content is on a single page (`index.astro`) with multiple sections +- Custom 404 page with cozy theming +- No client-side JavaScript - pure static HTML/CSS output +- CSS custom properties centralized in `BaseLayout.astro` for theming +- Accessibility improvements with ARIA labels and semantic HTML + +## Commands + +```bash +# Development +npm install # Install dependencies +npm run dev # Start dev server at http://localhost:4321 +npm run build # Build for production (runs astro check + astro build) +npm run preview # Preview production build + +# Docker +docker build -t cozy-den . +docker run -d -p 3000:80 --name cozy-den cozy-den +docker-compose up -d + +# Deployment to Gitea registry +docker tag cozy-den git.hiddenden.cafe/mats/cozy-den:latest +docker login git.hiddenden.cafe +docker push git.hiddenden.cafe/mats/cozy-den:latest +``` + +## Color System + +All colors use CSS custom properties in `BaseLayout.astro`: + +```css +--color-bg: #1a1410 /* Dark background (deep coffee) */ +--color-bg-light: #2a1f18 /* Lighter background for cards */ +--color-text: #f4e9d8 /* Cream text */ +--color-text-dim: #c4b5a0 /* Dimmed text */ +--color-accent: #d4a574 /* Warm accent (coffee with cream) */ +--color-accent-bright: #e8bf8e /* Brighter accent for highlights */ +--color-warm: #8b6f47 /* Warm brown for borders/accents */ +``` + +**To change theme:** Edit these variables. All components update automatically. + +## Common Modification Patterns + +### Adding a Section +```astro +
+
+
+

Section Title

+

Content

+
+
+
+``` + +### Adding a Service +```astro +
+

🔧 Service Name

+

Description of the service

+
+``` + +### Adding a New Page +Create new `.astro` file in `src/pages/`: +```astro +--- +import BaseLayout from '../layouts/BaseLayout.astro'; +--- + + +
+

New Page

+
+ +``` +Note: Pages route based on filename (e.g., `about.astro` → `/about`) + +## Implementation Guidelines + +**DO:** +- Maintain cozy, warm aesthetic (coffee/cappuccino theme) +- Keep site lightweight - static HTML/CSS only, no JavaScript runtime +- Use CSS custom properties for all colors (defined in `src/layouts/BaseLayout.astro`) +- Use `.fade-in` class for animations, `.card` class for consistent card styling +- Test production builds and Docker builds after changes +- Ensure responsive design works on mobile +- Follow standard Astro structure (layouts in `src/layouts/`, pages in `src/pages/`) + +**DON'T:** +- Add tracking or external dependencies (privacy-first approach) +- Add client-side JavaScript unless absolutely necessary +- Break the coffee/warm color theme +- Create sterile or corporate design elements + +## Astro-Specific Notes + +- Frontmatter (code between `---`) runs at build time only +- ` diff --git a/src/pages/projects.astro b/src/pages/projects.astro index 5f5d610..e291d88 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -126,7 +126,7 @@ function getPrimaryLink(project: Project): string | undefined { .container { max-width: 700px; width: 100%; - background: rgba(30, 30, 46, 0.8); + background: var(--color-glass); backdrop-filter: blur(10px); border: 1px solid var(--color-surface); border-radius: 8px; -- 2.52.0