feat: complete rebuild with minimal Cyberpunk Brutalism design

Removed the complex Hux Blog template and built from scratch:

New structure:
- Single CSS file (css/style.css) with complete design system
- 3 minimal layouts (default, post, page)
- Clean pages: index, about, archive, blog, 404

Design system:
- Cyberpunk Brutalism aesthetic
- Dark background (#0a0a0f), Cyan accents (#00ffff)
- Space Mono + IBM Plex Sans + JetBrains Mono typography
- Grid background effect, neon glows, sharp corners

Removed:
- All Less preprocessing (direct CSS now)
- Complex template inheritance
- Multilingual system
- PWA service worker
- All JS dependencies (jQuery, Bootstrap)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: calderbuild

.claude/settings.local.json

@@ -15,13 +15,17 @@
       "mcp__chrome-devtools__take_snapshot",
       "mcp__chrome-devtools__navigate_page",
       "mcp__chrome-devtools__list_pages",
-      "mcp__fetch__fetch_markdown",
       "mcp__chrome-devtools__performance_start_trace",
       "mcp__chrome-devtools__take_screenshot",
       "mcp__chrome-devtools__resize_page",
       "Skill(frontend-design)",
       "mcp__chrome-devtools__evaluate_script",
-      "mcp__chrome-devtools__new_page"
+      "mcp__chrome-devtools__new_page",
+      "mcp__chrome-devtools__click",
+      "mcp__chrome-devtools__performance_analyze_insight",
+      "mcp__chrome-devtools__list_network_requests",
+      "mcp__chrome-devtools__list_console_messages",
+      "mcp__chrome-devtools__get_console_message"
     ],
     "deny": []
   }

404.html

@@ -1,15 +1,13 @@
 ---
 layout: default
 title: 404
-hide-in-nav: true
-description: "Page not found - The page you're looking for doesn't exist"
-header-img: "img/404-bg.jpg"
 permalink: /404.html
 ---
 
-<!-- Page Header -->
-{% include intro-header.html type="page" short='true' %}
-
-<script>
-	document.body.classList.add('page-fullscreen');
-</script>
+<section class="error-page">
+  <div class="container text-center">
+    <h1 class="error-code">404</h1>
+    <p class="error-message">Page not found. The page you're looking for doesn't exist.</p>
+    <a href="/" class="btn btn-primary">Back to Home</a>
+  </div>
+</section>

CLAUDE.md

@@ -4,35 +4,42 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Project Overview
 
-Jekyll-based technical blog with PWA support, dark mode, and bilingual content (English/Chinese). Live at https://jasonrobert.me.
+Minimal Jekyll blog with Cyberpunk Brutalism design. Live at https://jasonrobert.me.
 
 ## Development Commands
 
 ```bash
 # Install dependencies
 bundle install
 
-# Compile Less to CSS (REQUIRED before any commit with CSS changes)
-./build.sh
-# Windows: bash build.sh
-
 # Local development
 bundle exec jekyll serve
 
 # Production build
 bundle exec jekyll build
 ```
 
-## Critical Rules
+## Architecture
 
-### CSS/Less Workflow
-1. **NEVER edit `/css` files directly** - edit `/less` files instead
-2. **ALWAYS run `./build.sh` before committing CSS changes** - GitHub Actions does NOT compile Less
-3. Entry point: `less/calder-blog.less` imports all modules
-4. Output: `css/calder-blog.css` (dev) + `css/calder-blog.min.css` (prod)
+### Directory Structure
+```
+/
+├── _config.yml      # Site configuration
+├── _layouts/        # Page templates (default, post, page)
+├── _posts/          # Blog posts (YYYY-MM-DD-title.md)
+├── css/style.css    # Single CSS file (Cyberpunk Brutalism)
+├── img/             # Images
+├── index.html       # Homepage
+├── about.md         # About page
+├── archive.html     # Post archive
+├── blog.html        # Blog listing with pagination
+└── 404.html         # Error page
+```
 
