Add focal

CHANGELOG.md

@@ -2,9 +2,10 @@
 
 ### Changed
 
+-   New versions of cloudtag and cloudcategory layout compatible with Jekyll >= 4.1.0.
 -   Twitter share button renamed to X. Also, the icon has been updated.
 -   Share on Mastodon link replaced by Share on Bluesky.
--   Add Media, Electro, Monotone, Mickie, Skeeblu and Minco skins.
+-   Add Focal, Media, Electro, Monotone, Mickie, Skeeblu and Minco skins.
 -   Update Towards skin.
 
 ## v1.1.0 - 2023-12-13

_includes/footer.html

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

_sass/skins/academia.scss

@@ -1,7 +1,6 @@
 /*! Academia by dieghernan */
 
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 
 
 $font-family-base: Roboto, sans-serif !default;

_sass/skins/focal.scss

@@ -0,0 +1,52 @@
+/*! Focal by dieghernan */
+
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
+
+$font-family-base: "Fira Sans", sans-serif;
+$headings-font-family: "Playfair Display", serif;
+
+
+.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
+    font-family: $font-family-base;
+    font-weight: 600;
+}
+
+$primary: #ff9285;
+$secondary: #6e6e6e;
+$success: #26a65b;
+$info: #00acc1;
+$warning: #f9690e;
+$danger: #ff0000;
+$light: #f2f1f1;
+$dark: #262626;
+$body-color: $dark;
+
+a:not([class]){
+  text-decoration: underline;
+  color: $dark;
+}
+
+.chulapa-toc-reset a {
+    text-decoration: none;
+}
+
+$navbar-chulapa-bg-color: white;
+$thead-chulapa-bg-color: white; 
+$hero-chulapa-bg-color: $light;
+$footer-chulapa-bg-color: 	$hero-chulapa-bg-color;
+
+.hero-chulapa h1, 
+.hero-chulapa-image h1, 
+.splash-chulapa h1, 
+.splash-chulapa-image h1 {
+    font-family: $font-family-base;
+    font-weight: 600 !important;
+}
+
+nav, .navbar, .navbar-chulapa-fab .nav-item, .navbar-chulapa, .footer-chulapa {
+    font-family: $font-family-base;
+    font-weight: 600 !important;
+}
+
+

docs/assets/css/skins/focal.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/focal";
+@import "bootstrap/bootstrap";
+@import "chulapa-master";
+@import "reset-algolia";

docs/collections/_skins/focal.md

@@ -0,0 +1,42 @@
+---
+layout: default
+title: Focal
+subtitle: Stay focus
+excerpt: Focal, stay focus developed by dieghernan.
+date: 2025-02-20
+last_modified_at: 2025-02-24
+tags: [skin, bootstrap, dieghernan, header-splash]
+categories: [skins]
+skin: focal
+og_image: ./assets/img/skinspreview/focal.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       :  focal
+  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  %}