Add new skin

CHANGELOG.md

@@ -4,7 +4,8 @@
 
 -  Twitter share button renamed to X. Also, the icon has been updated.
 - Share on Mastodon link replaced by Share on Bluesky.
-- Add Electro, Monotone and Minco skins.
+- Add Media, Electro, Monotone and Minco skins.
+- Modify Towars skin.
 
 ## v1.1.0 - 2023-12-13
 

_includes/footer.html

@@ -78,6 +78,10 @@
   	{%- assign name = 'Academia' - %}
   	{%- assign author = 'dieghernan' - %}
   	{%- assign url = 'https://github.com/dieghernan' - %}
+  {%- elsif site.chulapa-skin.skin == 'media' -%}
+  	{%- assign name = 'Media' - %}
+  	{%- assign author = 'dieghernan' - %}
+  	{%- assign url = 'https://github.com/dieghernan' - %}
   {%- elsif site.chulapa-skin.skin == 'universal' -%}
   	{%- assign name = 'Universal' - %}
   	{%- assign author = 'Bootstrapious' - %}

_sass/skins/media.scss

@@ -0,0 +1,54 @@
+@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Mona+Sans:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
+$font-family-base: 'Source Serif', Georgia, Cambria, 'Times New Roman', Times, serif !default; 
+$headings-font-family: 'Mona Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$headings-font-weight: 900 !default;
+$input-btn-font-family:$headings-font-family !default;
+$font-family-monospace: Inconsolata, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+
+
+
+$primary: #242424 !default;
+$black: #242424 !default;
+$white: #ffffff !default;
+$secondary: $black !default;
+$text-muted:#757575 !default;
+$success: #1a8917 !default;
+$warning: #FFC017 !default;
+$danger: #cc5454 !default;
+$info: rgba(0, 0, 0, .54) !default;
+$link-color: #0000008a;
+
+
+$navbar-chulapa-bg-color: $white !default;
+$navbar-chulapa-toggler-border-color: transparent !default;
+$navbar-chulapa-text-color: $text-muted !default;
+$navbar-chulapa-hover-color:  #A8A8A8 !default;
+$navbar-chulapa-brand-color: $navbar-chulapa-text-color !default;
+
+$footer-chulapa-bg-color: $black !default;
+$footer-chulapa-text-color: $white !default;
+$footer-chulapa-hover-color: $primary !default;
+
+$thead-chulapa-bg-color: $white !default;
+
+nav, footer, button, input, label, legend, table, form, aside, header,
+.nav, .card-header, .badge, .pagination, .breadcrumb, .chulapa-toc-wrapper, .chulapaDateSocial,
+.footnotes, #markdown-toc {
+    font-family: $headings-font-family;
+}
+.chulapa-links-hover-only i, .chulapaDateSocial i {
+  color: $primary;
+}
+
+label {
+  font-family: $headings-font-family !important;
+  font-weight: $headings-font-weight !important;
+}
+
+.hero-chulapa h1, 
+.hero-chulapa-image h1, 
+.splash-chulapa h1, 
+.splash-chulapa-image h1 {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight !important;
+}

_sass/skins/towards.scss

@@ -1,49 +1,13 @@
-@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
-$font-family-base: 'Noto Serif', Georgia, Cambria, 'Times New Roman', Times, serif !default; 
-$headings-font-family: 'Heebo', "Helvetica Neue", Helvetica, Arial, sans-serif !default;
-$headings-font-weight: 900 !default;
-$input-btn-font-family:$headings-font-family !default;
-
-$primary: #607A8D !default;
-$black: #000000 !default;
-$white: #ffffff !default;
-$secondary: $black !default;
-$text-muted:#757575 !default;
-$success: #1a8917 !default;
-$warning: #fac145 !default;
-$danger: #E52A08 !default;
-$info: #fcd2bc !default;
-
-$navbar-chulapa-bg-color: $white !default;
-$navbar-chulapa-toggler-border-color: transparent !default;
-$navbar-chulapa-text-color: $text-muted !default;
-$navbar-chulapa-hover-color:  #A8A8A8 !default;
-$navbar-chulapa-brand-color: $navbar-chulapa-text-color !default;
-
-$footer-chulapa-bg-color: $black !default;
-$footer-chulapa-text-color: $white !default;
-$footer-chulapa-hover-color: $primary !default;
-
-$thead-chulapa-bg-color: $white !default;
-
-nav, footer, button, input, label, legend, table, form, aside, header,
-.nav, .card-header, .badge, .pagination, .breadcrumb, .chulapa-toc-wrapper, .chulapaDateSocial,
-.footnotes, #markdown-toc {
-    font-family: $headings-font-family;
-}
-.chulapa-links-hover-only i, .chulapaDateSocial i {
-  color: $primary;
-}
-
-label {
-  font-family: $headings-font-family !important;
-  font-weight: $headings-font-weight !important;
-}
-
-.hero-chulapa h1, 
-.hero-chulapa-image h1, 
-.splash-chulapa h1, 
-.splash-chulapa-image h1 {
-  font-family: $headings-font-family;
-  font-weight: $headings-font-weight !important;
-}
+@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+
+$font-family-base: "Work Sans", sans-serif; 
+$headings-font-family: $font-family-base;
+$headings-font-weight:  bold;
+
+$body-color: #2a2a2a;
+$primary: #355876;
+$secondary: #757575;
+$success:   #00d084;
+$info:  #8ed1fc;
+$warning:     #fcb900;
+$danger:      #cf2e2e;

docs/assets/css/skins/media.scss

@@ -0,0 +1,13 @@
+---
+---
+@charset "utf-8";
+// Custom free font: see https://diario.madrid.es/chulapa/
+@font-face {
+  font-family: chulapa;
+  src: url({{ "/assets/fonts/Chulapa/Chulapa-Bold_vmod.otf" | absolute_url }});
+  font-display: fallback;
+}
+@import "skins/media";
+@import "bootstrap/bootstrap";
+@import "chulapa-master";
+@import "reset-algolia";

docs/collections/_skins/media.md

@@ -0,0 +1,42 @@
+---
+layout: default
+title: Media
+subtitle: Read, write, learn, share
+excerpt: Media, read, write, learn, share developed by dieghernan.
+date: 2025-02-21
+last_modified_at: 2025-02-22
+tags: [skin, bootstrap, dieghernan, header-splash]
+categories: [skins]
+skin: media
+og_image: ./assets/img/skinspreview/media.png
+---
+
+
+Developed by [dieghernan](https://github.com/dieghernan/), you can use it on your site. Just go to your `_config.yml` file and modify this lines
+
+```yaml
+chulapa-skin: 
+  skin       :  media 
+  autothemer  :  # Autotheming may not have any effect
+  vars        :    
+    ...
+```
+
+
+While `autothemer` does not override the skin, it may not be fully functional. You can modify the theme defaults via `vars`.
+
+
+
+
+{% if page.show_bottomnavs -%}
+{% include components/navbeforeafter.html -%}
+{% endif -%}
+{% if page.show_categories -%}
+{% include components/categories.html-%}
+{% endif -%}
+{% if page.show_tags -%}
+{% include components/tags.html-%}
+{% endif -%}
+
+
+{% include snippets/bootstrapdemo.html  %}