chele.bi
Personal blog and portfolio of Ege Chelebi (@woosal1337).
A dark, editorial personal site — writing, projects, and a reading shelf — built with Next.js 14 (App Router), MDX, Tailwind CSS, and Biome, deployed on Vercel.
Highlights
- Editorial dark theme: Geist Sans for reading, Geist Mono for code, hairline borders, one motion curve.
- MDX blog with a left-rail table of contents, callouts, and per-post chrome.
- Post banners generated from the title — a deterministic contour mark (
lib/contour.ts), no manual cover images. - Liquid-glass circular controls and frosted-glass tags.
- A single contour identity mark drives the logo and favicons.
Stack
- Next.js 14 (App Router), React 18, TypeScript
- MDX posts colocated under
app/(website)/blog/(post)/[slug]/page.mdx - Tailwind CSS with a token layer in
app/globals.css(dark, editorial) - Reusable design-system primitives in
components/ds/, domain blocks incomponents/blocks/ - Biome for linting and formatting
Local setup
bun install
bun devRequires Node >= 20 and Bun. No environment variables required.
Commands
bun dev— dev serverbun run build— production buildbun run check— Biome lint and format with auto-fix
Credits
The live ASCII surfaces in components/blocks/ascii/ — donut, flow, plasma, tunnel — are ported from cobanov/soft-club-ui (MIT) and retuned monochrome against this site's tokens. The table-of-contents marker geometry follows ncdai's LineNav.
License
Code is MIT. Blog content and images are all rights reserved. See LICENSE.
