homepage/CLAUDE.md

posixlycorrect.com

Personal homepage built with Zola.

Build

• zola build (direct)
• zola serve (local dev server)

Project Structure

• content/ — Markdown content
  • blog/ — Blog posts
  • lib/ — Library/reference articles
  • triforce-strategies/ — Triforce Strategies LLC content
    • tools/ — Interactive calculators/tools
• templates/shortcodes/ — Custom shortcodes (override theme)
• static/js/ — JavaScript files
• static/css/ — CSS files
• themes/tabi-lean/ — Theme (git subtree, do not edit directly)
• config.toml — Site configuration

Content Conventions

• Frontmatter: TOML (+++ delimiters)
• Section indices: _index.md
• Internal links: @/path/to/file.md

Adding Interactive Tools

To add a new tool under triforce-strategies/tools/:

1. Create shortcode: templates/shortcodes/tool_name.html

   • HTML structure (form, canvas, results container)
   • Load JS via {{ get_url(path='js/toolName.js') | safe }}
   • Include <noscript> fallback

2. Create JS: static/js/toolName.js

   • Wrap in IIFE: (function() { 'use strict'; ... })();
   • Use theme CSS variables for colors (--text-color, --primary-color, etc.)
   • Scale canvas for retina: window.devicePixelRatio

3. Create CSS: static/css/tool-name.css

   • Use theme CSS variables from themes/tabi-lean/sass/main.scss
   • Responsive layout with media queries

4. Create page: content/triforce-strategies/tools/tool_name.md

   • Frontmatter: [extra] stylesheets = ["css/tool-name.css"]
   • Invoke shortcode: {{ tool_name() }}

Example: snp500_vs_anything (fund comparison calculator with Monte Carlo simulation)

Commit Style

type: description (e.g., blog: add post title)