cadela.dev

Updates

Build Log

Progress entries, shipping announcements, and development notes — from first commit to working harness.

June 3, 2026

Site upgrade: multi-page architecture and diagrams

Expanded from a single-page landing site into a full multi-page product website:

  • Harness page — launched with an inline SVG model routing diagram and an HTML/CSS agent/skills/rules layer visualization. The SVG shows the full routing flow from task input through policy evaluation to local or API model execution.
  • Clean-Room page — expanded documentation of the 5-step documentation pipeline with visual step cards and clear safety boundaries.
  • Cookbook page — workflow recipe hub with category cards for prompt packs, model selection, ComfyUI pipelines, and more. Content coming in later phases.
  • Roadmap page — expanded phase cards with per-phase detail and status indicators.
  • Build Log page — this page! Reverse-chronological blog-style entries for tracking progress.
  • Homepage refactor — tightened to focus on core positioning. Added community section with GitHub, Discord, and newsletter signup.
  • Shared navigation — consistent header/nav across all 7 pages with active-state indicators.
June 2, 2026

GitHub Pages deployment prep

Set up automated deployment infrastructure and finalized the site for production:

  • Created GitHub Actions workflow (.github/workflows/deploy.yml) — builds on push to main, deploys dist/ to Pages
  • Added vite.config.js with multi-page entry points and configurable base path for custom domains or project sites
  • Updated README with step-by-step deployment instructions for both custom-domain and project-site scenarios
  • Final brand and copy review — all clean-room language verified, no overpromising, no private leaks
June 2, 2026

Public documentation page

Created a standalone docs page as the foundation for public-facing project documentation:

  • What Cadela Is — full positioning, "why harness," and four design principles (local-first, project-aware, modular, private)
  • Local Dev Setup — clone, install, dev server, build, and stop commands with code blocks matching the terminal visual style
  • Planned Architecture — model routing, agent system, skills/rules system, and workflow engine descriptions
  • Clean-Room Principles — full methodology page with 5-step workflow, safe outputs, and explicit boundaries
  • Roadmap — 4 phases with current-status indicators
  • New src/docs.css for documentation-specific two-column layout and code block styling
June 2, 2026

Copy polish and brand tightening

Audited and rewrote every content block on the homepage for sharper, more original messaging:

  • Hero headline tightened to "Run AI your way. Keep the keys." — shorter, more memorable
  • Vision section reframed from "a practical harness" to "the harness between you and the models"
  • Why Local-First section reframed from "changes everything" to "puts you back in control"
  • Feature cards rewritten with stronger verbs and more specific examples
  • Clean-room section renamed from "reversal" to "clean-room documentation" everywhere, including URL anchors
  • Footer tagline changed from "building the future in public" to "build on their own terms"
  • All future features verified to use "being built," "designed to," "long-term goal," or "roadmap" language
June 2, 2026

Mobile QA and responsive polish

Ran a full responsive audit and made targeted fixes across all breakpoints:

  • Fixed panel min-heights at ≤900px so single-column layout doesn't have stretched cards
  • Tightened split-section gaps for stacked mobile layout
  • Reduced roadmap line-height at ≤600px for better readability in single column
  • Resized flow arrows to match smaller chip sizes on mobile
  • Added 400px breakpoint for very small phones with adjusted font sizes
  • Verified no horizontal overflow, accessible contrast, and clean mobile nav behavior
June 2, 2026

Homepage visual polish pass

Major visual upgrade to make the homepage feel like a premium product site:

  • Added scroll-triggered fade-in animations (IntersectionObserver) on all sections with staggered card reveals
  • Implemented terminal typewriter effect with character-by-character typing and blinking cursor
  • Added hover effects on feature cards (lift, accent bar expansion, border glow)
  • Added hover effects on buttons (scale + enhanced glow), panels (lift + glow), and nav links (underline)
  • Built full mobile hamburger menu with animated X toggle, backdrop blur overlay, and Escape key support
  • Added third background glow (violet) for mid-page depth
  • Added Why Local-First section as a dedicated named section
  • Throttled scroll handler with requestAnimationFrame
June 2, 2026

Initial site setup and inspection

First pass: read through all starter files and established the baseline:

  • Identified 3 priority passes: visual polish, copy refinement, mobile/technical completeness
  • Verified local dev server on port 4173, Vite build passing, GitHub Pages compatibility
  • Reviewed all .claude/rules, .claude/skills, and docs for brand constraints
  • Starter site had solid bones: hero with terminal card, vision section, feature cards, stack grid, clean-room section, roadmap, and footer