-### Frontend Development
-**Invoke `Skill(frontend-design)` before any UI/CSS work** - this ensures design quality and avoids generic AI aesthetics.
+### Design System
+- **Colors**: Dark background (#0a0a0f), Cyan accent (#00ffff)
+- **Typography**: Space Mono (display), IBM Plex Sans (body), JetBrains Mono (code)
+- **Style**: Cyberpunk Brutalism - sharp corners, neon glows, grid backgrounds
 
 ### Blog Posts
 Posts must follow naming: `_posts/YYYY-MM-DD-title.md`
@@ -43,76 +50,22 @@ Front matter template:
 layout: post
 title: "Post Title"
 subtitle: "Optional subtitle"
-description: "SEO meta description (150-160 chars)"
+description: "SEO meta description"
 date: YYYY-MM-DD HH:MM:SS
 author: "Calder"
-header-img: "img/path/to/header.jpg"
-catalog: true  # Enables table of contents sidebar
-multilingual: false  # Set true for posts with en.md/zh.md in _includes/posts/
 tags:
-    - Tag1
+  - Tag1
+  - Tag2
 ---
 ```
 
-For FAQ structured data, use `{% include faq-schema.html %}` in posts.
-
-## Architecture
-
-### Key Directories
-- `less/` - Less source files (edit here for styles)
-- `_layouts/` - Page templates (default, post, page, keynote)
-- `_includes/` - Reusable components (nav, footer, head, faq-schema)
-- `js/` - Client scripts (dark-mode.js, search, PWA registration)
-
-### Less Module Structure
-`calder-blog.less` imports 19 modules in order:
-1. `variables.less` - CSS custom properties, colors, breakpoints (768/992/1200px)
-2. `design-tokens.less` - Spacing, typography scales
-3. `mixins.less` - Reusable Less mixins
-4. Component modules: sidebar, side-catalog, snackbar, highlight, search
-5. Enhancement modules: tech, home, scroll, interactive, article, archive
-6. `dark-mode.less` - Dark theme via `[data-theme="dark"]` selector
-7. `accessibility.less`, `multilingual.less`, `mobile-performance.less`, `editorial-design.less`
-
-Dark mode uses CSS custom properties toggled by `js/dark-mode.js`. Edit `variables.less` for both light and dark theme colors.
-
-### Bilingual Content
-Language-specific content lives in `_includes/` subdirectories:
-- `_includes/about/en.md` / `zh.md` - About page content
-- `_includes/posts/[date]-[slug]/en.md` / `zh.md` - Post translations
-
-The multilingual selector component is in `_includes/multilingual-sel.html`.
-
 ### Deployment
 - Push to `master` triggers GitHub Actions deployment
 - Workflow: `.github/workflows/jekyll.yml`
 - Ruby 3.1, auto-deploys to GitHub Pages
-- Future-dated posts ARE published (`future: true` in _config.yml)
-
-### PWA / Service Worker
-`sw.js` implements offline-first caching with auto-versioning on each Jekyll build. Cache strategies:
-- Pages: NetworkFirst (1hr cache)
-- Static assets (JS/CSS): CacheFirst
-- Images/fonts: Separate cache buckets
-
-Edit `PRECACHE_LIST` in `sw.js` to add critical offline resources.
-
-## Common Issues
-
-### Styles not updating after deploy
-You forgot to run `./build.sh` before commit. The compiled CSS files must be committed.
-
-### Jekyll serve fails
-Run `bundle install` first. Check Ruby version (needs 2.7+, prod uses 3.1).
-
-### Dark mode not working
-Check `js/dark-mode.js` and `less/variables.less` (both `:root` and `[data-theme="dark"]` blocks). Toggle via browser DevTools: `document.documentElement.dataset.theme = 'dark'`.
-
-### Build script fails on Windows
-Use WSL or Git Bash: `bash build.sh`
+- Future-dated posts ARE published (`future: true`)
 
-## Key Configuration Files
+## Key Configuration
 
-- `_config.yml` - Site metadata, SEO fields, social links, pagination, excluded paths
-- `pwa/manifest.json` - PWA app manifest
-- `sw.js` - Service worker (auto-versions via Jekyll)
+- `_config.yml` - Site metadata, social links, pagination
+- `css/style.css` - Complete design system (edit directly)