MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Added social medis demo css

Browse Source
This commit is contained in:
Jonathan Miller
2026-01-18 10:14:23 -06:00
parent 66e20ef1cb
commit 3008ee9a60
3 changed files with 272 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/media/css/template.css
View File

@@ -5127,7 +5127,7 @@ fieldset:disabled .btn {
--card-cap-padding-y: 0.5rem;
--card-cap-padding-x: 1rem;
--card-cap-bg: rgba(0, 0, 0, 0.03);
--card-cap-color: ;
--card-cap-color: var(--color-primary);
--card-height: ;
--card-color: ;
--card-bg: var(--nav-text-color);
@@ -17241,7 +17241,3 @@ button#mokoThemeSwitch {
outline: 2px dashed var(--pink);
outline-offset: 2px;
}
/* SOCIAL MEDIA DEMOS */
@import url("global/social-media-demos.css");

5
src/templates/index.php
View File

@@ -85,8 +85,8 @@ $templatePath = 'media/templates/site/moko-cassiopeia';
// ===========================
// Core template CSS
$wa->useStyle('template.base'); // css/template.css
$wa->useStyle('template.user'); // css/user.css
$wa->useStyle('template.global.base'); // css/template.css
$wa->useStyle('template.global.social-media-demo'); // css/user.css
// Optional vendor CSS
$wa->useStyle('vendor.bootstrap-toc');
@@ -238,6 +238,7 @@ if ($this->params->get('faKitCode')) {
$params_leftIcon = htmlspecialchars($this->params->get('drawerLeftIcon', 'fa-solid fa-chevron-left'), ENT_COMPAT, 'UTF-8');
$params_rightIcon = htmlspecialchars($this->params->get('drawerRightIcon', 'fa-solid fa-chevron-right'), ENT_COMPAT, 'UTF-8');
$wa->useStyle('template.user'); // css/user.css
?>
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">

511
src/templates/joomla.asset.json
View File

@@ -1,245 +1,270 @@
{
"$schema": "https://developer.joomla.org/schemas/json-schema/web_assets.json",
"name": "moko-cassiopeia",
"description": "Moko-Cassiopeia template assets",
"license": "GPL-3.0-or-later",
"x-header": {
"copyright_year": 2025,
"author": "Jonathan Miller",
"owner": "Moko Consulting",
"contact": "hello@mokoconsulting.tech",
"project": "Moko-Cassiopeia Template",
"spdx_license": "GPL-3.0-or-later",
"notice": "This file is part of a Moko Consulting project.",
"disclaimer": "This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License; either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see https://www.gnu.org/licenses/.",
"repo": "https://github.com/mokoconsulting-tech/moko-cassiopeia",
"file_information": {
"defgroup": "Joomla.Template.Site",
"ingroup": "Moko-Cassiopeia.Template.Assets",
"path": "./media/templates/site/moko-cassiopeia/joomla.asset.json",
"version": "03.00.00",
"brief": "Joomla asset registry for Moko-Cassiopeia"
}
},
"assets": [
{
"name": "template.base",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/template.css",
"attributes": {"media": "all"}
},
{
"name": "template.base.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/template.min.css"
},
{
"name": "template.user",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/user.css",
"attributes": {"media": "all"}
},
{
"name": "template.user.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/user.min.css"
},
{
"name": "template.editor",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/editor.css",
"attributes": {"media": "all"}
},
{
"name": "template.editor.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/editor.min.css"
},
{
"name": "vendor.bootstrap-toc",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.bootstrap-toc.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css"
},
{
"name": "template.light.colors_standard",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.css"
},
{
"name": "template.light.colors_standard.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.min.css"
},
{
"name": "template.light.colors_alternative",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.css"
},
{
"name": "template.light.colors_alternative.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.min.css"
},
{
"name": "template.light.colors_custom",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.css"
},
{
"name": "template.light.colors_custom.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.min.css"
},
{
"name": "template.dark.colors_standard",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.css"
},
{
"name": "template.dark.colors_standard.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.min.css"
},
{
"name": "template.dark.colors_alternative",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.css"
},
{
"name": "template.dark.colors_alternative.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.min.css"
},
{
"name": "template.dark.colors_custom",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.css"
},
{
"name": "template.dark.colors_custom.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.min.css"
},
{
"name": "template.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/template.js",
"attributes": {"defer": true}
},
{
"name": "template.js.min",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/template.min.js",
"attributes": {"defer": true}
},
{
"name": "theme-init.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/theme-init.js",
"attributes": {"defer": true}
},
{
"name": "theme-init.min.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/theme-init.min.js",
"attributes": {"defer": true}
},
{
"name": "darkmode-toggle.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/darkmode-toggle.js",
"attributes": {"defer": true}
},
{
"name": "darkmode-toggle.min.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/darkmode-toggle.min.js",
"attributes": {"defer": true}
},
{
"name": "gtm.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/gtm.js",
"attributes": {"defer": true}
},
{
"name": "gtm.min.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/gtm.min.js",
"attributes": {"defer": true}
},
{
"name": "vendor.bootstrap-toc.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.js",
"attributes": {"defer": true}
},
{
"name": "vendor.bootstrap-toc.js.min",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.js",
"attributes": {"defer": true}
},
{
"name": "vendor.fa7free.all",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.css"
},
{
"name": "vendor.fa7free.all.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.min.css"
},
{
"name": "vendor.fa7free.brands",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.css"
},
{
"name": "vendor.fa7free.brands.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.min.css"
},
{
"name": "vendor.fa7free.fontawesome",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.css"
},
{
"name": "vendor.fa7free.fontawesome.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.min.css"
},
{
"name": "vendor.fa7free.regular",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.css"
},
{
"name": "vendor.fa7free.regular.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.min.css"
},
{
"name": "vendor.fa7free.solid",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.css"
},
{
"name": "vendor.fa7free.solid.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.min.css"
},
{
"name": "template.global.social-media-demo",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/global/social-media-demo.css"
}
]
"$schema": "https://developer.joomla.org/schemas/json-schema/web_assets.json",
"name": "moko-cassiopeia",
"description": "Moko-Cassiopeia template assets",
"license": "GPL-3.0-or-later",
"x-header": {
"copyright_year": 2025,
"author": "Jonathan Miller",
"owner": "Moko Consulting",
"contact": "hello@mokoconsulting.tech",
"project": "Moko-Cassiopeia Template",
"spdx_license": "GPL-3.0-or-later",
"notice": "This file is part of a Moko Consulting project.",
"disclaimer": "This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License; either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see https://www.gnu.org/licenses/.",
"repo": "https://github.com/mokoconsulting-tech/moko-cassiopeia",
"file_information": {
"defgroup": "Joomla.Template.Site",
"ingroup": "Moko-Cassiopeia.Template.Assets",
"path": "./media/templates/site/moko-cassiopeia/joomla.asset.json",
"version": "03.00.00",
"brief": "Joomla asset registry for Moko-Cassiopeia"
}
},
"assets": [
{
"name": "template.global.base",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/template.css",
"attributes": {"media": "all"}
},
{
"name": "template.global.base.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/template.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.user",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/user.css",
"attributes": {"media": "all"}
},
{
"name": "template.user.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/user.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.editor",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/editor.css",
"attributes": {"media": "all"}
},
{
"name": "template.editor.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/editor.min.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.bootstrap-toc",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.bootstrap-toc.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.light.colors_standard",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.css",
"attributes": {"media": "all"}
},
{
"name": "template.light.colors_standard.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.light.colors_alternative",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.css",
"attributes": {"media": "all"}
},
{
"name": "template.light.colors_alternative.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.light.colors_custom",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.css",
"attributes": {"media": "all"}
},
{
"name": "template.light.colors_custom.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.dark.colors_standard",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.css",
"attributes": {"media": "all"}
},
{
"name": "template.dark.colors_standard.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.dark.colors_alternative",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.css",
"attributes": {"media": "all"}
},
{
"name": "template.dark.colors_alternative.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.min.css"
},
{
"name": "template.dark.colors_custom",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.css",
"attributes": {"media": "all"}
},
{
"name": "template.dark.colors_custom.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/template.js",
"attributes": {"defer": true}
},
{
"name": "template.js.min",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/template.min.js",
"attributes": {"defer": true}
},
{
"name": "theme-init.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/theme-init.js",
"attributes": {"defer": true}
},
{
"name": "theme-init.min.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/theme-init.min.js",
"attributes": {"defer": true}
},
{
"name": "darkmode-toggle.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/darkmode-toggle.js",
"attributes": {"defer": true}
},
{
"name": "darkmode-toggle.min.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/darkmode-toggle.min.js",
"attributes": {"defer": true}
},
{
"name": "gtm.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/gtm.js",
"attributes": {"defer": true}
},
{
"name": "gtm.min.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/js/gtm.min.js",
"attributes": {"defer": true}
},
{
"name": "vendor.bootstrap-toc.js",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.js",
"attributes": {"defer": true}
},
{
"name": "vendor.bootstrap-toc.js.min",
"type": "script",
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.js",
"attributes": {"defer": true}
},
{
"name": "vendor.fa7free.all",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.css"
},
{
"name": "vendor.fa7free.all.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.min.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.fa7free.brands",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.fa7free.brands.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.min.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.fa7free.fontawesome",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.fa7free.fontawesome.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.min.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.fa7free.regular",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.fa7free.regular.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.min.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.fa7free.solid",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.css",
"attributes": {"media": "all"}
},
{
"name": "vendor.fa7free.solid.min",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.global.social-media-demo",
"type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/global/social-media-demo.css",
"attributes": {"media": "all"}
}
]
}