From b2fe05aeb127a5698da3c056ae57e907c46bfcee Mon Sep 17 00:00:00 2001 From: "Diego H." Date: Mon, 24 Feb 2025 15:43:08 +0100 Subject: [PATCH] Add focal --- CHANGELOG.md | 3 +- _includes/footer.html | 4 +++ _sass/skins/academia.scss | 1 - _sass/skins/focal.scss | 52 ++++++++++++++++++++++++++++++++ docs/assets/css/skins/focal.scss | 13 ++++++++ docs/collections/_skins/focal.md | 42 ++++++++++++++++++++++++++ 6 files changed, 113 insertions(+), 2 deletions(-) create mode 100644 _sass/skins/focal.scss create mode 100644 docs/assets/css/skins/focal.scss create mode 100644 docs/collections/_skins/focal.md diff --git a/CHANGELOG.md b/CHANGELOG.md index e8cde4b98..c8c3aa20a 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/_includes/footer.html b/_includes/footer.html index ef86a833c..0de94dc31 100644 --- a/_includes/footer.html +++ b/_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' - %} diff --git a/_sass/skins/academia.scss b/_sass/skins/academia.scss index c481b3728..aec507524 100644 --- a/_sass/skins/academia.scss +++ b/_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; diff --git a/_sass/skins/focal.scss b/_sass/skins/focal.scss new file mode 100644 index 000000000..665e26847 --- /dev/null +++ b/_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; +} + + diff --git a/docs/assets/css/skins/focal.scss b/docs/assets/css/skins/focal.scss new file mode 100644 index 000000000..9f09a36d1 --- /dev/null +++ b/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"; diff --git a/docs/collections/_skins/focal.md b/docs/collections/_skins/focal.md new file mode 100644 index 000000000..2d851611d --- /dev/null +++ b/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 %}