IPynb Viewer - Notebook Variation Test
🎯 Testing Index Variation with Auto-Open
This test demonstrates the index variation of ipynb-viewer which automatically opens without requiring a button click, perfect for landing pages and documentation indexes:
- ✨ Auto-wrapping - Pure markdown cells styled automatically
- 🔖 Bookmarks - Save favorite pages to localStorage
- 🕘 History - Track navigation (last 25 items)
- ❓ Help System - Built-in user guide (opens docs/help.md)
- 🏠 Home Button - Jump to first page
- ☰ TOC (Hamburger Menu) - Quick navigation
- 🎨 Attractive Top Bar - Gradient purple-to-blue design
- × Close Button - Always visible
✅ Features to Test:
- Top Bar - Beautiful gradient with notebook title
- Bookmarks Button (🔖) - Click to save/view bookmarks
- History Button (🕘) - View navigation history
- Help Button (❓) - Opens comprehensive help guide
- Home Button (🏠) - Jump to first page
- TOC Button (☰) - Table of contents dropdown
- Close Button (×) - Exit overlay
Documentation Navigator (Index Mode - Auto-Open)
This test loads the docs-navigation.ipynb file from the repository root, demonstrating:
- External .ipynb file loading (not inline JSON)
- Index variation with auto-open (no "Start Reading" button)
- Repo metadata for GitHub markdown overlay support
- 55 cells with action cards, smart links, and transitions
- Auto-wrapping pattern detection (hero, intro, content, transition)
📝 Testing Instructions
- Notebook Auto-Opens! - The index variation automatically opens in overlay mode (no button needed)
- Check the top bar - Should show gradient background with "Documentation Navigator" title
- Test all buttons:
- 🏠 Home - Jumps to first page
- 🕘 History - Shows navigation history (builds as you navigate)
- 🔖 Bookmarks - Save pages, view saved bookmarks
- ☰ TOC - Table of contents dropdown
- ❓ Help - Opens docs/help.md in GitHub overlay
- × Close - Exits overlay
- Navigate through pages - Use Previous/Next or action cards
- Try bookmarking - Click 🔖, then "+ Bookmark This Page"
- Check history - Click 🕘 after navigating a few pages
- Open help - Click ❓ to see comprehensive help guide
- Verify auto-wrapping - Cells should have attractive styling without manual HTML
🔍 What to Look For
- Beautiful top bar - Purple-to-blue gradient
- Six control buttons - All properly styled and functional
- Bookmarks persist - Should survive page reload (localStorage)
- History tracks navigation - Shows up to 25 recent items
- Help opens in overlay - No external navigation
- Action cards work - Click to navigate between sections
- Hamburger TOC - Shows all headings for quick navigation