Feature Checklist

Check off each feature after testing it. Progress is saved locally.

0 / 0 done

Theme & Appearance

Dark mode Click the ☀️ button (bottom-left) → light theme activates
Light mode persistence Click again → dark mode, reload page → no flash, theme remembered
Canvas background Particles visible + lines appear when cursor moves near them
Typography Inter for body text, JetBrains Mono for code
Sans-serif — AaBbCc 0123 !@#
Monospace — AaBbCc 0123 !@#

Navigation

Sticky header Scroll down — header stays at top, backdrop-blur active
Mobile menu Resize window < 768px → hamburger icon, menu slides in
Active nav link Current page link is highlighted blue — NOT active on post pages → Check home → Check archives
Search bar Type in navbar search → redirects to /search/ with results

Homepage

Hero section Gradient title, animated terminal, CTA buttons → Homepage
Terminal animation Commands appear one by one with staggered delay, blinking cursor at end
Post cards Colored left border, hover glow effect, tags visible
Sidebar widgets Site Stats, System Status, Recent Posts, Categories, Tags all visible

Articles

Reading progress bar Gradient bar at top advances as you scroll through an article → Open an article
Table of Contents Auto-generated from headings, active link updates on scroll
Reading time & word count Shown in article header (e.g. "3 min read · 620 words")
Share buttons Twitter, LinkedIn, Email, Copy Link → toast notification appears
Post navigation Prev/Next links at bottom — disabled ones are hidden (not empty spans)
Callout blocks note, tip, info, warning, danger, success all render correctly → See writing reference

Code & Syntax

Code block header Every code block has a header with the detected language name 
echo "Hello, InfOps!"
kubectl get nodes -o wide
Copy button Click "Copy" → text copied, button shows "Copied!" for 2s
Syntax highlighting Prism.js active — keywords, strings, comments are colored 
def deploy(env: str) -> bool:
    """Deploy to target environment."""
    return run(f"helm upgrade --install app ./chart -n {env}")
No line numbers Code blocks above should have NO numbered gutter column on the left

Search

Client-side search Type "docker" → results appear instantly without page reload → Test search
Empty search Type "xxxxxxx" → "No results found" message displayed

Static Pages

Archives Articles grouped by year with date and tags → Archives
Tags page Tag cloud + post list per tag with counters → Tags
About page Feature table, tech stack, GitHub link → About
404 page Styled terminal error, home and archive links → Trigger 404

System Status

Online status Green badge with pulsing dot for status: online
Status colors Test all 4 statuses in _config.yml: online (green), warning (yellow), error (red), maintenance (blue) → Simulation guide
Widget toggle Set show_system_status: false → widget disappears entirely

Footer & Misc

Footer 4 columns Brand, Navigation, Recent Posts, Subscribe + RSS button
RSS feed feed.xml is generated and valid → feed.xml
Sitemap sitemap.xml generated for search engines → sitemap.xml
Toast notification Green toast appears bottom-right for 3s
Responsive layout Resize window: sidebar moves below content at <1100px, single column at <768px
0/0

Check off tests as you go.