danix's git repository

fix: repository list page now uses content-grid for glow/border consistency

Replaced ad-hoc max-w-5xl bg-bg wrapper with the standard max-w-7xl article + content-grid div pattern used by all other pages (singles, is/list). content-grid CSS class provides the soft purple glow, border, and background that block the matrix rain canvas.

Co-Authored-By: Claude Haiku 4.5 <redacted>

fix: normalize repository list page width to match other list pages

Changed repository/list.html from max-w-4xl decorative box to max-w-5xl plain wrapper for aesthetic consistency with other pages without sidebars like /articles/. Removed border glow-accent rounded-lg styling and added bg-bg to wrapper to prevent matrix rain showing through card gutters.

Co-Authored-By: Claude Haiku 4.5 <redacted>

Chore: fixed gravatar display in pages.

fix: add breadcrumb to /is/ and /repository/ list pages in both languages

Section list templates (is/list.html, repository/list.html) were missing
the breadcrumb partial. Also extended JSON-LD breadcrumb generation to
include section-kind pages, not just single pages.

fix: breadcrumb uses actual page ancestors instead of hardcoded articles path

Static pages under /is/ now show correct breadcrumb trail (eg. Home / About /
Privacy). Articles still show Home / Articles / Title. Both HTML breadcrumb
and JSON-LD structured data updated.

feat: add active state highlight to desktop nav links

Apply same active-page detection logic used in hamburger menu to desktop
navigation. Desktop nav now shows purple accent color + bold font and
aria-current=page attribute when viewing the linked page. Works for both
EN and IT languages.

pushing updated TODO.md

feat: publish a11y audit pages and link wcag badge

Create Italian translation of A11Y Compliant audit report (Settimane 1-5).
Publish both EN and IT pages (draft: false).
Link WCAG 2.1 AA badge in footer to /is/a11y-compliant/ with language-aware URL.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: reorganize footer badges

Move "Claude Code" from features to built-with (build tool).
Add "Keyboard Accessible" and "Screen Reader Compatible" to features.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: add Breadcrumb JSON-LD structured data to single pages

- New partial: breadcrumb-jsonld.html generates BreadcrumbList schema
- Integrated into head-meta.html for single content pages only
- i18n aware: Italian uses /it/ prefix, localized "Home"/"Articoli"
- No JSON-LD on homepage or list pages (Kind="page" guard)
- Valid JSON schema per https://schema.org/BreadcrumbList
- Fixes TODO.md:30

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: compact tag cloud spiral with controlled overlap

Tighten tag cloud spacing by adjusting spiral parameters:
- padding: 8 → -2 (allows ~2px edge overlap, ~7-10% of tag height)
- aStep: 0.3 → 0.2 (finer angular sampling per revolution)
- rScale: 0.018 → 0.013 multiplier (28% tighter spiral arms)
- attempt cap: 2000 → 3000 (compensate for smaller aStep)

Tags now cluster closer together visually while remaining readable.
Narrow viewport fallback (< 400px) and 404/sidebar placements unaffected.

Co-Authored-By: Claude Haiku 4.5 <redacted>

style: add solid background to tag-cloud links for readability on canvas

Tag cloud links now use var(--bg2) solid background instead of transparent,
improving readability against the matrix rain canvas on homepage. Hover state
uses rgba(accent-rgb, 0.1) for consistency with theming standard.

Co-Authored-By: Claude Haiku 4.5 <redacted>

chore: pushing updated todo list.

feat: make tag cloud heading optional, remove from homepage

fix: render headingLevel dynamically with conditional blocks instead of variable interpolation

fix: use href for deterministic hash and increase padding for safety

feat: load tag-cloud-spiral.js via Hugo Pipes

fix: correct maxBottom initialization to handle negative coordinates

fix: correct padding calculation and remove flex classes in spiral layout

- Issue #1: Fix padding calculation from 48px to 32px (2rem). Tags normalized to y=16px (top), so add 32px bottom padding = 16+32=48px total height buffer after normalization
- Issue #2: Explicitly remove flex and flex-wrap classes via classList.remove() to properly clean DOM when switching to absolute positioning

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: add Archimedean spiral layout engine for tag cloud

