From 9bfd5b9b9237843c43987b1225c57e20562a13cd Mon Sep 17 00:00:00 2001 From: Jonathan Miller Date: Sat, 9 Aug 2025 22:41:35 -0500 Subject: [PATCH] v1.13.1 - Updated gitignore - Created ROADMAP.md --- .gitignore | 3 ++- ROADMAP.md | 63 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 65 insertions(+), 1 deletion(-) create mode 100644 ROADMAP.md diff --git a/.gitignore b/.gitignore index 07af618..475018b 100644 --- a/.gitignore +++ b/.gitignore @@ -69,4 +69,5 @@ sync.ffs_db #Custom CSS Brands /media/templates/site/moko-cassiopeia/css/global/colors_custom_*.css -/updates/* \ No newline at end of file +/updates +/updates diff --git a/ROADMAP.md b/ROADMAP.md new file mode 100644 index 0000000..a196be3 --- /dev/null +++ b/ROADMAP.md @@ -0,0 +1,63 @@ +# Moko-Cassiopeia Template Roadmap + +Copyright 2025 Moko Consulting. +This roadmap is part of the **Moko-Cassiopeia** Joomla template project. +All rights reserved. Redistribution permitted under the project’s license. + +--- + +## Version 2: Core Features +- **Dark Mode Toggle** + - [ ] Implement three-way front-end toggle: **Light / Dark / Follow Device (System)** for dynamic theme switching + - [ ] Persist selection in local storage; respect admin default on first load for consistent user experience + - [ ] When set to Follow Device, detect `prefers-color-scheme` and auto-switch on OS/theme changes without refresh + - [ ] Accessible labels/ARIA: `Light mode`, `Dark mode`, `Follow device` for screen reader compatibility + - [ ] Keyboard navigation (Tab/Arrow keys) and focus states for usability compliance + - [ ] Apply **Override Policy**: **Force Site** (site-wide enforced), **Force User** (always use user preference), **Follow Device**, **Allow User Choice** (user preference unless overridden) + - [ ] Fallback logic for browsers without `prefers-color-scheme` to ensure graceful degradation + +- **Admin Panel Enhancements** + - [ ] New settings for dark mode, including Follow Device and Override Policy, with tooltips for guidance + - [ ] Preview changes before saving to allow safe experimentation + - [ ] Preview link or module layout preview in admin panel for real-time visualization + - [ ] Enable/disable add-ons individually for modular control + - [ ] Basic optimization settings (asset minification, gzip) controlled by Development Mode toggle + - [ ] Performance optimization tools (lazy loading, CSS/JS minification, cache-busting) controlled by Development Mode toggle + - [ ] Ensure all CDN assets (Bootstrap, FontAwesome, libraries) are served locally for security and offline availability + +- **Documentation & Support** + - [ ] Update installation & configuration guide with new UI screenshots + - [ ] Document three-way toggle behavior, override policy, and browser support + - [ ] Add troubleshooting notes for common configuration conflicts + +## Version 3: User Experience Enhancements +- **Admin Panel Enhancements** + - [ ] Enable/disable add-ons individually with descriptive labels and dependency checks + - [ ] Improved layout and categorization of settings for faster navigation + - [ ] Intermediate optimization settings (image compression level, preloading resources) + - [ ] Ensure all related assets are served locally instead of via CDN + +- **Accessibility Features** + - [ ] Adjustable font sizes with preview + - [ ] High-contrast mode toggle + - [ ] ARIA label improvements and WCAG compliance checks + +- **Documentation & Support** + - [ ] Update guides to include new admin panel features and accessibility tips + - [ ] Provide accessibility best practices section + - [ ] Add changelog entries with detailed feature notes + +## Version 4: Advanced Functionality +- **Performance Optimization Tools** + - [ ] Additional advanced optimization options (service worker caching, CDN asset routing with local fallback) + - [ ] Admin toggle for enabling/disabling optimizations globally or per-page + +- **Admin Panel Enhancements** + - [ ] Enable/disable add-ons individually with version control for each + - [ ] Performance optimization configuration sections with live metrics (load time, requests count) + - [ ] Real-time status indicators for active optimizations with alerts for misconfigurations + - [ ] Ensure all optimization scripts and resources are served locally for maximum security + +- **Documentation & Support** + - [ ] Update performance optimization instructions with before/after benchmarks + - [ ] Add troubleshooting for optimization features, including compatibility notes with 3rd-party extensions