┌──────────────────────────────────────────────────┐
│ [☰] Logo IT-Journey [⚙️] [☰] │ ← Click here!
└──────────────────────────────────────────────────┘
The gear icon (⚙️) in the header navigation opens the Settings & Info modal containing:
┌──────────────────────────────────────────────────┐
│ © 2025 IT-Journey — Powered by: │
│ [Ruby] [Jekyll] [Bootstrap] [GitHub] [Info] ← │ Click here!
└──────────────────────────────────────────────────┘
The Info button in the footer provides the same access point.
When you click either button, a modal opens showing:
╔════════════════════════════════════════╗
║ Settings and Source [×] ║
╠════════════════════════════════════════╣
║ ║
║ 📍 Breadcrumbs ║
║ 🔍 Search ║
║ ║
║ ℹ️ Theme Information ║
║ ┌─────────────────────────────────┐ ║
║ │ 🎨 Theme │ ║
║ │ Name: zer0-mistakes │ ║
║ │ Repository: bamr87/zer0-... │ ║
║ │ Version: v0.5.0 or Latest │ ║
║ │ [Changelog] [Documentation] │ ║
║ └─────────────────────────────────┘ ║
║ ║
║ ┌─────────────────────────────────┐ ║
║ │ 💻 Build Environment │ ║
║ │ Jekyll: v3.9.5 │ ║
║ │ Ruby: v3.2.3 │ ║
║ │ Environment: production │ ║
║ │ Last Build: 2025-11-02... │ ║
║ └─────────────────────────────────┘ ║
║ ║
║ ┌─────────────────────────────────┐ ║
║ │ 🌐 Site Details │ ║
║ │ Repository: bamr87/it-journey │ ║
║ │ Branch: main │ ║
║ │ Collections: 8 configured │ ║
║ └─────────────────────────────────┘ ║
║ ║
║ ┌─────────────────────────────────┐ ║
║ │ 🔌 Active Plugins │ ║
║ │ [jekyll-remote-theme] │ ║
║ │ [jekyll-feed] [jekyll-seo...] │ ║
║ └─────────────────────────────────┘ ║
║ ║
║ ┌─────────────────────────────────┐ ║
║ │ 📚 Technology Stack │ ║
║ │ Ruby → 3.2.3 │ ║
║ │ Jekyll → 3.9.5 │ ║
║ │ Bootstrap → 5.2.0 │ ║
║ │ Docker → 20.10.8 │ ║
║ └─────────────────────────────────┘ ║
║ ║
║ 🔗 Quick Links: ║
║ [GitHub] [VS Code] [Config] ║
║ ║
║ 🌓 Dark Mode Toggle ║
║ ║
║ ❓ Need help? ║
║ [Jekyll Docs] [Report Issue]... ║
║ ║
║ [Close] ║
╚════════════════════════════════════════╝
✅ Always Available: Accessible from every page
✅ No Navigation: Direct access from header/footer
✅ Comprehensive: All system info in one place
✅ Helpful Links: Quick access to docs and support
✅ Up-to-Date: Shows actual installed version
The theme information is generated dynamically by:
_plugins/theme_version.rb - Extracts version during build_includes/components/theme-info.html - Renders the display_includes/components/info-section.html - Modal containerNo configuration needed - it works automatically! 🎉
Pro Tip: Bookmark this modal for quick access to documentation links and system details while developing your site.