jekyll-theme-centos 0.5.12 → 0.6.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fd23bff5e8c6f7a57e5892fd84c784c8a88ae00639ae1fb4b14ab7013113cc4c
-  data.tar.gz: 149339a075600492fed274ec29c48257ecca413a0f1544d0978c5a36262bf100
+  metadata.gz: 859835db3e4fcc6a8f68bf59213ff534bff3fc2611d9077d121f17b9ce55e57f
+  data.tar.gz: 8865aec2e1b931dfd2e67328622503baf3596851a9a87aa3c59152a338a02a96
 SHA512:
-  metadata.gz: 43e9c522f4efdcea4438fff0da26d7c64e5cb2a0c959dd75a06dcdc2792053957e0972360e0b5912202d63f928677cb715d21f9679c704331f71a96b323cfb3f
-  data.tar.gz: 849737687ebc8519108fc9aeb658ffcbcd759ff313889a60640f555db2b34a7279fbee3cda5edcfe12a376a1df7d427a7fa0d7c76659cdd5647779e6633936c0
+  metadata.gz: 376683a58a6e79c0015007a056bdfb18569a63a905181ffc4935220511c4dc5ea38f2e7444eb859442e9d234454d8616eb8cf999992f2b68937a008951fc2394
+  data.tar.gz: e40bfc94b31e98b5457bffe5ca1bebfdd20b7f90d522699a4f2b5fb933469310668644aea2a1aae2104a1cf9f4e5f27f75f82cfb780bda5357b86d6a4deb053c

data/_includes/navbar.html

@@ -1,6 +1,6 @@
 <nav class="navbar fixed-top navbar-expand-lg navbar-dark">
     <div class="container">
-      <a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img src="{{ site.data.centos.identity.logo.image }}" height="32" alt="{{ site.title }}"></a>
+      <a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img src="{{ site.data.centos.identity.logo.image }}" height="32" alt="{{ site.title }}"> <span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
         <button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
         <div class="collapse navbar-collapse" id="navcol-1">
             <ul class="nav navbar-nav ml-auto">

data/_includes/post-nav-explorer.html

@@ -4,20 +4,20 @@
   {% else %}
   <div class="post__nav__explorer__newer--disabled">
   {% endif %}
-  <a href="{{ page.previous.url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Previous Post - {{ page.previous.title }}"><i class="fas fa-arrow-left"></i></button></a>
+  <a href="{{ page.previous.url }}"><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Previous Post - {{ page.previous.title }}"><i class="fas fa-arrow-left"></i></button></a>
   </div>
   {% include top.html %}
   <div class="post__nav_explorer__feeds">
-    <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
+    <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
   </div>
   <div class="post__nav__explorer__index">
-    <a href="/{{ site.pagination.indexpage }}.html"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
+    <a href="/{{ site.pagination.indexpage }}.html"><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
   </div>
   {% if page.next.url %}
   <div class="post__nav__explorer__older">
   {% else %}
   <div class="post__nav__explorer__older--disabled">
   {% endif %}
-  <a href="{{ page.next.url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Next Post - {{ page.next.title }}"><i class="fas fa-arrow-right"></i></button></a>
+  <a href="{{ page.next.url }}"><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Next Post - {{ page.next.title }}"><i class="fas fa-arrow-right"></i></button></a>
   </div>
 </nav>

data/_includes/top.html

@@ -1,3 +1,3 @@
 <div class="top">
-  <a href="#top"><button title="Page top" type="button" data-toggle="tooltip" class="btn btn-light"><i class="fas fa-arrow-circle-up"></i></button></a>
+  <a href="#top"><button title="Page top" type="button" data-toggle="tooltip" class="btn btn-primary"><i class="fas fa-arrow-circle-up"></i></button></a>
 </div>

data/_sass/centos/_footer.scss

@@ -7,8 +7,7 @@
     }
   }
 
-	background-image: url($background-image);
-	background-color: $black;
+	background-image: url($centos-img-motif);
 	background-size: cover;
   background-position: top right;
 
@@ -17,9 +16,9 @@
   }
 
 	color:            $white;
-	background-color: $black;
+	background-color: $dark;
   font-size:        $font-size-base * 0.9;
-  text-shadow: 0 0 5px $black;
+  text-shadow: 0 0 5px $dark;
 
   scroll-margin-top: $scroll-margin-top;
 

data/_sass/centos/_header.scss

