Project Diary - Day 30 Completion

Day 30 primary goal: breadcrumb navigation — site-wide consistency on all content pages across deep-dive/, learning/, and resources/. Four templates established by directory depth and section. Pages already carrying breadcrumbs served as the reference pattern — no new design, just consistent application.

Upload via Spectrum was intermittent — site delivered in directory tarballs rather than a single AI.tar.

Breadcrumb Templates Established

Template A — deep-dive/cli-tools/ — AI Home › Technical Deep-Dive › CLI Tools › Page Title
Template B — deep-dive/ top level — AI Home › Technical Deep-Dive › Page Title
Template C — learning/ — AI Home › Learning Series › Page Title
Template D — resources/ — AI Home › Resources › Page Title

Index pages carry two-level crumbs only — section name as plain text, no third level.

Completed This Session

deep-dive/cli-tools/ — Template A (6 files)

curl, fzf, gh, index, ripgrep, tmux — breadcrumbs added
CSS block added to all 6 — these pages predated breadcrumb CSS

deep-dive/ — Template B (7 files)

deep-dive-index, advanced-topics added
ai-intrusion-detection, ai-log-analysis-basics, ai-log-analysis-start-here, ai-log-tools, ai-security-limits — breadcrumbs added and titles corrected (filenames replaced with human-readable page titles)
ai-security-limits-claude.html font-size corrected: 1.0em → 0.88em
VNU: 9 files checked, zero errors

learning/ — Template C (10 files)

All 10 files updated — CSS and breadcrumb div added to each
AI_and_LLM-Learning-Companion.html — blue/white color scheme; breadcrumb CSS color set to white
VNU: 12 files checked, zero errors

resources/ — Template D (5 files)

All 5 files updated — CSS and breadcrumb div added to each
Grok-on-Grok.html — gradient header scheme; breadcrumb CSS color set to white
5 backup ~ files cleaned up
VNU: 6 files checked, zero errors

Design Notes

Two pages required white breadcrumb text due to dark/colored backgrounds: AI_and_LLM-Learning-Companion.html (blue scheme) and Grok-on-Grok.html (blue-to-purple gradient). All other pages use the standard #666 grey text on the site's cream background.

Breadcrumb tells the user three things: where they are, how they got here, and how to get back. Applied to index pages as well as content pages — consistency over convention.

Project Diary — Day 30 Completion

Session Context