jekyll-theme-centos 0.6.0 → 0.6.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 75c6ebb3390dab7cb7398c35ee2e6004e6bc58cef61725c55a7b20489cc854b9
-  data.tar.gz: 33e0aa7400fe52cfee092e83d4128a6a652c7b5eed8a704f9cfe73e36a59fbd2
+  metadata.gz: 3ee411003adc36928233f6eb5fe4b6ef4c7f622f600922517b786edf0ce3067e
+  data.tar.gz: 90b3f7f1d2032822a2b487c2096b4fc6ac4026bece0ac8307d728613bc864c30
 SHA512:
-  metadata.gz: bada97657460f8099b01ed3b91be287e1fde2abbde4fd619a9660adee880272d0e5ec2f7a7fa8ef3754bc960e5caaf65221b7abf7811b6a06989a657b7e06f96
-  data.tar.gz: 3c2b26425790408acb7301995e50c855417da0d52ed3d4446a2e1cee8aed1ef81928110eb8400d55fe5c4e3d26e2a8c39cd772f42a34f9fae3f16df3486343d8
+  metadata.gz: ffd2dc794ae948c96a050b167d17c5747c1121558100b43ba06e685b028530d5b09e2d29b4715d2a0ec29863141263784e9a5ee1cc41e10e52686f913746c89b
+  data.tar.gz: 2f88e36a305711cfa01c352b74a082ea9115025e125f47c46759a855814e57f87c75097f97de2c8a6bf5143063cc91da75e02dce28c16c0387e78bb576f6f859

data/_includes/download/{body-doc.html → cards-body-doc.html}

@@ -1,6 +1,6 @@
 <tr>
   <td>{% if row["release_notes"] != "" %}<a href="{{ row['release_notes'] }}">Release Notes</a>{% else %}Release Notes{% endif %}
     | {% if row["release_email"] != "" %}<a href="{{ row['release_email'] }}">Release Email</a>{% else %}Release Email{% endif %}
-    | {% if row["documentation"] != "" %}<a href="{{ row['documentation'] }}">Documentation</a>{% else %}Documentation{% endif %}</td>
+    | {% if row["website"] != "" %}<a href="{{ row['website'] }}">Website</a>{% else %}Website{% endif %}</td>
 </tr>
 

data/_includes/download/{body-eol.html → cards-body-eol.html}

@@ -1,4 +1,4 @@
 <tr>
-  <td>{% if row["date"] != "" %}{{ row['date'] }}{% endif %}
+  <td>{% if row["date"] != "" %}{{ row['date'] | date_to_string: "ordinal", "US" }}{% endif %}
       {% if row["url"] != "" %}<a href="{{ row['url'] }}"><i class="fas fa-exclamation-circle"></i></a>{% endif %}</td>
 </tr>

data/_includes/download/cards.html

@@ -1,16 +1,56 @@
+{% if include.distribution %}
+{% assign cards = site.data.centos.distributions | where: "page", include.distribution %}
+{% else %}
+{% assign cards = site.data.centos.distributions %}
+{% endif %}
+
 <div class="download__content__card">
   <div class="download__content__card__header">
     <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
-      <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream">CentOS Stream</a></li>
-      <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux">CentOS Linux</a></li>
+    {% for item in cards %}
+    <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link{% if forloop.first %} active{% endif %}" role="tab" data-toggle="tab" href="#{{ item.page }}">{{ item.name }}</a></li>
+    {% endfor %}
     </ul>
   </div>
   <div class="download__content__card__body tab-content">
