_ _
  _ __ ___  _   _ _ __ (_) | ___   __ _ ___
 | '_ ` _ \| | | | '_ \| | |/ _ \ / _` / __|
 | | | | | | |_| | | | | | | (_) | (_| \__ \
 |_| |_| |_|\__,_|_| |_|_|_|\___/ \__, |___/
                                   |___/

A personal chronicle of exploration, ideas, and continuous growth.

Live Site · Posts · Projects · Notes

---

What is this

My personal website and blog. A place for writing about systems, infrastructure, philosophy, and whatever else sticks.

Getting started

# Install dependencies
npm install

# Start dev server
npm run dev

# Build for production
npm run build

# Preview the production build
npm run preview

Content

All content lives under src/data/:

src/data/
  blog/          # Markdown blog posts
  notes/         # Markdown notes (quick thoughts, snippets)
  projects.json  # Project showcase entries

Each blog post and note uses the same frontmatter schema:

---
title: Post Title
author: Mounir Samite
pubDatetime: 2026-03-31T12:00:00Z
featured: false
draft: false
tags: [systems, architecture]
description: A short description.
---

Set draft: true to hide a post. Set featured: true to pin it on the homepage.

Design

Two themes, one palette philosophy:

Token	Dark	Light
--background	#0d0d0d	#f5f5f0
--foreground	#e0e0e0	#1a1a1a
--accent	#c8f04a	#4a7a2e

Headings are bold, tight-tracked sans-serif. Body text is 15px with generous line-height. Tags and labels use uppercase with wide letter-spacing.

Project structure

src/
  pages/           # File-based routing (posts, notes, projects, tags, about, search)
  layouts/         # Layout shells (Layout, Main, PostDetails, NoteDetails, ProjDetails)
  components/      # Reusable UI (Header, Card, NoteCard, Tag, Pagination, etc.)
  styles/          # global.css (tokens, base), typography.css (prose overrides)
  utils/           # Sorting, filtering, path resolution, OG generation, slugify
  config.ts        # Site-wide settings (SITE constant)
  constants.ts     # Social links, share links
  content.config.ts # Collection schemas (blog, projects, notes)

License

Code (source, templates, config) — MIT

Content (blog posts, notes, images, written material) — CC BY-NC-SA 4.0

Built on top of the AstroPaper theme by Sat Naing.

---

_{Made by Mounir Samite}