@@ -1,12 +1,12 @@
 .header {
 
   color: $white;
-  background-image: url($background-image);
-  background-color: $black;
+  background-image: url($centos-img-motif);
+  background-color: $dark;
   background-size: cover;
   background-position: top right;
 
-  text-shadow: 0 0 5px $black;
+  text-shadow: 0 0 5px $dark;
 
   &__home {
     display: flex;
@@ -37,7 +37,7 @@
 
     &__title, &__description {
       @extend .container;
-      text-shadow: 0 0 5px $black;
+      text-shadow: 0 0 5px $dark;
     }
 
     &__description {
@@ -58,7 +58,7 @@
       padding: 0.5em;
       font-size: $h3-font-size;
       color: $white;
-      background: $black;
+      background: $dark;
       opacity: 0.3;
       &:hover {
         opacity: 0.65;
@@ -74,7 +74,7 @@
       @extend .container;
     }
     &__title, &__description {
-      text-shadow: 0 0 5px $black;
+      text-shadow: 0 0 5px $dark;
     }
     &__description {
       @extend .lead;

data/_sass/centos/_main.scss

@@ -27,6 +27,7 @@
       }
     }
     &__planet, &__news-and-events {
+      a { font-weight: bold; }
       @include link-list;
     }
   }
@@ -177,16 +178,15 @@
         border: none;
         padding: 15px;
         text-align: left;
-        &__image {
-          img {
-            width: auto;
-            height: 50px;
-          }
+        img {
+          width: auto;
+          height: 50px;
         }
         &__body {
-          &__title {
+          &_title {
+            display: none;
           }
-          &__description {
+          &_description {
           }
         }
       }

data/_sass/centos/_nav.scss

@@ -1,6 +1,13 @@
 .navbar {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
   &-dark {
-    background: $black;
+    background: $dark;
+  }
+  &-brand {
+    .manifestation {
+      color: white;
+      font-size: small;
+      padding-left: 5px;
+    }
   }
 }

data/_sass/centos/_toc.scss

@@ -20,7 +20,7 @@
     list-style: none;
     &:before {
       @extend .fas;
-      color: $secondary;
+      color: $primary;
       margin-right: 5px;
       content: fa-content($fa-var-angle-right);
     }

data/_sass/centos/_variables.scss

@@ -2,27 +2,21 @@
 //
 // Variables should follow the `$component-state-property-size` formula for
 // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-//
-
-//
-/* ----------------------------------------------------------------------
- * Color system
- * ---------------------------------------------------------------------- */
+$centos-color-0:                    #9ccd2a;
+$centos-color-1:                    #efa724;
+$centos-color-2:                    #a14f8c;
+$centos-color-3:                    #262577;
+$centos-img-logo:                   "/assets/img/logo.png";
+$centos-img-motif:                  "/assets/img/motif.png";
+
+// Color system - based in the artistic motif palette and the number of
+// occurrence each color has in the image.
 $white:                             #fff;
-$black:                             #000;
-$dark:                              #212529;
-
-/* ----------------------------------------------------------------------
- * CentOS Identity
- * ---------------------------------------------------------------------- */
-$color-0:                           #9ccd2a;
-$color-1:                           #efa724;
-$color-2:                           #a14f8c;
-$color-3:                           #262577;
-
-$logo-image:                        "/assets/img/logo.png";
-$background-image:                  "/assets/img/motif.png";
+$primary:                           #6226a9;
+$secondary:                         #0f1c4c;
+$dark:                              #05112b;
 
+// Header
 $home-header-padding-top:           202px;
 $home-header-padding-bottom:        150px;
 $page-header-padding-top:           152px;
@@ -30,43 +24,30 @@ $page-header-padding-bottom:        100px;
 $heading-margin-top:                1rem;
 $scroll-margin-top:                 $heading-margin-top * 2.6;
 
-// Body
-//
-// Settings for the `<body>` element.
-
+// Body - settings for `<body>` element.
 $body-bg:                           #f0f0f0;
-$body-color:                        #212529;
+$body-color:                        $dark;
 
 // Paragraphs
-//
-// Style p element.
-
 $paragraph-margin-bottom:           1.8rem;
+$code-color:                        $dark;
 
-// Typography
-//
-// Font, line-height, and color for body text, headings, and more.
-
+// Typography - Font, line-height, and color for body text, headings, and more.
+$font-family-path:                  "/assets/fonts";
 $font-family-sans-serif:            Montserrat;
 $line-height-base:                  1.75;
 $headings-line-height:              $line-height-base - 0.3;
 $headings-font-weight:              700;
 
-//
 // Dropdown menu container and contents.
-//
-$dropdown-bg:                       $black;
+$dropdown-bg:                       $dark;
 $dropdown-link-color:               $white;
 $dropdown-link-hover-color:         $white;
-$dropdown-link-hover-bg:            rgba($white, .2);
+$dropdown-link-hover-bg:            rgba($primary, .2);
 
 // Breadcrumbs
 $breadcrumb-bg:                     transparent;
 $breadcrumb-padding-x:              0;
 
-//
-//$component-active-color:            $white;
-//#$component-active-bg:               $dark;
-
 // Tables
-$table-dark-bg:                     $body-color;
+$table-dark-bg:                     $dark;

data/_sass/centos/centos.scss

@@ -1,24 +1,20 @@
 /*!
- * CentOS Theme
- * Copyright 2020 Alain Reguera Delgado <areguera@centosproject.org>
- * Licensed under MIT
+ * jekyll-theme-centos v0.6.4 (https://gitlab.com/areguera/jekyll-theme-centos/)
+ * Copyright 2020-2021 Alain Reguera Delgado
+ * Licensed under MIT (https://gitlab.com/areguera/jekyll-theme-centos/-/blob/master/LICENSE)
  */
-
 @import "fontawesome/fontawesome";
 @import "fontawesome/solid";
 @import "fontawesome/brands";
-
-@import "_variables";
-@import "_fonts";
-
+@import "centos/variables";
 @import "bootstrap/bootstrap";
-
-@import "_mixins";
-@import "_datatable";
-@import "_highlighter";
-@import "_toc";
-@import "_breadcrumbs";
-@import "_nav";
-@import "_header";
-@import "_main";
-@import "_footer";
+@import "centos/fonts";
+@import "centos/mixins";
+@import "centos/datatable";
+@import "centos/highlighter";
+@import "centos/toc";
+@import "centos/breadcrumbs";
+@import "centos/nav";
+@import "centos/header";
+@import "centos/main";
+@import "centos/footer";

data/_sass/centos/fonts/_montserrat.scss

@@ -1,7 +1,4 @@
-/** =================== MONTSERRAT =================== **/
 /** Montserrat Thin **/
-$font-family-path: "../fonts/Montserrat";
-
 @font-face {
 	font-family: "Montserrat";
 	font-weight: 100;

data/_sass/centos/fonts/_overpass.scss

@@ -1,45 +1,43 @@
-$font-family-path: "../fonts/Overpass/";
-
 @font-face {
   font-family: 'overpass-mono';
-  src: url('#{$font-family-path}overpass-mono-light.eot');
-  src: url('#{$font-family-path}overpass-mono-light.eot?#iefix') format('embedded-opentype'),
-       url('#{$font-family-path}overpass-mono-light.woff2') format('woff2'),
-       url('#{$font-family-path}overpass-mono-light.woff') format('woff'),
-       url('#{$font-family-path}overpass-mono-light.ttf')  format('truetype');
+  src: url('#{$font-family-path}/overpass-mono-light.eot');
+  src: url('#{$font-family-path}/overpass-mono-light.eot?#iefix') format('embedded-opentype'),
+       url('#{$font-family-path}/overpass-mono-light.woff2') format('woff2'),
+       url('#{$font-family-path}/overpass-mono-light.woff') format('woff'),
+       url('#{$font-family-path}/overpass-mono-light.ttf')  format('truetype');
        font-weight: 300;
        font-style: normal;
 }
 
 @font-face {
   font-family: 'overpass-mono';
-  src: url('#{$font-family-path}overpass-mono-regular.eot');
-  src: url('#{$font-family-path}overpass-mono-regular.eot?#iefix') format('embedded-opentype'),
-       url('#{$font-family-path}overpass-mono-regular.woff2') format('woff2'),
-       url('#{$font-family-path}overpass-mono-regular.woff') format('woff'),
-       url('#{$font-family-path}overpass-mono-regular.ttf')  format('truetype');
+  src: url('#{$font-family-path}/overpass-mono-regular.eot');
+  src: url('#{$font-family-path}/overpass-mono-regular.eot?#iefix') format('embedded-opentype'),
+       url('#{$font-family-path}/overpass-mono-regular.woff2') format('woff2'),
+       url('#{$font-family-path}/overpass-mono-regular.woff') format('woff'),
+       url('#{$font-family-path}/overpass-mono-regular.ttf')  format('truetype');
        font-weight: 400;
        font-style: normal;
 }
 
 @font-face {
   font-family: 'overpass-mono';
-  src: url('#{$font-family-path}overpass-mono-semibold.eot');
-  src: url('#{$font-family-path}overpass-mono-semibold.eot?#iefix') format('embedded-opentype'),
-       url('#{$font-family-path}overpass-mono-semibold.woff2') format('woff2'),
-       url('#{$font-family-path}overpass-mono-semibold.woff') format('woff'),
-       url('#{$font-family-path}overpass-mono-semibold.ttf')  format('truetype');
+  src: url('#{$font-family-path}/overpass-mono-semibold.eot');
+  src: url('#{$font-family-path}/overpass-mono-semibold.eot?#iefix') format('embedded-opentype'),
+       url('#{$font-family-path}/overpass-mono-semibold.woff2') format('woff2'),
+       url('#{$font-family-path}/overpass-mono-semibold.woff') format('woff'),
+       url('#{$font-family-path}/overpass-mono-semibold.ttf')  format('truetype');
        font-weight: 500;
        font-style: normal;
 }
 
 @font-face {
   font-family: 'overpass-mono';
-  src: url('#{$font-family-path}overpass-mono-bold.eot');
-  src: url('#{$font-family-path}overpass-mono-bold.eot?#iefix') format('embedded-opentype'),
-       url('#{$font-family-path}overpass-mono-bold.woff2') format('woff2'),
-       url('#{$font-family-path}overpass-mono-bold.woff') format('woff'),
-       url('#{$font-family-path}overpass-mono-bold.ttf')  format('truetype');
+  src: url('#{$font-family-path}/overpass-mono-bold.eot');
+  src: url('#{$font-family-path}/overpass-mono-bold.eot?#iefix') format('embedded-opentype'),
+       url('#{$font-family-path}/overpass-mono-bold.woff2') format('woff2'),
+       url('#{$font-family-path}/overpass-mono-bold.woff') format('woff'),
+       url('#{$font-family-path}/overpass-mono-bold.ttf')  format('truetype');
        font-weight: 600;
        font-style: normal;
 }

data/_sass/centos/mixins/_code-header.scss

@@ -3,10 +3,9 @@
 @mixin code-header {
 
   .code-header {
+    @extend .bg-light;
     display: flex;
     justify-content: space-between;
-    background-color: $body-color;
-    color: $white;
     align-items: center;
     padding-left: 10px;
     font-size: small; 
@@ -24,11 +23,14 @@
       &-key {
         &:before { @extend .fas; content: fa-content($fa-var-key); padding-right: 5px; }
       }
+      &-markdown {
+        &:before { @extend .fab; content: fa-content($fa-var-markdown); padding-right: 5px; }
+      }
     }
 
     &--button {
       .copy-code-button {
-        @extend .btn, .btn-dark, .shadow-none, .btn-sm;
+        @extend .btn, .btn-light, .shadow-none, .btn-sm;
         border-radius: 0px;
         display: grid;
         grid-auto-flow: column;
@@ -36,7 +38,6 @@
         grid-column-gap: 4px;
         border: none;
         cursor: pointer;
-        background-color: $body-color;
         font-size: small;
 
         &:before {
@@ -60,5 +61,4 @@
       }
     }
   }
-
 }

data/_sass/centos/mixins/_content.scss

@@ -3,7 +3,7 @@
   background: #fff;
   padding: 2.75rem;
   margin-top: -120px;
-  min-height: 430px;
+  min-height: 490px;
   box-shadow: 0px -2px 3px 0px rgba(50, 50, 50, 0.25);
 
   h1, h2, h3, h4, h5, h6 {
@@ -16,7 +16,7 @@
 
   h2 {
     margin-top: $scroll-margin-top;
-    border-bottom: 3px solid $body-color;
+    border-bottom: 3px solid $dark;
   }
 
   img {

data/_sass/centos/mixins/_link-list.scss

@@ -7,9 +7,9 @@
       margin-left: 1em;
       &:before {
         @extend .fas;
-        color: $secondary;
         margin-right: 0.5em;
         margin-left: -1em;
+        color: $primary;
         content: fa-content($fa-var-angle-right);
       }
     }