Skip to content

Repository files navigation

chele.bi

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 in components/blocks/
  • Biome for linting and formatting

Local setup

bun install
bun dev

Requires Node >= 20 and Bun. No environment variables required.

Commands

  • bun dev — dev server
  • bun run build — production build
  • bun 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.

About

My blog website.

Resources

Stars

427 stars

Watchers

5 watching

Forks

Releases

Packages

Used by

Contributors

Languages