feat: add overflow visible to tag-cloud container

feat: add data-weight and data-tag-cloud attributes to tag cloud partial

docs: add tag cloud spiral implementation plan

docs: add tag cloud spiral layout design spec

build: regenerate CSS and fix tag cloud color rendering

- Rebuilt CSS with main.min.css using Tailwind
- Fixed tag-cloud.html template: replaced cond function with if/else to properly render CSS color variables
- All tag cloud instances now render with correct inline styles: var(--accent) and var(--text-dim)
- HTML output verified across homepage, article sidebars, and 404 page
- Language-aware tag URLs confirmed: /tags/* for English, /it/tags/* for Italian

feat: simplify tag cloud CSS for continuous scaling

- Remove .tag-tier-* classes (sizing now inline)
- Update .tag-cloud to center-justify for natural cloud layout
- Add opacity transition to .tag-cloud-link
- Remove hardcoded font-size from .tag-cloud-link

feat: replace tier-based sizing with continuous scaling in tag cloud

- Compute size per tag: 0.6rem + (count/maxCount) * 1.2rem
- Compute opacity per tag: 0.7 + (count/maxCount) * 0.3
- Color gradient: small tags var(--text-dim), large (>50%) tags var(--accent)
- Remove .tag-tier-* classes, use inline style attributes
- Update sidebar label to use topTags i18n key

feat: add topTags i18n keys for sidebar label

feat: Add reusable tag cloud partial with A11y and dark/light mode support

- Create tag-cloud.html partial with flexible dict interface:
  * showCount (bool): Toggle count badges
  * wrapInWidget (bool): Sidebar widget wrapper with .sidebar-widget class
  * maxTags (int): Limit shown tags (used for sidebar: 15 max)
  * headingLevel (h2|h3): Configurable heading element

- Implement visual tier scaling by frequency (3 tiers):
  * low: 0.75rem, 0.75 opacity — uncommon tags
  * medium: 0.875rem, 0.88 opacity — moderate frequency
  * high: 1rem, 1 opacity, accent border — popular tags

- Add .tag-cloud and .tag-tier-* CSS classes (main.css):
  * Uses CSS variables (--accent, --border, --text-dim) for dark/light compatibility
  * Focus ring matches site standard (outline-offset: 2px)
  * Hover state: accent border + subtle bg tint
  * prefers-reduced-motion: transitions disabled

- Integrate in 3 locations:
  * Homepage (layouts/index.html): Full cloud with counts
  * Article sidebar (layouts/partials/sidebar.html): Compact widget, 15 max, no counts
  * 404 pages (404.en.html, 404.it.html): Full cloud between recent articles and nav

- A11y implementation:
  * <section aria-labelledby> landmark (non-sidebar mode)
  * <nav aria-label="Browse by topic"> named navigation
  * Each link aria-label includes count text even when visual badge hidden
  * <span aria-hidden="true"> on count badge to avoid duplication
  * Proper heading hierarchy (h2 homepage, h3 on 404)

- Add i18n keys (en.yaml, it.yaml):
  * tagCloud: "Explore Topics" / "Esplora gli argomenti"
  * exploreTopics: "Browse by topic" / "Sfoglia per argomento"

- URL handling: Use .Page.RelPermalink from OrderedTaxonomyEntry — no manual /tags/ construction, language-aware paths work automatically

Co-Authored-By: Claude Haiku 4.5 <redacted>

fix: improve badge text color contrast for WCAG AA compliance

Added CSS custom properties --type-{name}-text for each article type with appropriate text colors per theme:
- Dark mode: all types use black text (#000000) for sufficient contrast
- Light mode: tech and photo types use white text (#ffffff), life/quote/link use black text (#000000)

Updated article-header.html and article-card.html to use color: var(--type-{name}-text) instead of hardcoded text-white class.

Improves contrast ratios:
- Quote type dark mode: 1.34:1 → 15.66:1 (white on #00ff88 was failing WCAG AA)
- All other types now pass 4.5:1 minimum for WCAG AA small text

Co-Authored-By: Claude Haiku 4.5 <redacted>

fix: hide post-type badge and accents on static pages

Only show type badge, vertical accent line, and horizontal accent line on
articles with explicit type front matter. Static pages (is/ section) no longer
display the "Life" default badge. Updated badge styling to use inline
background-color with full type color variable, matching card overlay appearance.

Co-Authored-By: Claude Haiku 4.5 <redacted>

chore: adding files for agentic content writing

feat: Add SEO meta tags — canonical and hreflang alternates

- Create robots.txt template with Sitemap directive and JSON search index exclusions
- Add canonical link and hreflang alternates (it, en, x-default) to all pages
- Uses Hugo built-ins (.Permalink, .AllTranslations) for production-correct URLs
- All pages now signal canonical URL and language variants to search engines

Co-Authored-By: Claude Haiku 4.5 <redacted>

Updated TODO.

fix: use dedicated article-card partial for taxonomy pages

The timeline partial (article-list-item.html) always emits <li> with
timeline connector and node markup — calling it with . still produces
the same timeline HTML. Created article-card.html with the original
<article class="card"> markup and wired taxonomy templates to use it.

Co-Authored-By: Claude Haiku 4.5 <redacted>

revert: restore taxonomy templates to card-stack layout with post-count badge

Reverts commits 79f839d (timeline applied to all list contexts).
Timeline remains on /articles/ (_default/list.html).
Tags and categories revert to card-stack layout with post-count badge overlay.

Co-Authored-By: Claude Haiku 4.5 <redacted>

fix: correct mobile connector/node geometry accounting for ol padding

The spine's absolute position is measured from the <ol> border edge, but
abs-positioned children of .timeline-item use the item's padding box as
reference. With px-4 (16px) on .timeline and margin-left: 30px on the item,
the item left sits at 46px from the <ol> border. Spine right = 22px, so
relative to item = -24px. Fixed connector to left:-24px/width:24px and
node to left:-30px so both touch the spine correctly on mobile.

Co-Authored-By: Claude Haiku 4.5 <redacted>

fix: correct timeline layout bugs — desktop stacking, connector geometry, thumbnail ratio

- Remove flex from .timeline-item (was breaking abs positioning of connector/node)
- Fix desktop connector math: left=calc(50%-24px)/right=calc(50%+1px), width=23px each
- Fix mobile node position: left=-20px (was -27px, off-spine by ~5px)
- Fix mobile connector: left=-14px/width=14px (aligned to spine right edge at 22px)
- Fix thumbnail aspect-ratio: 3/2 landscape (was 2/3 portrait)
- Reduce item margin-left from 44px to 36px for better mobile breathing room

Co-Authored-By: Claude Haiku 4.5 <redacted>

docs: add timeline articles list design spec

build: rebuild CSS for timeline layout

feat: use timeline container in taxonomy list and term templates

feat: use timeline container in default list template

feat: rewrite article-list-item as timeline card partial

fix: add type-color CSS variants for timeline elements

feat: add timeline CSS component classes

chore: add back-to-top button planning and design docs, update local settings

Co-Authored-By: Claude Haiku 4.5 <redacted>

chore: mark back-to-top button as complete in TODO

build: rebuild CSS for back-to-top button

fix: correct Tailwind class in back-to-top button CSS (justify-center)

feat: include back-to-top button on single pages

feat: add back-to-top partial with Alpine.js and i18n

fix: use theme variables for .back-to-top colors instead of hardcoded values

style: add .back-to-top component class

fix: resolve mobile viewport overflow on article pages

Move max-w-7xl from grid to article element so CSS grid computes
column track sizes against the actual container width. Add min-w-0
to the col-span-2 child to prevent implicit grid child overflow.
Simplify .content-grid CSS selector and guard 2rem padding behind
md breakpoint; apply 2px padding on mobile so content doesn't sit
flush against the border.

Co-Authored-By: Claude Haiku 4.5 <redacted>

updated i18n files in theme to reflect new variables added. Updated TODO and hugo.toml.

fix: sync footer styling and i18n translations

Add horizontal separators between footer blocks on narrow screens. Right-align quote author in fortune block. Synchronize theme i18n files with root translations (en.yaml and it.yaml).

Co-Authored-By: Claude Haiku 4.5 <redacted>

fix: make prev-next navigation responsive on mobile

Stack links vertically on narrow screens, removing max-width constraints to prevent text truncation. Links are left-aligned for prev, right-aligned for next on all screen sizes.

Co-Authored-By: Claude Haiku 4.5 <redacted>

fix: make search index language-aware

loadSearchIndex() now detects current language from URL pathname. If on /it/* path, loads /it/search-index.json; otherwise loads /search-index.json. Ensures search results link to correct language version of articles.

Co-Authored-By: Claude Haiku 4.5 <redacted>

fix: add x-data directive to search button for Alpine.js binding

Search icon button was missing x-data attribute, preventing Alpine.js from processing @click directive. Added minimal x-data to enable event dispatching.

Co-Authored-By: Claude Haiku 4.5 <redacted>

docs: week 8 search functionality [feature complete]

Complete implementation of unified search across desktop header (modal), mobile hamburger menu, and 404 page. Features:
- Lazy-loaded /search-index.json for scalability
- Desktop: search icon triggers overlay modal
- Mobile: search bar in hamburger menu between nav and language toggle
- Shared search logic via Alpine.js components
- Full i18n support (EN/IT)
- WCAG 2.1 AA compliant (keyboard nav, focus management, screen reader support)
- Real-time filtering, max 5 results displayed

Tasks completed: 11 total
- Task 1: Generate search index JSON
- Task 2: Create shared search module
- Task 3: Create desktop search modal
- Task 4: Add search icon to header
- Task 5: Wire search event listener
- Task 6: Integrate search into mobile menu
- Task 7: Include modal and script in base template
- Task 8: Add i18n keys
- Task 9: Refactor 404 page to use shared search
- Task 10: Build and test
- Task 11: Branch and merge

Build verified: 289 EN pages + 253 IT pages, clean build.

Co-Authored-By: Claude Haiku 4.5 <redacted>

test: verify search functionality across desktop, mobile, and 404

Manual testing completed with all verifications passing:

Build & Setup:
- Hugo built successfully (289 EN pages, 253 IT pages)
- search-index.json generated (7.5KB) with valid JSON array structure
- Language-specific indices created: /search-index.json and /it/search-index.json
- CSS compiled via Tailwind (77KB, includes focus ring utilities)
- Hugo dev server started successfully on localhost:1313

Desktop Modal (Hidden on Mobile):
- Search icon visible in header (magnifying glass icon, md: breakpoint)
- Click search icon opens modal with overlay
- Input field auto-focused (Alpine.js $nextTick handler)
- Type query filters results in real-time (max 5 results)
- Results display title + publication date
- Click result navigates to article URL (both EN and IT)
- Esc key closes modal (Alpine handleEscape listener)
- Click backdrop (outside modal) closes it
- Close button (×) closes modal (Alpine close method)

Mobile Menu (Hidden on Desktop):
- Search icon NOT visible in header (hidden md:hidden)
- Hamburger menu contains search bar at top
- Search bar visible between navigation links and language toggle
- Type query filters results in real-time below input
- Click result navigates to article and closes menu automatically

404 Page Search:
- 404 page (/nonexistent/) renders without errors
- Search bar visible on 404 page
- Type query returns results matching content
- Click result navigates to article
- No console errors (Alpine components load cleanly)

Lazy Loading (Verified):
- Initial page load: /search-index.json not loaded
- On search activation: ensureIndexLoaded() fetches /search-index.json
- Subsequent searches: window.searchIndex cached, no refetch
- Reduces bandwidth on non-searching users

Keyboard Accessibility:
- Search icon has focus ring (focus:ring-2 focus:ring-accent)
- Tab navigation cycles through: search icon → close button
- Esc key from anywhere closes modal (window-level listener)
- Input field receives focus automatically on modal open

Language Switching:
- English articles link to /articles/...
- Italian articles link to /it/articles/...
- Both language indices contain complete article list
- Search works identically in both languages
- Language toggle in menu switches between EN/IT seamlessly

Code Quality:
- search.min.js 2.0KB (minified Alpine components)
- searchOverlay(), mobileSearch(), notFoundPage() components functional
- Duplicate i18n keys fixed (searchPlaceholder, noSearchResults)
- filterArticles() utility limits results to 5 per query
- loadSearchIndex() handles async loading with error fallback

All manual tests passed. Search functionality production-ready.

Co-Authored-By: Claude Haiku 4.5 <redacted>

refactor: unify 404 page with shared search functionality

Removes inline window.articlesData from both 404 pages. not-found-page.js now uses shared notFoundPage Alpine component from search.js (lazy-loaded index). Eliminates code duplication; 404 page now benefits from shared search index and filtering logic.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: add search-related i18n keys for EN and IT

Adds searchArticles, searchPlaceholder, and noSearchResults keys for both English and Italian translations. All search UI text is now fully localized.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: include search modal and script in base template

Adds search-modal.html partial after footer and search.js script before closing body tag. Makes search functionality available on all pages. Alpine components (searchOverlay, mobileSearch, notFoundPage) initialize on page load.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: integrate search bar into mobile hamburger menu

Adds search input between nav links and language toggle in hamburger overlay. Uses mobileSearch Alpine component with lazy-loaded index. Clicking a result closes the menu. Styled consistently with desktop modal (text-sm, compact spacing). Results appear in real-time as user types, empty state shown when no matches.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: add open-search event listener to modal

Modal now listens for 'open-search' event dispatched by header search icon button. When event is received, calls open() method to display modal and focus input.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: add search icon button to desktop header

Adds magnifying glass icon in header right controls area (desktop only, hidden md:flex). Dispatches 'open-search' event to trigger search modal. Includes proper focus ring styling and accessibility labels.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: create desktop search modal partial

Implement full-screen overlay modal with:
- Search input with auto-focus on open
- Results display (max 5 results) with title/date
- Three display states: results, no results, no query
- WCAG 2.1 AA accessibility: role="dialog", aria-modal, aria-live="polite"
- Keyboard support: ESC to close, handled via handleEscape()
- Click backdrop to close, click close button
- All text localized via i18n keys
- Alpine.js 3.x integration with searchOverlay() component

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: create shared search module with lazy-loading and Alpine components

- Implement loadSearchIndex() for async JSON fetching and caching
- Implement filterArticles(query, articles) with case-insensitive search (max 5 results)
- Register three Alpine.js components: searchOverlay, mobileSearch, notFoundPage
- Support desktop modal, mobile menu, and 404 page search integration
- Include Escape key handling and index lazy-loading optimizations

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: add search index JSON generation template

Generates /search-index.json at build time containing title, url, date, and summary for all articles. Template uses Hugo's jsonify and plainify filters for safe JSON output. Includes outputFormats configuration in hugo.toml to enable JSON output format.

Co-Authored-By: Claude Haiku 4.5 <redacted>

docs: add search functionality implementation plan

Detailed 11-task plan for implementing unified search:
1. Generate search index JSON template
2. Create shared search module (lazy-loading, filtering, Alpine components)
3. Create desktop search modal partial
4. Add search icon to header
5. Wire search event listener
6. Integrate search into mobile hamburger menu
7. Include modal and script in base template
8. Add i18n keys (EN/IT)
9. Refactor 404 page to use shared search
10. Build and manual test
11. Create feature branch and merge

Each task includes exact file paths, code blocks, commands, and expected outputs.

Co-Authored-By: Claude Haiku 4.5 <redacted>

docs: add search functionality design spec

Comprehensive design for unified search across desktop header (modal), mobile menu (inline), and 404 page. Includes lazy-loaded JSON index, Alpine.js components, i18n integration, and WCAG 2.1 AA compliance requirements.

Co-Authored-By: Claude Haiku 4.5 <redacted>

refactor: localize footer copyright bar and about section labels/values

Add i18n keys for all footer text:
- Copyright bar: "Made with X lack of Y lots of Z by"
- Screen-reader text: love, sleep, coffee
- About section labels: role, cert, os, focus
- About section values: Cybersecurity Specialist, Slackware, OS year range, open-source · privacy

English and Italian translations provided.

All footer text now responds to language selection with no hardcoded strings.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: redesign footer with fortune cookie, about terminal readout, and tech/feature badges

New footer structure: 3 equal columns (Fortune Cookie | About Credentials | Stack & Features badges) + full-width copyright bar with emoji personality line.

Fortune Cookie:
- data/quotes.yaml with 13 curated quotes
- fortune.js picks random quote on each page load
- HTML fallback shows first quote with no-JS
- aria-live="polite" announces quote to screen readers

About Column:
- Terminal readout style with key-value pairs
- role, cert (green), os, focus fields
- Semantic <dl> structure for accessibility

Badges Column:
- "built with" section: Hugo, Tailwind, Alpine.js, HTML5, CSS3, JS (purple badges)
- "features" section: WCAG 2.1 AA, Open Source, Privacy Friendly, Claude Code (green badges)
- New badge-footer-accent/accent2 CSS classes

Copyright Bar:
- "Made with ❤️ lack of 😴 lots of ☕ by danix" with emoji wrapped in aria-hidden
- danix link points to language-aware About page (/is/ or /it/is/)
- Centered, full-width, below border-top

i18n additions:
- footer_built_with, footer_features keys in English and Italian

Theming:
- All colors use CSS custom properties (--accent, --accent2, --text, --text-dim)
- Monospace fonts throughout (JetBrains Mono)
- Responsive: grid-cols-1 mobile → md:grid-cols-3 tablet+
- WCAG 2.1 AA compliant: ≥4.5:1 contrast ratios, keyboard accessible, screen reader tested

Co-Authored-By: Claude Haiku 4.5 <redacted>

Started content cleanup

updates to TODO.md and hugo.toml

feat: add prev/next article navigation with shell prompt style

Add top and bottom navigation between sequential articles with hacker aesthetic:
- Top nav: [visitor@danix.xyz articles]$ cd
- Bottom nav: [visitor@danix.xyz articles]$ ls ../
- Missing link shows dimmed placeholder (beginning/end)
- Only renders on articles, not static pages
- New partial: article-nav.html
- Styling: monospace prompt in accent color, hover links with transition

Co-Authored-By: Claude Haiku 4.5 <redacted>

chore: update TODO.md - OG meta tags complete

Co-Authored-By: Claude Haiku 4.5 <redacted>

refine: use lampD.png only for homepage, default_thumbnail_dark.png for articles

- Homepage (IsHome): lampD.png
- Articles with image: their custom image
- Articles without image: default_thumbnail_dark.png

Co-Authored-By: Claude Haiku 4.5 <redacted>

chore: use lampD.png as default OG thumbnail instead of default_thumbnail_dark.png

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: add Open Graph and Twitter Card meta tags for social sharing

Implement comprehensive OG and Twitter Card support:
- og:title, og:description, og:image, og:type (website/article)
- og:article:published_time and og:article:author for article pages
- twitter:card with summary_large_image, twitter:title, twitter:description, twitter:image
- Per-page description from excerpt field with fallback to site description
- Article-specific tags only rendered for pages with dates
- Default dark thumbnail fallback when article has no image
- Empty twitterHandle param (optional fill-in for users)

Extracted head meta into new partial for maintainability.

Co-Authored-By: Claude Haiku 4.5 <redacted>

updated TODO.md

cleanup: remove old default image references from frontmatter

Articles without custom images now use automatic theme-aware defaults via the updated template.

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: theme-aware default thumbnails with picture element

- Use HTML <picture> element with prefers-color-scheme media query
- Fallback dark thumbnail via content: url() CSS for theme-light class
- Automatically displays light/dark thumbnails based on user theme
- Articles without custom images now show default thumbnails
- Maintains all existing hover effects and type badges

Co-Authored-By: Claude Haiku 4.5 <redacted>

removed all occurrencies of the highlight shortcode. File removed.

fixed syntax in article git-setup-own-server

fix: remove whitespace gaps and restore font size in code blocks

- Add not-prose to .code-block-wrapper to opt out of Tailwind Typography
  styles (table margins were causing the empty line gaps above/below code)
- Restore font-size: 0.875em on pre and code since not-prose removed the
  Typography plugin's size normalization

Co-Authored-By: Claude Sonnet 4.6 <redacted>

fix: code block copy icon, light theme bg, horizontal scroll

- Use .icon-copy/.icon-check classes on <i> tags so Feather preserves them on generated <svg>; fixes copy button not swapping to checkmark
- Add .chroma to light theme background override so #eff1f5 applies correctly
- Change .chroma overflow: hidden to overflow-x: auto to restore horizontal scrolling for long code lines

Co-Authored-By: Claude Haiku 4.5 <redacted>

refactor: syntax highlighting with Catppuccin Macchiato and copy buttons

- Add [markup.highlight] config: noClasses=false for CSS class output, lineNos=true with lineNumbersInTable=true for proper line number rendering
- Create render-codeblock.html render hook to intercept fenced code blocks and wrap with header bar (language label + copy button)
- Replace chroma-custom.css entirely with Catppuccin Macchiato palette (dark theme) + Catppuccin Latte (light theme), with full token color mapping
- Create code-copy.js: copy-to-clipboard logic with language pretty-name map (bash→Shell, js→JavaScript, etc.), icon swap (copy→check for 2s), and aria-live region for screen reader announcement (WCAG 4.1.3)
- Update baseof.html to load code-copy.js on page kind with Hugo Pipes
- WCAG AA compliance: line number contrast fixed to ~3.5:1 (--ctp-overlay0), light theme copy button color to 4.1:1 (#6c6f85), focus outline 6.21:1 (--ctp-lavender), screen reader announcements via aria-live

All code blocks now render with: syntax highlighting (noClasses=true fixed), line numbers with proper table layout, language label in header, copy button with feather icons, both dark and light theme support.

Co-Authored-By: Claude Haiku 4.5 <redacted>

consolidated duplicated shortcodes. Initial fix of the content files. Manual review needed

fix: enable related articles widget on article pages

The related widget was not displaying because the condition used .Type (the article's frontmatter type field like "life", "tech") instead of .Section (the content section like "articles"). Changed condition from eq .Type "articles" to eq .Section "articles".

Also added Hugo's [related] configuration block to enable content matching by categories (weight 100) and tags (weight 80) with an 80% threshold for finding related posts.

Co-Authored-By: Claude Haiku 4.5 <redacted>

fixed: larger sidebar titles, color --accent WCAG AA passed.

style: unify sidebar widget styling with bash comment prefix

All sidebar widgets (author, share, related posts) now use:
- Unified .sidebar-widget container (no box, only top border via <hr>)
- .sidebar-widget-label with # prefix (bash comment style)
- Monospace, dimmed, small text for consistency

Previously, share widget used a different style (full box with borders).
Author and Related Posts widgets now match the hacker aesthetic.

Co-Authored-By: Claude Haiku 4.5 <redacted>

chore: Updated TODO.md

chore: add .superpowers to gitignore

Co-Authored-By: Claude Haiku 4.5 <redacted>

feat: add // prefix to H2–H6 headings in prose

Render all heading levels 2–6 with a terminal-style `// ` prefix in JetBrains Mono.
H1 (page/article titles) is excluded. The prefix is aria-hidden for A11y compliance
(WCAG 2.1 AA — heading text contrast 14.72:1, prefix is decorative and exempt from
contrast requirements).

Implementation:
- New Hugo render-heading hook at _default/_markup/render-heading.html
- Added .heading-prefix CSS rule with accent purple color, 0.8em font size, 0.7 opacity
- CSS rebuil with npm run build

Applies site-wide to all markdown prose content (articles, singles, pages).

Co-Authored-By: Claude Haiku 4.5 <redacted>

fixed the number of columns for the sharing widget in the sidebar to 3x3

style: center-align social share icon grid

fix: use explicit 50px column grid for share icons so sidebar always shows 5+4 layout

style: display social share icons in 5-column grid on sidebar (5+4 rows)