diff --git a/CHANGELOG.md b/CHANGELOG.md index e491ae088..af23489f4 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/_includes/footer.html b/_includes/footer.html index b34029d5a..5e3bfc26b 100644 --- a/_includes/footer.html +++ b/_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' - %} diff --git a/_sass/skins/media.scss b/_sass/skins/media.scss new file mode 100644 index 000000000..e09de7572 --- /dev/null +++ b/_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; +} \ No newline at end of file diff --git a/_sass/skins/towards.scss b/_sass/skins/towards.scss index 84440eacc..076628599 100644 --- a/_sass/skins/towards.scss +++ b/_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; diff --git a/docs/assets/css/skins/media.scss b/docs/assets/css/skins/media.scss new file mode 100644 index 000000000..c4dfdec5d --- /dev/null +++ b/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"; diff --git a/docs/collections/_skins/media.md b/docs/collections/_skins/media.md new file mode 100644 index 000000000..9926fb9e7 --- /dev/null +++ b/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 %}