hibranwar.com is a practitioner's log. It is not a portfolio with a completion state. It is infrastructure that compounds over time.

Architecture

Plain PHP includes. No framework. No static site generator. No build step. Each page is a .php file that sets a few variables and includes a shared header and footer. Body content is written directly in the file.

Posts (essays and notes) are static .php files indexed by SQLite. A reindexer script rebuilds the database when new posts are added. This gives us pagination, search, tag filtering, and a knowledge graph without any external dependencies.

Design

Background	#111110 (near-black)
Text	#ede9e3 (warm cream)
Accent	#c8a882 (leather tan)
Alt accent	#6b8f71 (muted green)
Headings	Inter via Google Fonts
Body	System font stack
Content width	960px

Single CSS file. No preprocessor. Design tokens are CSS custom properties. All styles live in style.css. No inline styles except rare layout overrides.

Stack

• Server: LiteSpeed on Rumahweb shared hosting
• Language: PHP 8
• Database: SQLite (content index only, not a CMS)
• Charts: Chart.js v4 (CDN)
• Diagrams: Mermaid v11 (CDN)
• Forms: Formspree
• Analytics: None. No tracking scripts. No cookies.

Principles

• No JavaScript frameworks. Progressive enhancement only.
• No tracking. No cookies. No analytics scripts.
• Every page has structured data (JSON-LD) for search engines and AI systems.
• Content is licensed under CC BY 4.0.
• The site is designed to be readable by both humans and machines.

Deploy

Upload changed files via cPanel File Manager or SFTP. No CI/CD pipeline. No build artifacts. The source files are the production files.

AI and tools

This site is built with Claude Code as a development partner. Content is written by Ibrahim Anwar. Claude assists with code generation, structured data, and system architecture. Every piece of content is reviewed and edited by a human before publishing.

---

A colophon describes how a site is made. This one is updated when the stack changes.