_ _
_ __ ___ _ _ _ __ (_) | ___ __ _ ___
| '_ ` _ \| | | | '_ \| | |/ _ \ / _` / __|
| | | | | | |_| | | | | | | (_) | (_| \__ \
|_| |_| |_|\__,_|_| |_|_|_|\___/ \__, |___/
|___/
A personal chronicle of exploration, ideas, and continuous growth.
My personal website and blog. A place for writing about systems, infrastructure, philosophy, and whatever else sticks.
# Install dependencies
npm install
# Start dev server
npm run dev
# Build for production
npm run build
# Preview the production build
npm run previewAll 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.
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.
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)
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