Latte
42bea4d9ba
Add new post "After the Silence". Update content schema to use pubDate and include tags (default empty). Update blog listing, post page and start page to use pubDate, render tag lists, and compute/show up to two related posts by tag overlap. Misc formatting and small display tweaks.
Cozy Den 🏡☕
A cozy landing page for hiddenden.cafe built with Astro.
About
Cozy Den is a warm, self-hosted corner of the internet. This landing page represents the values of privacy, open-source software, and creating comfortable digital spaces.
Features
- ☕ Cozy, warm aesthetic with hidden den theme
- 🎨 Catppuccin Mocha color palette
- 📱 Responsive design
- ⚡ Built with Astro for blazing fast performance
- 🐳 Docker support for easy deployment
- 📝 Blog powered by Astro Content Collections (hardcoded Markdown, no CMS)
Setup
Prerequisites
- Node.js 18+ and npm
- (Optional) Docker for containerized deployment
Installation
- Clone or download this project
- Install dependencies:
npm install
- Run the development server:
npm run dev
- Build for production:
npm run build
- Preview production build:
npm run preview
Docker Deployment
Building the Docker Image
docker build -t cozy-den .
Running the Container
docker run -d -p 3000:80 --name cozy-den cozy-den
Or with docker-compose:
docker-compose up -d
Pushing to Gitea Registry
# Tag the image
docker tag cozy-den git.hiddenden.cafe/mats/cozy-den:latest
# Login to your Gitea registry
docker login git.hiddenden.cafe
# Push the image
docker push git.hiddenden.cafe/mats/cozy-den:latest
Customization
The site is built to be easily customizable:
- Colors: Edit the CSS variables in
src/layouts/BaseLayout.astro - Content: Update sections in
src/pages/index.astro - Favicon: Replace
public/favicon.svg - Blog posts: Add
.mdfiles tosrc/content/blog/— they appear automatically at/blog - Blog images: Place images in
public/blog/<post-slug>/and reference with/blog/<post-slug>/image.jpg
Technology Stack
- Astro - Static site generator
- Vanilla CSS with custom properties
- TypeScript for type safety
Documentation
For developers and AI assistants working on this project:
- DEVELOPMENT.md - Detailed developer documentation, architecture, and common tasks
- PROJECT_CONTEXT.md - Project context, design principles, and owner preferences
- TODO.md - Current tasks, future features, and enhancement ideas
License
Personal project - feel free to use as inspiration for your own cozy corners of the internet!
Made with 💖 by Latte