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-y: 0.5rem;
--card-cap-padding-x: 1rem; --card-cap-padding-x: 1rem;
--card-cap-bg: rgba(0, 0, 0, 0.03); --card-cap-bg: rgba(0, 0, 0, 0.03);
--card-cap-color: ; --card-cap-color: var(--color-primary);
--card-height: ; --card-height: ;
--card-color: ; --card-color: ;
--card-bg: var(--nav-text-color); --card-bg: var(--nav-text-color);
@@ -17241,7 +17241,3 @@ button#mokoThemeSwitch {
outline: 2px dashed var(--pink); outline: 2px dashed var(--pink);
outline-offset: 2px; 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 // Core template CSS
$wa->useStyle('template.base'); // css/template.css $wa->useStyle('template.global.base'); // css/template.css
$wa->useStyle('template.user'); // css/user.css $wa->useStyle('template.global.social-media-demo'); // css/user.css
// Optional vendor CSS // Optional vendor CSS
$wa->useStyle('vendor.bootstrap-toc'); $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_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'); $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> <!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <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", "$schema": "https://developer.joomla.org/schemas/json-schema/web_assets.json",
"name": "moko-cassiopeia", "name": "moko-cassiopeia",
"description": "Moko-Cassiopeia template assets", "description": "Moko-Cassiopeia template assets",
"license": "GPL-3.0-or-later", "license": "GPL-3.0-or-later",
"x-header": { "x-header": {
"copyright_year": 2025, "copyright_year": 2025,
"author": "Jonathan Miller", "author": "Jonathan Miller",
"owner": "Moko Consulting", "owner": "Moko Consulting",
"contact": "hello@mokoconsulting.tech", "contact": "hello@mokoconsulting.tech",
"project": "Moko-Cassiopeia Template", "project": "Moko-Cassiopeia Template",
"spdx_license": "GPL-3.0-or-later", "spdx_license": "GPL-3.0-or-later",
"notice": "This file is part of a Moko Consulting project.", "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/.", "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", "repo": "https://github.com/mokoconsulting-tech/moko-cassiopeia",
"file_information": { "file_information": {
"defgroup": "Joomla.Template.Site", "defgroup": "Joomla.Template.Site",
"ingroup": "Moko-Cassiopeia.Template.Assets", "ingroup": "Moko-Cassiopeia.Template.Assets",
"path": "./media/templates/site/moko-cassiopeia/joomla.asset.json", "path": "./media/templates/site/moko-cassiopeia/joomla.asset.json",
"version": "03.00.00", "version": "03.00.00",
"brief": "Joomla asset registry for Moko-Cassiopeia" "brief": "Joomla asset registry for Moko-Cassiopeia"
} }
}, },
"assets": [ "assets": [
{ {
"name": "template.base", "name": "template.global.base",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/template.css", "uri": "media/templates/site/moko-cassiopeia/css/template.css",
"attributes": {"media": "all"} "attributes": {"media": "all"}
}, },
{ {
"name": "template.base.min", "name": "template.global.base.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/template.min.css" "uri": "media/templates/site/moko-cassiopeia/css/template.min.css",
}, "attributes": {"media": "all"}
{ },
"name": "template.user", {
"type": "style", "name": "template.user",
"uri": "media/templates/site/moko-cassiopeia/css/user.css", "type": "style",
"attributes": {"media": "all"} "uri": "media/templates/site/moko-cassiopeia/css/user.css",
}, "attributes": {"media": "all"}
{ },
"name": "template.user.min", {
"type": "style", "name": "template.user.min",
"uri": "media/templates/site/moko-cassiopeia/css/user.min.css" "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", "name": "template.editor",
"attributes": {"media": "all"} "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": "template.editor.min",
}, "type": "style",
{ "uri": "media/templates/site/moko-cassiopeia/css/editor.min.css",
"name": "vendor.bootstrap-toc", "attributes": {"media": "all"}
"type": "style", },
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css", {
"attributes": {"media": "all"} "name": "vendor.bootstrap-toc",
}, "type": "style",
{ "uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css",
"name": "vendor.bootstrap-toc.min", "attributes": {"media": "all"}
"type": "style", },
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css" {
}, "name": "vendor.bootstrap-toc.min",
{ "type": "style",
"name": "template.light.colors_standard", "uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css",
"type": "style", "attributes": {"media": "all"}
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.css" },
}, {
{ "name": "template.light.colors_standard",
"name": "template.light.colors_standard.min", "type": "style",
"type": "style", "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.css",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.min.css" "attributes": {"media": "all"}
}, },
{ {
"name": "template.light.colors_alternative", "name": "template.light.colors_standard.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.min.css",
}, "attributes": {"media": "all"}
{ },
"name": "template.light.colors_alternative.min", {
"type": "style", "name": "template.light.colors_alternative",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.min.css" "type": "style",
}, "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.css",
{ "attributes": {"media": "all"}
"name": "template.light.colors_custom", },
"type": "style", {
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.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.min", "attributes": {"media": "all"}
"type": "style", },
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.min.css" {
}, "name": "template.light.colors_custom",
{ "type": "style",
"name": "template.dark.colors_standard", "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.css",
"type": "style", "attributes": {"media": "all"}
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.css" },
}, {
{ "name": "template.light.colors_custom.min",
"name": "template.dark.colors_standard.min", "type": "style",
"type": "style", "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.min.css",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.min.css" "attributes": {"media": "all"}
}, },
{ {
"name": "template.dark.colors_alternative", "name": "template.dark.colors_standard",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.css",
}, "attributes": {"media": "all"}
{ },
"name": "template.dark.colors_alternative.min", {
"type": "style", "name": "template.dark.colors_standard.min",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.min.css" "type": "style",
}, "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.min.css",
{ "attributes": {"media": "all"}
"name": "template.dark.colors_custom", },
"type": "style", {
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.css" "name": "template.dark.colors_alternative",
}, "type": "style",
{ "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.css",
"name": "template.dark.colors_custom.min", "attributes": {"media": "all"}
"type": "style", },
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.min.css" {
}, "name": "template.dark.colors_alternative.min",
{ "type": "style",
"name": "template.js", "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.min.css"
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/js/template.js", {
"attributes": {"defer": true} "name": "template.dark.colors_custom",
}, "type": "style",
{ "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.css",
"name": "template.js.min", "attributes": {"media": "all"}
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/js/template.min.js", {
"attributes": {"defer": true} "name": "template.dark.colors_custom.min",
}, "type": "style",
{ "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.min.css",
"name": "theme-init.js", "attributes": {"media": "all"}
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/js/theme-init.js", {
"attributes": {"defer": true} "name": "template.js",
}, "type": "script",
{ "uri": "media/templates/site/moko-cassiopeia/js/template.js",
"name": "theme-init.min.js", "attributes": {"defer": true}
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/js/theme-init.min.js", {
"attributes": {"defer": true} "name": "template.js.min",
}, "type": "script",
{ "uri": "media/templates/site/moko-cassiopeia/js/template.min.js",
"name": "darkmode-toggle.js", "attributes": {"defer": true}
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/js/darkmode-toggle.js", {
"attributes": {"defer": true} "name": "theme-init.js",
}, "type": "script",
{ "uri": "media/templates/site/moko-cassiopeia/js/theme-init.js",
"name": "darkmode-toggle.min.js", "attributes": {"defer": true}
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/js/darkmode-toggle.min.js", {
"attributes": {"defer": true} "name": "theme-init.min.js",
}, "type": "script",
{ "uri": "media/templates/site/moko-cassiopeia/js/theme-init.min.js",
"name": "gtm.js", "attributes": {"defer": true}
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/js/gtm.js", {
"attributes": {"defer": true} "name": "darkmode-toggle.js",
}, "type": "script",
{ "uri": "media/templates/site/moko-cassiopeia/js/darkmode-toggle.js",
"name": "gtm.min.js", "attributes": {"defer": true}
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/js/gtm.min.js", {
"attributes": {"defer": true} "name": "darkmode-toggle.min.js",
}, "type": "script",
{ "uri": "media/templates/site/moko-cassiopeia/js/darkmode-toggle.min.js",
"name": "vendor.bootstrap-toc.js", "attributes": {"defer": true}
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.js", {
"attributes": {"defer": true} "name": "gtm.js",
}, "type": "script",
{ "uri": "media/templates/site/moko-cassiopeia/js/gtm.js",
"name": "vendor.bootstrap-toc.js.min", "attributes": {"defer": true}
"type": "script", },
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.js", {
"attributes": {"defer": true} "name": "gtm.min.js",
}, "type": "script",
{ "uri": "media/templates/site/moko-cassiopeia/js/gtm.min.js",
"name": "vendor.fa7free.all", "attributes": {"defer": true}
"type": "style", },
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.css" {
}, "name": "vendor.bootstrap-toc.js",
{ "type": "script",
"name": "vendor.fa7free.all.min", "uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.js",
"type": "style", "attributes": {"defer": true}
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.min.css" },
}, {
{ "name": "vendor.bootstrap-toc.js.min",
"name": "vendor.fa7free.brands", "type": "script",
"type": "style", "uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.js",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.css" "attributes": {"defer": true}
}, },
{ {
"name": "vendor.fa7free.brands.min", "name": "vendor.fa7free.all",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.min.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.css"
}, },
{ {
"name": "vendor.fa7free.fontawesome", "name": "vendor.fa7free.all.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.min.css",
}, "attributes": {"media": "all"}
{ },
"name": "vendor.fa7free.fontawesome.min", {
"type": "style", "name": "vendor.fa7free.brands",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.min.css" "type": "style",
}, "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.css",
{ "attributes": {"media": "all"}
"name": "vendor.fa7free.regular", },
"type": "style", {
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.css" "name": "vendor.fa7free.brands.min",
}, "type": "style",
{ "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.min.css",
"name": "vendor.fa7free.regular.min", "attributes": {"media": "all"}
"type": "style", },
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.min.css" {
}, "name": "vendor.fa7free.fontawesome",
{ "type": "style",
"name": "vendor.fa7free.solid", "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.css",
"type": "style", "attributes": {"media": "all"}
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.css" },
}, {
{ "name": "vendor.fa7free.fontawesome.min",
"name": "vendor.fa7free.solid.min", "type": "style",
"type": "style", "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.min.css",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.min.css" "attributes": {"media": "all"}
}, },
{ {
"name": "template.global.social-media-demo", "name": "vendor.fa7free.regular",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/global/social-media-demo.css" "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"}
}
]
} }