Regenerate README and CHANGELOG with comprehensive documentation
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
168
CHANGELOG.md
168
CHANGELOG.md
@@ -14,21 +14,55 @@
|
|||||||
|
|
||||||
# Changelog — MokoCassiopeia (VERSION: 03.06.02)
|
# Changelog — MokoCassiopeia (VERSION: 03.06.02)
|
||||||
|
|
||||||
## [03.06.02] 2026-01-30
|
All notable changes to the MokoCassiopeia Joomla template are documented in this file.
|
||||||
|
|
||||||
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
||||||
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||||
|
|
||||||
|
## [03.06.02] - 2026-01-30
|
||||||
|
|
||||||
|
### Major Rebrand
|
||||||
|
This release includes a complete rebrand from "Moko-Cassiopeia" (hyphenated) to "MokoCassiopeia" (camelCase).
|
||||||
|
|
||||||
### Changed
|
### Changed
|
||||||
- Changed name from Moko-Cassiopeia to MokoCassiopeia across all files and folders
|
- **Naming Convention**: Changed template identifier from `moko-cassiopeia` to `mokocassiopeia` across all files
|
||||||
- Updated version to 03.06.02
|
- **Display Name**: Updated from "Moko-Cassiopeia" to "MokoCassiopeia" in all documentation and language files
|
||||||
- Updated all documentation to use MokoCassiopeia
|
- **Language Constants**: Renamed all language keys from `TPL_MOKO-CASSIOPEIA_*` to `TPL_MOKOCASSIOPEIA_*`
|
||||||
|
- **Language Files**: Renamed from `tpl_moko-cassiopeia.*` to `tpl_mokocassiopeia.*` (4 files)
|
||||||
|
- **Media Paths**: Updated from `media/templates/site/moko-cassiopeia/` to `media/templates/site/mokocassiopeia/`
|
||||||
|
- **Repository URLs**: Updated all references to use `MokoCassiopeia` casing
|
||||||
|
- **Template Element**: Changed Joomla extension element name from `moko-cassiopeia` to `mokocassiopeia`
|
||||||
|
- **Documentation**: Updated all markdown files, XML manifests, and code comments
|
||||||
|
|
||||||
### Removed
|
### Removed
|
||||||
- Removed logo.svg and favicon.ico files
|
- **Default Assets**: Removed `logo.svg` and `favicon.ico` to allow clean installations
|
||||||
- Removed all template overrides (html folder and contents)
|
- **Template Overrides**: Removed all template override files (48 files, ~4,500 lines)
|
||||||
|
- Removed `src/templates/html/` folder entirely
|
||||||
|
- Removed overrides for: com_content, com_contact, com_engage, mod_menu, mod_custom, mod_gabble, layouts/chromes
|
||||||
|
- Template now inherits all rendering from Joomla Cassiopeia defaults
|
||||||
|
- Updated `templateDetails.xml` to remove html folder reference
|
||||||
|
|
||||||
|
### Breaking Changes
|
||||||
|
⚠️ **Important**: This release contains breaking changes:
|
||||||
|
- Existing installations will see template name change in Joomla admin
|
||||||
|
- Custom code referencing old language constants (`TPL_MOKO-CASSIOPEIA_*`) will need updates
|
||||||
|
- Custom code referencing old media paths will need updates
|
||||||
|
- Sites relying on custom template overrides will revert to Cassiopeia defaults
|
||||||
|
- Extension element name changed (may require reinstallation in some cases)
|
||||||
|
|
||||||
|
### Migration Notes
|
||||||
|
- Backup your site before upgrading
|
||||||
|
- Review any custom code for references to old naming convention
|
||||||
|
- Test thoroughly after upgrade, especially if using custom overrides
|
||||||
|
|
||||||
|
## [03.06.00] - 2026-01-28
|
||||||
|
|
||||||
## [03.06.00] 2026-01-28
|
|
||||||
### Changed
|
### Changed
|
||||||
- Updated version to 03.06.00 across all files
|
- Updated version to 03.06.00 across all files
|
||||||
|
- Standardized version numbering format
|
||||||
|
|
||||||
|
## [03.05.01] - 2026-01-09
|
||||||
|
|
||||||
## [03.05.01] 2026-01-09
|
|
||||||
### Added
|
### Added
|
||||||
- Added `dependency-review.yml` workflow for dependency vulnerability scanning
|
- Added `dependency-review.yml` workflow for dependency vulnerability scanning
|
||||||
- Added `standards-compliance.yml` workflow for MokoStandards validation
|
- Added `standards-compliance.yml` workflow for MokoStandards validation
|
||||||
@@ -37,71 +71,91 @@
|
|||||||
|
|
||||||
### Changed
|
### Changed
|
||||||
- Removed custom `codeql-analysis.yml` workflow (repository uses GitHub's default CodeQL setup)
|
- Removed custom `codeql-analysis.yml` workflow (repository uses GitHub's default CodeQL setup)
|
||||||
|
|
||||||
### Changed
|
|
||||||
- Enforced repository compliance with MokoStandards requirements
|
- Enforced repository compliance with MokoStandards requirements
|
||||||
- Improved security posture with automated scanning and dependency management
|
- Improved security posture with automated scanning and dependency management
|
||||||
|
|
||||||
## [03.05.00] 2026-01-04
|
## [03.05.00] - 2026-01-04
|
||||||
- Created `.github/workflows`
|
|
||||||
|
### Added
|
||||||
|
- Created `.github/workflows` directory structure
|
||||||
|
|
||||||
|
### Changed
|
||||||
- Replaced `./CODE_OF_CONDUCT.md` from `MokoStandards`
|
- Replaced `./CODE_OF_CONDUCT.md` from `MokoStandards`
|
||||||
- Replaced `./CONTRIBUTING.md` from `MokoStandards`
|
- Replaced `./CONTRIBUTING.md` from `MokoStandards`
|
||||||
- TODO split to own file
|
- TODO split to own file
|
||||||
|
|
||||||
## [03.01.00] 2025-12-16
|
## [03.01.00] - 2025-12-16
|
||||||
- Created `.github/workflows/`
|
|
||||||
|
|
||||||
## [03.00] 2025-12-09
|
|
||||||
### Removed
|
|
||||||
- `./CODE_OF_CONDUCT.md`
|
|
||||||
- `./CONTRIBUTING.md`
|
|
||||||
|
|
||||||
### Updated
|
|
||||||
- Copyright Headers to MokoCodingDefaults standards
|
|
||||||
- Fixed `./templates/mokocassiopeia/index.php` color style injection
|
|
||||||
- Upgraded `FontAwesome 6` to `FontAwesome 7 Free`
|
|
||||||
- Added `Font Awesome 7 Free` style fallback
|
|
||||||
|
|
||||||
## [02.01.05] 2025-09-04
|
|
||||||
- Removed vmbasic.css
|
|
||||||
- Repaired temaplte.css and colors_standard.css
|
|
||||||
|
|
||||||
## [2.00.00] 2025-08-30
|
|
||||||
### Added
|
### Added
|
||||||
* **Dark Mode Toggle**
|
- Created `.github/workflows/` directory for GitHub Actions
|
||||||
* Frontend toggle switch included in template.
|
|
||||||
* JavaScript handles switching between light/dark modes.
|
|
||||||
* Dark mode CSS rules applied across template styles.
|
|
||||||
* Automatic persistence of user choice (via localStorage).
|
|
||||||
|
|
||||||
* **Header Parameters Update**
|
## [03.00.00] - 2025-12-09
|
||||||
|
|
||||||
* Added **logo parameter support** in template settings.
|
### Changed
|
||||||
* Updated metadata & copyright header.
|
- Copyright Headers updated to MokoCodingDefaults standards
|
||||||
|
- Fixed `./templates/mokocassiopeia/index.php` color style injection
|
||||||
|
- Upgraded Font Awesome 6 to Font Awesome 7 Free
|
||||||
|
- Added Font Awesome 7 Free style fallback
|
||||||
|
|
||||||
* **Expanded TOC (Table of Contents)**
|
### Removed
|
||||||
|
- Removed `./CODE_OF_CONDUCT.md` (replaced with MokoStandards version)
|
||||||
|
- Removed `./CONTRIBUTING.md` (replaced with MokoStandards version)
|
||||||
|
|
||||||
* Automatic TOC injection when enabled.
|
## [02.01.05] - 2025-09-04
|
||||||
* User selects placement via article > options > layout (`toc-left` or `toc-right`).
|
|
||||||
|
|
||||||
### Updated
|
### Changed
|
||||||
|
- Repaired template.css and colors_standard.css
|
||||||
|
|
||||||
* Cleaned up `index.php` by removing **skip-to-content** duplicate calls.
|
### Removed
|
||||||
* Consolidated JavaScript asset loading (ensuring dark-mode script is loaded correctly from external JS file).
|
- Removed vmbasic.css
|
||||||
* Streamlined CSS for **toggle switch**, ensuring it inherits Bootstrap/Cassiopeia defaults.
|
|
||||||
* General accessibility refinements in typography and color contrast.
|
|
||||||
* Fixed missing **logo param** in header output.
|
|
||||||
* Corrected stylesheet inconsistencies between Bootstrap 5 helpers and template overrides.
|
|
||||||
* Patched redundant calls in script includes.
|
|
||||||
|
|
||||||
## 01.00.00
|
## [02.00.00] - 2025-08-30
|
||||||
|
|
||||||
* **Initial Public Release** with:
|
### Added - Dark Mode Toggle
|
||||||
|
- Frontend toggle switch included in template
|
||||||
|
- JavaScript handles switching between light/dark modes
|
||||||
|
- Dark mode CSS rules applied across template styles
|
||||||
|
- Automatic persistence of user choice (via localStorage)
|
||||||
|
- Admins can override default mode in template settings
|
||||||
|
|
||||||
* Font Awesome 6
|
### Added - Header Parameters Update
|
||||||
* Bootstrap 5 helpers
|
- Added logo parameter support in template settings
|
||||||
* Automatic Table of Contents (TOC) utility
|
- Updated metadata & copyright header
|
||||||
* Moko Expansions: Google Tag Manager / GA4 hooks
|
|
||||||
|
|
||||||
For the full development roadmap, visit:
|
### Added - Expanded TOC (Table of Contents)
|
||||||
[Moko-Cassiopeia Roadmap](https://mokoconsulting.tech/support/joomla-cms/mokocassiopeia-roadmap)
|
- Automatic TOC injection when enabled
|
||||||
|
- User selects placement via article > options > layout (`toc-left` or `toc-right`)
|
||||||
|
|
||||||
|
### Changed
|
||||||
|
- Cleaned up `index.php` by removing skip-to-content duplicate calls
|
||||||
|
- Consolidated JavaScript asset loading (ensuring dark-mode script is loaded correctly from external JS file)
|
||||||
|
- Streamlined CSS for toggle switch, ensuring it inherits Bootstrap/Cassiopeia defaults
|
||||||
|
- General accessibility refinements in typography and color contrast
|
||||||
|
- Fixed missing logo param in header output
|
||||||
|
- Corrected stylesheet inconsistencies between Bootstrap 5 helpers and template overrides
|
||||||
|
- Patched redundant calls in script includes
|
||||||
|
|
||||||
|
## [01.00.00] - 2025-01-01
|
||||||
|
|
||||||
|
### Added - Initial Public Release
|
||||||
|
- Font Awesome 6 integration (later upgraded to FA7)
|
||||||
|
- Bootstrap 5 helpers (grid, utility classes)
|
||||||
|
- Automatic Table of Contents (TOC) utility
|
||||||
|
- Moko Expansions: Google Tag Manager / GA4 hooks
|
||||||
|
- Built on top of Joomla's default Cassiopeia template
|
||||||
|
- Minimal core template overrides for maximum upgrade compatibility
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Links
|
||||||
|
|
||||||
|
- **Full Roadmap**: [MokoCassiopeia Roadmap](https://mokoconsulting.tech/support/joomla-cms/mokocassiopeia-roadmap)
|
||||||
|
- **Repository**: [GitHub](https://github.com/mokoconsulting-tech/MokoCassiopeia)
|
||||||
|
- **Issue Tracker**: [GitHub Issues](https://github.com/mokoconsulting-tech/MokoCassiopeia/issues)
|
||||||
|
|
||||||
|
## Version Format
|
||||||
|
|
||||||
|
This project uses semantic versioning: `MAJOR.MINOR.PATCH`
|
||||||
|
- **MAJOR**: Incompatible API changes or major overhauls
|
||||||
|
- **MINOR**: New features, backwards-compatible
|
||||||
|
- **PATCH**: Bug fixes, backwards-compatible
|
||||||
|
|||||||
563
README.md
563
README.md
@@ -13,165 +13,422 @@
|
|||||||
BRIEF: Documentation for MokoCassiopeia template
|
BRIEF: Documentation for MokoCassiopeia template
|
||||||
-->
|
-->
|
||||||
|
|
||||||
# MokoCassiopeia (VERSION: 03.06.02)
|
# MokoCassiopeia
|
||||||
|
|
||||||
A modern, lightweight enhancement layer for Joomla's Cassiopeia
|
**Version:** 03.06.02
|
||||||
template.
|
**A Modern, Lightweight Joomla Template Based on Cassiopeia**
|
||||||
MokoCassiopeia adds **Font Awesome 7**, **Bootstrap 5** helpers, an
|
|
||||||
automatic **Table of Contents (TOC)** utility, and optional **Moko
|
|
||||||
Expansions** including **Google Tag Manager** and **Google Analytics
|
|
||||||
(GA4)** hooks---all while keeping core template overrides minimal and
|
|
||||||
upgrade-friendly.
|
|
||||||
|
|
||||||
## Table of Contents
|
[](https://www.gnu.org/licenses/gpl-3.0)
|
||||||
|
[](https://www.joomla.org)
|
||||||
|
[](https://www.php.net)
|
||||||
|
|
||||||
- [Features](#features)
|
MokoCassiopeia is a modern, lightweight enhancement layer built on top of Joomla's Cassiopeia template. It adds **Font Awesome 7**, **Bootstrap 5** helpers, an automatic **Table of Contents (TOC)** utility, advanced **Dark Mode** theming, and optional integrations for **Google Tag Manager** and **Google Analytics (GA4)**—all while maintaining minimal core template overrides for maximum upgrade compatibility.
|
||||||
- [Requirements](#requirements)
|
|
||||||
- [Quick Start](#quick-start)
|
|
||||||
- [Installation](#installation)
|
|
||||||
- [Configuration](#configuration)
|
|
||||||
- [Global Params](#global-params)
|
|
||||||
- [Font Awesome 6](#font-awesome-6)
|
|
||||||
- [Bootstrap 5 Helpers](#bootstrap-5-helpers)
|
|
||||||
- [Table of Contents](#table-of-contents)
|
|
||||||
- [Dark Mode Toggle](#dark-mode-toggle)
|
|
||||||
- [Soft Offline Mode](#soft-offline-mode)
|
|
||||||
- [Development](#development)
|
|
||||||
- [Changelog](#changelog)
|
|
||||||
- [Roadmap](#roadmap)
|
|
||||||
|
|
||||||
## Features
|
|
||||||
|
|
||||||
### Core Enhancements
|
|
||||||
|
|
||||||
- Built on top of Joomla's default **Cassiopeia** template.
|
|
||||||
- **Font Awesome 6** integration.
|
|
||||||
- **Bootstrap 5** helpers (grid, utility classes).
|
|
||||||
- **Automatic TOC** insertion for articles (activated via layout
|
|
||||||
`toc-left` or `toc-right`).
|
|
||||||
|
|
||||||
### Added in 2.0
|
|
||||||
|
|
||||||
- **Dark Mode Toggle**
|
|
||||||
- User-facing switch in the header.
|
|
||||||
- Persists preference with local storage.
|
|
||||||
- Admins can override default mode in template settings.
|
|
||||||
- **Improved Template Params**
|
|
||||||
- Configure logo, GTM container ID, and dark mode defaults
|
|
||||||
directly from template settings.
|
|
||||||
|
|
||||||
### New in 2.1.5 (In Development)
|
|
||||||
|
|
||||||
- **Soft Offline Mode**
|
|
||||||
- Keeps articles in specific categories available when the site is
|
|
||||||
offline.
|
|
||||||
- Example: legal or policy documents remain publicly viewable even
|
|
||||||
during maintenance.
|
|
||||||
- Admin can configure which categories remain accessible.
|
|
||||||
|
|
||||||
## Requirements
|
|
||||||
|
|
||||||
- Joomla **4.4.x** or **5.x**
|
|
||||||
- PHP **8.0+**
|
|
||||||
- MySQL/MariaDB compatible database
|
|
||||||
|
|
||||||
## Quick Start
|
|
||||||
|
|
||||||
1. Install `mokocassiopeia.zip` via Joomla's Template Installer.
|
|
||||||
2. Set **MokoCassiopeia** as your default template.
|
|
||||||
3. Configure template options under **System → Site Templates →
|
|
||||||
MokoCassiopeia**.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
Upload and install through Joomla's extension manager.
|
|
||||||
If upgrading from a prior version, Joomla will safely overwrite files
|
|
||||||
--- no manual uninstall required.
|
|
||||||
|
|
||||||
## Configuration
|
|
||||||
|
|
||||||
### Global Params
|
|
||||||
|
|
||||||
- **Logo**: Upload a custom site logo.
|
|
||||||
- **Color Scheme**: Toggle light/dark defaults.
|
|
||||||
- **Analytics/GTM**: Enable/disable optional expansions.
|
|
||||||
|
|
||||||
### Custom Color Palettes
|
|
||||||
|
|
||||||
MokoCassiopeia supports custom color schemes for both light and dark modes:
|
|
||||||
|
|
||||||
- **Standard**: Default Joomla Cassiopeia colors
|
|
||||||
- **Alternative**: Alternative color palette
|
|
||||||
- **Custom**: Create your own custom colors by adding `colors_custom.css` files
|
|
||||||
|
|
||||||
To use custom colors:
|
|
||||||
1. Create `src/media/css/colors/light/colors_custom.css` for light mode
|
|
||||||
2. Create `src/media/css/colors/dark/colors_custom.css` for dark mode
|
|
||||||
3. Define your CSS variables in these files (see existing `colors_standard.css` for reference)
|
|
||||||
4. Select "Custom" in template settings under **Variables & Palettes**
|
|
||||||
|
|
||||||
### Font Awesome 7
|
|
||||||
|
|
||||||
- Fully integrated into Joomla's asset manager.
|
|
||||||
- No extra scripts required.
|
|
||||||
|
|
||||||
### Bootstrap 5 Helpers
|
|
||||||
|
|
||||||
- Adds extended utility classes and responsive tweaks.
|
|
||||||
|
|
||||||
### Table of Contents
|
|
||||||
|
|
||||||
- Select `toc-left` or `toc-right` in article **Options → Layout** to
|
|
||||||
insert TOC automatically.
|
|
||||||
|
|
||||||
### Dark Mode Toggle
|
|
||||||
|
|
||||||
- User-facing switch in the header.
|
|
||||||
- Remembers preference via local storage.
|
|
||||||
- Default behavior can be set in template settings.
|
|
||||||
|
|
||||||
### Soft Offline Mode
|
|
||||||
|
|
||||||
- Introduced in **2.1.5**.
|
|
||||||
- Allows articles in selected categories to remain viewable during
|
|
||||||
offline/maintenance mode.
|
|
||||||
- Useful for compliance, legal, or policy content.
|
|
||||||
|
|
||||||
## Development
|
|
||||||
|
|
||||||
For developers and contributors working on the MokoCassiopeia template:
|
|
||||||
|
|
||||||
### Quick Start for Developers
|
|
||||||
|
|
||||||
**New to the project?** See [Quick Start Guide](./docs/QUICK_START.md) for a 5-minute walkthrough.
|
|
||||||
|
|
||||||
### Development Resources
|
|
||||||
|
|
||||||
- **[Quick Start Guide](./docs/QUICK_START.md)** - Get up and running in 5 minutes
|
|
||||||
- **[Joomla Development Guide](./docs/JOOMLA_DEVELOPMENT.md)** - Testing, quality checks, and deployment
|
|
||||||
- **[Contributing Guide](./CONTRIBUTING.md)** - How to contribute
|
|
||||||
|
|
||||||
### Available Tools
|
|
||||||
|
|
||||||
- **Pre-commit Hooks**: Automatic validation before commits
|
|
||||||
|
|
||||||
## Changelog
|
|
||||||
|
|
||||||
See the [CHANGELOG.md](./CHANGELOG.md) for detailed version history.
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Metadata
|
## 📑 Table of Contents
|
||||||
|
|
||||||
* Maintainer: Moko Consulting Engineering
|
- [Features](#-features)
|
||||||
* Repository: [https://github.com/mokoconsulting-tech/MokoCassiopeia](https://github.com/mokoconsulting-tech/MokoCassiopeia)
|
- [Requirements](#-requirements)
|
||||||
* File: README.md
|
- [Installation](#-installation)
|
||||||
* Version: 3.0
|
- [Quick Start](#-quick-start)
|
||||||
* Classification: Public Open Source Standards
|
- [Configuration](#️-configuration)
|
||||||
|
- [Theme System](#-theme-system)
|
||||||
|
- [Development](#-development)
|
||||||
|
- [Documentation](#-documentation)
|
||||||
|
- [Changelog](#-changelog)
|
||||||
|
- [Support](#-support)
|
||||||
|
- [Contributing](#-contributing)
|
||||||
|
- [License](#-license)
|
||||||
|
|
||||||
## Revision History
|
---
|
||||||
|
|
||||||
| Date | Change Summary | Author |
|
## ✨ Features
|
||||||
| ---------- | ------------------------------------------------------------------- | ------------------------------- |
|
|
||||||
| 2026-01-05 | Initial publication of template documentation and feature overview. | Moko Consulting |
|
### Core Enhancements
|
||||||
| 2026-01-05 | Fixed malformed markdown table formatting in revision history. | Jonathan Miller (@jmiller-moko) |
|
|
||||||
|
- **Built on Cassiopeia**: Extends Joomla's default template with minimal overrides
|
||||||
|
- **Font Awesome 7**: Fully integrated into Joomla's asset manager with 2,000+ icons
|
||||||
|
- **Bootstrap 5**: Extended utility classes and responsive grid system
|
||||||
|
- **No Template Overrides**: Clean installation that inherits all Cassiopeia defaults
|
||||||
|
- **Upgrade-Friendly**: Minimal modifications ensure smooth Joomla updates
|
||||||
|
|
||||||
|
### Advanced Theming
|
||||||
|
|
||||||
|
- **Dark Mode Support**: Built-in light/dark mode toggle with system preference detection
|
||||||
|
- **Color Palettes**: Standard, Alternative, and Custom color schemes
|
||||||
|
- **Theme Persistence**: User preferences saved via localStorage
|
||||||
|
- **Theme Control Options**: Switch, radio buttons, or hidden controls
|
||||||
|
- **Auto Dark Mode**: Optional automatic dark mode based on time/system settings
|
||||||
|
- **Meta Tags**: Automatic color-scheme and theme-color meta tags
|
||||||
|
|
||||||
|
### Developer Features
|
||||||
|
|
||||||
|
- **Custom Code Injection**: Add custom HTML to `<head>` start/end
|
||||||
|
- **Drawer Sidebars**: Configurable left/right drawer positions with custom icons
|
||||||
|
- **Font Options**: Local and web fonts (Roboto, Fira Sans, Noto Sans)
|
||||||
|
- **Sticky Header**: Optional sticky navigation
|
||||||
|
- **Back to Top**: Floating back-to-top button
|
||||||
|
|
||||||
|
### Analytics & Tracking
|
||||||
|
|
||||||
|
- **Google Tag Manager**: Optional GTM integration with container ID configuration
|
||||||
|
- **Google Analytics**: Optional GA4 integration with measurement ID
|
||||||
|
- **Privacy-Friendly**: All tracking features are optional and easily disabled
|
||||||
|
|
||||||
|
### Content Features
|
||||||
|
|
||||||
|
- **Table of Contents**: Automatic TOC generation for long articles
|
||||||
|
- Placement options: `toc-left` or `toc-right` layouts
|
||||||
|
- Automatic heading extraction and navigation
|
||||||
|
- Responsive sidebar positioning
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📋 Requirements
|
||||||
|
|
||||||
|
- **Joomla**: 4.4.x or 5.x
|
||||||
|
- **PHP**: 8.0 or higher
|
||||||
|
- **Database**: MySQL 5.7+ / MariaDB 10.2+ / PostgreSQL 11+
|
||||||
|
- **Browser Support**: Modern browsers (Chrome, Firefox, Safari, Edge)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📦 Installation
|
||||||
|
|
||||||
|
### Via Joomla Extension Manager
|
||||||
|
|
||||||
|
1. Download the latest `mokocassiopeia-{version}.zip` from [Releases](https://github.com/mokoconsulting-tech/MokoCassiopeia/releases)
|
||||||
|
2. In Joomla admin, navigate to **System → Install → Extensions**
|
||||||
|
3. Upload the ZIP file and click **Upload & Install**
|
||||||
|
4. Navigate to **System → Site Templates**
|
||||||
|
5. Set **MokoCassiopeia** as your default template
|
||||||
|
|
||||||
|
### Via Git (Development)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
git clone https://github.com/mokoconsulting-tech/MokoCassiopeia.git
|
||||||
|
cd MokoCassiopeia
|
||||||
|
```
|
||||||
|
|
||||||
|
See [Development Guide](./docs/JOOMLA_DEVELOPMENT.md) for development setup.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🚀 Quick Start
|
||||||
|
|
||||||
|
### 1. Install the Template
|
||||||
|
|
||||||
|
Install `mokocassiopeia.zip` via Joomla's Extension Manager.
|
||||||
|
|
||||||
|
### 2. Set as Default
|
||||||
|
|
||||||
|
Navigate to **System → Site Templates** and set **MokoCassiopeia** as default.
|
||||||
|
|
||||||
|
### 3. Configure Template Options
|
||||||
|
|
||||||
|
Go to **System → Site Templates → MokoCassiopeia** to configure:
|
||||||
|
|
||||||
|
- **Branding**: Upload logo, set site title/description
|
||||||
|
- **Theme**: Configure color schemes and dark mode
|
||||||
|
- **Layout**: Set container type (static/fluid), sticky header
|
||||||
|
- **Analytics**: Add GTM/GA4 tracking codes (optional)
|
||||||
|
- **Custom Code**: Inject custom HTML/CSS/JS
|
||||||
|
|
||||||
|
### 4. Test Dark Mode
|
||||||
|
|
||||||
|
The template includes a dark mode toggle. Test it by:
|
||||||
|
- Using the floating theme toggle button (bottom-right by default)
|
||||||
|
- Checking theme persistence across page loads
|
||||||
|
- Verifying system preference detection
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ⚙️ Configuration
|
||||||
|
|
||||||
|
### Global Parameters
|
||||||
|
|
||||||
|
Access template configuration via **System → Site Templates → MokoCassiopeia**.
|
||||||
|
|
||||||
|
#### Theme Tab
|
||||||
|
|
||||||
|
**General Settings:**
|
||||||
|
- **Theme Enabled**: Enable/disable theme system
|
||||||
|
- **Theme Control Type**: Switch (Light↔Dark), Radios (Light/Dark/System), or None
|
||||||
|
- **Default Choice**: System, Light, or Dark
|
||||||
|
- **Auto Dark Mode**: Automatic dark mode based on time
|
||||||
|
- **Meta Tags**: Enable color-scheme and theme-color meta tags
|
||||||
|
- **Bridge Bootstrap ARIA**: Sync theme with Bootstrap's data-bs-theme
|
||||||
|
|
||||||
|
**Variables & Palettes:**
|
||||||
|
- **Light Mode Palette**: Standard, Alternative, or Custom
|
||||||
|
- **Dark Mode Palette**: Standard, Alternative, or Custom
|
||||||
|
|
||||||
|
**Typography:**
|
||||||
|
- **Font Scheme**: Local (Roboto) or Web fonts (Fira Sans, Roboto+Noto Sans)
|
||||||
|
|
||||||
|
**Branding & Icons:**
|
||||||
|
- **Brand**: Enable/disable site branding
|
||||||
|
- **Logo File**: Upload custom logo (no default logo included)
|
||||||
|
- **Site Title**: Custom site title
|
||||||
|
- **Site Description**: Tagline/description
|
||||||
|
- **Font Awesome Kit**: Optional FA Pro kit code
|
||||||
|
|
||||||
|
**Header & Navigation:**
|
||||||
|
- **Sticky Header**: Enable fixed header on scroll
|
||||||
|
- **Back to Top**: Enable floating back-to-top button
|
||||||
|
|
||||||
|
**Theme Toggle UI:**
|
||||||
|
- **FAB Enabled**: Enable floating action button toggle
|
||||||
|
- **FAB Position**: Bottom-right, Bottom-left, Top-right, or Top-left
|
||||||
|
|
||||||
|
#### Advanced Tab
|
||||||
|
|
||||||
|
- **Layout**: Static or Fluid container
|
||||||
|
|
||||||
|
#### Google Tab
|
||||||
|
|
||||||
|
- **Google Tag Manager**: Enable and configure GTM container ID
|
||||||
|
- **Google Analytics**: Enable and configure GA4 measurement ID
|
||||||
|
|
||||||
|
#### Custom Code Tab
|
||||||
|
|
||||||
|
- **Custom Head Start**: HTML injected at start of `<head>`
|
||||||
|
- **Custom Head End**: HTML injected at end of `<head>`
|
||||||
|
|
||||||
|
#### Drawers Tab
|
||||||
|
|
||||||
|
- **Left Drawer Icon**: Font Awesome icon class (e.g., `fa-solid fa-chevron-right`)
|
||||||
|
- **Right Drawer Icon**: Font Awesome icon class (e.g., `fa-solid fa-chevron-left`)
|
||||||
|
|
||||||
|
### Custom Color Palettes
|
||||||
|
|
||||||
|
MokoCassiopeia supports custom color schemes:
|
||||||
|
|
||||||
|
1. Create `src/media/css/colors/light/colors_custom.css` for light mode
|
||||||
|
2. Create `src/media/css/colors/dark/colors_custom.css` for dark mode
|
||||||
|
3. Define CSS variables (reference `colors_standard.css` for structure)
|
||||||
|
4. Select "Custom" palette in template settings
|
||||||
|
|
||||||
|
**Example CSS Variables:**
|
||||||
|
|
||||||
|
```css
|
||||||
|
:root {
|
||||||
|
--cassiopeia-color-primary: #1e40af;
|
||||||
|
--cassiopeia-color-link: #2563eb;
|
||||||
|
--cassiopeia-color-hover: #1d4ed8;
|
||||||
|
--cassiopeia-color-text: #1f2937;
|
||||||
|
--cassiopeia-color-bg: #ffffff;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Table of Contents
|
||||||
|
|
||||||
|
Enable automatic TOC for articles:
|
||||||
|
|
||||||
|
1. Edit an article in Joomla admin
|
||||||
|
2. Navigate to **Options → Layout**
|
||||||
|
3. Select **toc-left** or **toc-right**
|
||||||
|
4. Save the article
|
||||||
|
|
||||||
|
The TOC will automatically generate from article headings (H2, H3, etc.) and appear as a sidebar.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎨 Theme System
|
||||||
|
|
||||||
|
### Dark Mode Features
|
||||||
|
|
||||||
|
- **Automatic Detection**: Respects user's system preferences
|
||||||
|
- **Manual Toggle**: Floating button or radio controls
|
||||||
|
- **Persistence**: Saves preference in localStorage
|
||||||
|
- **Smooth Transitions**: Animated theme switching
|
||||||
|
- **Comprehensive Support**: All components themed for dark mode
|
||||||
|
|
||||||
|
### Theme Control Types
|
||||||
|
|
||||||
|
1. **Switch**: Simple light/dark toggle button
|
||||||
|
2. **Radios**: Three options - Light, Dark, System
|
||||||
|
3. **None**: No visible control (respects system only)
|
||||||
|
|
||||||
|
### Meta Tags
|
||||||
|
|
||||||
|
When enabled, the template adds:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
<meta name="theme-color" content="#1e3a8a" media="(prefers-color-scheme: dark)">
|
||||||
|
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🛠 Development
|
||||||
|
|
||||||
|
### For Contributors
|
||||||
|
|
||||||
|
**New to the project?** See [Quick Start Guide](./docs/QUICK_START.md) for a 5-minute setup.
|
||||||
|
|
||||||
|
### Development Resources
|
||||||
|
|
||||||
|
- **[Quick Start Guide](./docs/QUICK_START.md)** - Setup and first steps
|
||||||
|
- **[Joomla Development Guide](./docs/JOOMLA_DEVELOPMENT.md)** - Testing, quality checks, deployment
|
||||||
|
- **[Workflow Guide](./docs/WORKFLOW_GUIDE.md)** - Git workflow and branching
|
||||||
|
- **[Contributing Guide](./CONTRIBUTING.md)** - Contribution guidelines
|
||||||
|
- **[Roadmap](./docs/ROADMAP.md)** - Feature roadmap and planning
|
||||||
|
|
||||||
|
### Development Tools
|
||||||
|
|
||||||
|
- **Pre-commit Hooks**: Automatic validation before commits
|
||||||
|
- **PHP CodeSniffer**: Code style validation (Joomla standards)
|
||||||
|
- **PHPStan**: Static analysis for PHP code
|
||||||
|
- **Codeception**: Testing framework
|
||||||
|
|
||||||
|
### Quick Development Setup
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Clone repository
|
||||||
|
git clone https://github.com/mokoconsulting-tech/MokoCassiopeia.git
|
||||||
|
cd MokoCassiopeia
|
||||||
|
|
||||||
|
# Install development dependencies (if using Composer)
|
||||||
|
composer install --dev
|
||||||
|
|
||||||
|
# Run code quality checks
|
||||||
|
make validate # or manual commands
|
||||||
|
```
|
||||||
|
|
||||||
|
### Building Template Package
|
||||||
|
|
||||||
|
See [Joomla Development Guide](./docs/JOOMLA_DEVELOPMENT.md) for packaging instructions.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📚 Documentation
|
||||||
|
|
||||||
|
### User Documentation
|
||||||
|
|
||||||
|
- **[README](./README.md)** - This file (overview and features)
|
||||||
|
- **[CHANGELOG](./CHANGELOG.md)** - Version history and changes
|
||||||
|
- **[Roadmap](./docs/ROADMAP.md)** - Planned features and timeline
|
||||||
|
|
||||||
|
### Developer Documentation
|
||||||
|
|
||||||
|
- **[Quick Start](./docs/QUICK_START.md)** - 5-minute developer setup
|
||||||
|
- **[Development Guide](./docs/JOOMLA_DEVELOPMENT.md)** - Comprehensive development guide
|
||||||
|
- **[Workflow Guide](./docs/WORKFLOW_GUIDE.md)** - Git workflow and processes
|
||||||
|
- **[Documentation Index](./docs/README.md)** - All documentation links
|
||||||
|
|
||||||
|
### Governance
|
||||||
|
|
||||||
|
- **[Contributing](./CONTRIBUTING.md)** - How to contribute
|
||||||
|
- **[Code of Conduct](./CODE_OF_CONDUCT.md)** - Community standards
|
||||||
|
- **[Governance](./GOVERNANCE.md)** - Project governance model
|
||||||
|
- **[Security Policy](./SECURITY.md)** - Security reporting and procedures
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📖 Changelog
|
||||||
|
|
||||||
|
See the [CHANGELOG.md](./CHANGELOG.md) for detailed version history.
|
||||||
|
|
||||||
|
### Recent Releases
|
||||||
|
|
||||||
|
- **[03.06.02]** (2026-01-30) - Complete rebrand to MokoCassiopeia, removed all overrides
|
||||||
|
- **[03.06.00]** (2026-01-28) - Version standardization
|
||||||
|
- **[03.05.01]** (2026-01-09) - Security and compliance improvements
|
||||||
|
- **[02.00.00]** (2025-08-30) - Dark mode toggle and improved theming
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 💬 Support
|
||||||
|
|
||||||
|
### Getting Help
|
||||||
|
|
||||||
|
- **Documentation**: Check this README and [docs folder](./docs/)
|
||||||
|
- **Issues**: Report bugs via [GitHub Issues](https://github.com/mokoconsulting-tech/MokoCassiopeia/issues)
|
||||||
|
- **Discussions**: Ask questions in [GitHub Discussions](https://github.com/mokoconsulting-tech/MokoCassiopeia/discussions)
|
||||||
|
- **Roadmap**: View planned features in [Roadmap](https://mokoconsulting.tech/support/joomla-cms/mokocassiopeia-roadmap)
|
||||||
|
|
||||||
|
### Reporting Bugs
|
||||||
|
|
||||||
|
Please include:
|
||||||
|
- Joomla version
|
||||||
|
- PHP version
|
||||||
|
- Template version
|
||||||
|
- Steps to reproduce
|
||||||
|
- Expected vs actual behavior
|
||||||
|
- Screenshots (if applicable)
|
||||||
|
|
||||||
|
### Security Issues
|
||||||
|
|
||||||
|
**Do not** report security vulnerabilities via public issues. See [SECURITY.md](./SECURITY.md) for reporting procedures.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🤝 Contributing
|
||||||
|
|
||||||
|
We welcome contributions! Please see [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines.
|
||||||
|
|
||||||
|
### How to Contribute
|
||||||
|
|
||||||
|
1. Fork the repository
|
||||||
|
2. Create a feature branch (`git checkout -b feature/amazing-feature`)
|
||||||
|
3. Make your changes
|
||||||
|
4. Run quality checks
|
||||||
|
5. Commit your changes (`git commit -m 'Add amazing feature'`)
|
||||||
|
6. Push to the branch (`git push origin feature/amazing-feature`)
|
||||||
|
7. Open a Pull Request
|
||||||
|
|
||||||
|
### Development Workflow
|
||||||
|
|
||||||
|
See [Workflow Guide](./docs/WORKFLOW_GUIDE.md) for detailed Git workflow.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📄 License
|
||||||
|
|
||||||
|
This project is licensed under the **GNU General Public License v3.0** - see the [LICENSE](./LICENSE) file for details.
|
||||||
|
|
||||||
|
### Third-Party Licenses
|
||||||
|
|
||||||
|
- **Joomla! CMS**: GPL-2.0-or-later
|
||||||
|
- **Cassiopeia Template**: GPL-2.0-or-later (Joomla Project)
|
||||||
|
- **Font Awesome 7 Free**: Font Awesome Free License
|
||||||
|
- **Bootstrap 5**: MIT License
|
||||||
|
- **Bootstrap TOC**: MIT License (A. Feld)
|
||||||
|
|
||||||
|
All third-party libraries and assets remain the property of their respective authors and are credited in source files.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔗 Links
|
||||||
|
|
||||||
|
- **Repository**: [GitHub](https://github.com/mokoconsulting-tech/MokoCassiopeia)
|
||||||
|
- **Issue Tracker**: [GitHub Issues](https://github.com/mokoconsulting-tech/MokoCassiopeia/issues)
|
||||||
|
- **Discussions**: [GitHub Discussions](https://github.com/mokoconsulting-tech/MokoCassiopeia/discussions)
|
||||||
|
- **Roadmap**: [Full Roadmap](https://mokoconsulting.tech/support/joomla-cms/mokocassiopeia-roadmap)
|
||||||
|
- **Moko Consulting**: [Website](https://mokoconsulting.tech)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📊 Metadata
|
||||||
|
|
||||||
|
- **Maintainer**: Moko Consulting Engineering
|
||||||
|
- **Author**: Jonathan Miller (@jmiller-moko)
|
||||||
|
- **Repository**: https://github.com/mokoconsulting-tech/MokoCassiopeia
|
||||||
|
- **License**: GPL-3.0-or-later
|
||||||
|
- **Classification**: Public Open Source Standards
|
||||||
|
|
||||||
|
## 📝 Revision History
|
||||||
|
|
||||||
|
| Date | Version | Change Summary | Author |
|
||||||
|
| ---------- | -------- | ------------------------------------------------------------------------- | ------------------------------- |
|
||||||
|
| 2026-01-30 | 03.06.02 | Regenerated README with comprehensive documentation and updated structure | Copilot Agent |
|
||||||
|
| 2026-01-30 | 03.06.02 | Complete rebrand to MokoCassiopeia, removed overrides | Copilot Agent |
|
||||||
|
| 2026-01-05 | 03.00.00 | Initial publication of template documentation and feature overview | Moko Consulting |
|
||||||
|
| 2026-01-05 | 03.00.00 | Fixed malformed markdown table formatting in revision history | Jonathan Miller (@jmiller-moko) |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**Made with ❤️ by [Moko Consulting](https://mokoconsulting.tech)**
|
||||||
|
|||||||
Reference in New Issue
Block a user