4 pages had custom inline styles using landing-page CSS variables
(--text-primary etc) which render as light-on-dark. Switched all
pages to use the shared docs-content class which uses --docs-*
variables for the light theme.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Contrast:
- Increase --text-muted from #64748B to #8494A7 (~5.3:1 on dark bg)
- Darken --docs-text-muted from #94A3B8 to #6B7B8D (~5.3:1 on white)
- Increase sidebar section title opacity from 0.5 to 0.7
Keyboard & focus:
- Add skip navigation link to both pages
- Make screenshot images keyboard-focusable (tabindex, role=button)
- Add visible lightbox close button with focus styles
- Fix search input focus: proper outline instead of outline:none
Structure:
- Fix heading hierarchy: single h1 per page, demote sections to h2/h3
- Replace sidebar h4 headings with p.sidebar-section-title
- Add aria-labels to all nav landmarks (main, sidebar, footer)
- Fix broken footer anchor links (#security-model, #api-endpoints)
Accessibility:
- Add sr-only label for docs search input
- Add aria-label to back-to-top button
- Change nav logo SVG from aria-label to aria-hidden (redundant)
- Add role=dialog and aria-label to lightbox
- Fix docs.html theme-color meta to #FAFBFC (matches light theme)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Shorten meta description to ~120 chars (was ~165)
- Add alt text to lightbox placeholder image
- Add apple-touch-icon.png (180x180) and link tag
- Canonical tag already correct (https://theotherdude.net/)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Document the Wireless tab, wireless alert rules, APs Needing Attention
dashboard card, and wireless-issues API endpoints across all docs.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add device health and interface traffic screenshots, update alt text
and captions to match new demo data, reorder for better storytelling.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace manual 6-step docker compose instructions with python3 setup.py
in README, website landing page, and docs page.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- At 768px: hide Architecture and Screenshots links
- At 480px: show only Docs, Blog, and Get Started CTA
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Blog index at /blog/ with post listing
- First post: project origin story, support expectations, SaaS teaser
- Add Blog link to main site nav and footer
- Update sitemap with blog URLs
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Update sitemap lastmod to 2026-03-15
- Add WinBox browser, VPN, CA, reports, SRP-6a to keywords
- Add VPN onboarding and PDF reports to schema.org featureList
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Add flex-wrap to .footer-links so links wrap instead of overflow
- Retarget .footer-link to .footer-links a (links had no class)
- Add responsive gap rules at 768px and 480px breakpoints
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
WinBox tunnels, SSH terminal, NATS request-reply architecture,
session management, security notes, and updated port tables.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Restore original 6-step quick start with comments. Increase arch flow
box contrast (bg-deep background, stronger border) and arrow size.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Hero: tighter 3-line intro focused on the problem
- What It Does: updated section label
- Safe Config: panic-revert language, fleet-wide templates
- Who This Is For: expanded audience descriptions
- Architecture: new section with vertical flow diagram
- Quick Start: simplified to 3 commands
- CTA: open source + self-hosted, closing tagline
- Slow gradient fill animation from 1.2s to 2s
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Gradient on left half of background, white on right. Animation sweeps
from white to gradient. Uses 'both' fill mode for correct state during
delay and after completion.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The gradient sweeps left-to-right across "Centralized Management"
after a 0.3s delay, transitioning from plain text to the teal-burgundy
gradient over 1.2s.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Each list gets a dynamically generated keyframe where only 1/N of the
cycle is active. Bullets are staggered 0.8s apart so they take turns
pulsing in sequence, looping forever.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Teal bullet dots pulse with a staggered throb when list items scroll
into view. Uses IntersectionObserver with 120ms stagger per item.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Section labels, titles, descriptions, and closing statements are now
centered. Bullet lists remain left-aligned within their centered
container for readability. Fixes visual disconnect between centered
hero and left-justified content sections.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace marketing-heavy hero, feature cards, and architecture diagram
with straightforward copy aimed at real MikroTik operators. New sections:
What It Does, Safe Configuration, Built for Real Operators, Designed for
Scale, and Open Source CTA.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace verbose ASCII architecture in README with clean linear flow.
Remove tech stack badge grid from landing page.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Banner on landing page, docs page, and GitHub README warning that the
software is in active development and not yet ready for production use.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add GitHub link to nav bar on both index and docs pages
- Add git clone + cd commands to Quick Start terminal block
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add 1200x630 og-image.png with rug rosette branding
- Add og:image and twitter:image to docs.html
- Upgrade docs.html twitter:card from summary to summary_large_image
- Add og:locale to docs.html
- Add footer with nav links to docs.html
- Add GitHub repo link to both page footers
- Update sitemap.xml lastmod to 2026-03-09
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