-    <div class="tab-pane active" role="tabpanel" id="tab-stream">
-      {% include download/stream.html %}
-    </div>
-    <div class="tab-pane" role="tabpanel" id="tab-linux">
-      {% include download/linux.html %}
+    {% for item in cards %}
+    <div class="tab-pane{% if forloop.first %} active{% endif %}" role="tabpanel" id="{{ item.page }}">
+
+      <div class="download__content__card">
+        <div class="download__content__card__header">
+          <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
+            {% for release in item.releases %}
+            <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link{% if forloop.first %} active{% endif %}" role="tab" data-toggle="tab" href="#{{ item.page }}-{{ release[0] }}">{{ release[0] }}</a></li>
+            {% endfor %}
+          </ul>
+        </div>
+
+        <div class="download__content__card__body tab-content">
+            {% for release in item.releases %}
+            <div class="tab-pane{% if forloop.first %} active{% endif %}" role="tabpanel" id="{{ item.page }}-{{ release[0] }}">
+            {% include download/cards-header.html %}
+            {% for row in release[1].downloads %}
+            {% include download/cards-body.html %}
+            {% endfor %}
+            {% include download/cards-footer.html %}
+
+            {% include download/cards-header-doc.html %}
+            {% for row in release[1].docs %}
+            {% include download/cards-body-doc.html %}
+            {% endfor %}
+            {% include download/cards-footer.html %}
+
+            {% include download/cards-header-eol.html %}
+            {% for row in release[1].eol %}
+            {% include download/cards-body-eol.html %}
+            {% endfor %}
+            {% include download/cards-footer.html %}
+            </div>
+            {% endfor %}
+        </div>
+      </div>
+
     </div>
+    {% endfor %}
   </div>
 </div>

data/_includes/home/distributions.html

@@ -1,11 +1,11 @@
 <section class="home__content__distributions">
   <h2>Distributions</h2>
-  <p class="home__content__distributions_preamble">{{ site.data.centos.distributions.preamble }}</p>
+  <p class="home__content__distributions_preamble">We offer the following distributions:</p>
 
-  {% if site.data.centos.distributions.buttons %}
+  {% if site.data.centos.distributions %}
   <div class="home__content__distributions__buttons">
-  {% for item in site.data.centos.distributions.buttons %}
-    <a class="btn" role="button" href="{{ item.link }}">{{ item.name }}</a>
+  {% for item in site.data.centos.distributions %}
+    <a class="btn" role="button" href="{{ item.page }}">{{ item.name }}</a>
   {% endfor %}
   </div>
   {% endif %}

data/_sass/centos/_footer.scss

@@ -18,7 +18,7 @@
 	color:            $white;
 	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

@@ -2,11 +2,11 @@
 
   color: $white;
   background-image: url($centos-img-motif);
-  background-color: $black;
+  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/_variables.scss

@@ -2,11 +2,6 @@
 //
 // Variables should follow the `$component-state-property-size` formula for
 // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-//
-
-/* ----------------------------------------------------------------------
- * CentOS identity
- * ---------------------------------------------------------------------- */
 $centos-color-0:                    #9ccd2a;
 $centos-color-1:                    #efa724;
 $centos-color-2:                    #a14f8c;
@@ -14,18 +9,14 @@ $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.
- * ---------------------------------------------------------------------- */
+// Color system - based in the artistic motif palette and the number of
+// occurrence each color has in the image.
 $white:                             #fff;
 $primary:                           #6226a9;
 $secondary:                         #0f1c4c;
 $dark:                              #05112b;
 
-/* ----------------------------------------------------------------------
- * Header
- * ---------------------------------------------------------------------- */
+// Header
 $home-header-padding-top:           202px;
 $home-header-padding-bottom:        150px;
 $page-header-padding-top:           152px;
@@ -33,40 +24,30 @@ $page-header-padding-bottom:        100px;
 $heading-margin-top:                1rem;
 $scroll-margin-top:                 $heading-margin-top * 2.6;
 
-/* ----------------------------------------------------------------------
- * Body - settings for `<body>` element.
- * ---------------------------------------------------------------------- */
+// Body - settings for `<body>` element.
 $body-bg:                           #f0f0f0;
 $body-color:                        $dark;
 
-/* ----------------------------------------------------------------------
- * Paragraphs
- * ---------------------------------------------------------------------- */
+// Paragraphs
 $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 menu container and contents.
 $dropdown-bg:                       $dark;
 $dropdown-link-color:               $white;
 $dropdown-link-hover-color:         $white;
 $dropdown-link-hover-bg:            rgba($primary, .2);
 
-/* ----------------------------------------------------------------------
- * Breadcrumbs
- * ---------------------------------------------------------------------- */
+// Breadcrumbs
 $breadcrumb-bg:                     transparent;
 $breadcrumb-padding-x:              0;
 
-/* ----------------------------------------------------------------------
- * Tables
- * ---------------------------------------------------------------------- */
+// Tables
 $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.5 (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

@@ -23,6 +23,9 @@
       &-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 {