jekyll-theme-centos 0.5.10 → 0.5.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 47057b339abcf735055ec1ecdc1677d245c90060be0d203bd3eeb30ae8d55c17
-  data.tar.gz: 6434b806b2c5ef8244b354fad3ae1aff25e844fca61e57bc2fc3645a6053d6d5
+  metadata.gz: 971e12cee20cea2db6273556d284276593631ab42ac68e262d5a13bd3211c085
+  data.tar.gz: c2071597146c3f449ce10062c03ccfee663fbdf491fe2e04b12ec5debe1a78e6
 SHA512:
-  metadata.gz: 88080cd3eb3478d8aefb6310fb7a4c73ab071c466410b81ac04f89a14450d0beaf5021b038aedadc5e510a05cf20437990de4b6dbf4901b690f2efb65f3e8981
-  data.tar.gz: 67486a1707a35bd2669cf610d944bf8637ad50487b3f691588d1a401bd87778eeb989d763e47b7ce85274f28b43ed5cc30851e0674b0bcd7a83d3fc283c8ad14
+  metadata.gz: 8f1379d601b1a7f6853cb1ff4fe2bc63862c35d87fb481ba3d068f3a2701522a85a6bdbf291b376e6a72d691894ab3a4ec204e73dbd0b6ca6091cf553590b7bf
+  data.tar.gz: cecdc59f5a21948a5e0f5f74142580f5e36d65adc870a3feec012b6f224e48a25b3088b60dc7cde9578a3e075ff1aa8dc426d05b1bd00111c4b776a63d5c98b8

data/_includes/download/header.html

@@ -2,8 +2,8 @@
 <thead>
   <tr>
     <th scope="col"><i class="fas fa-microchip"></i> Architectures</th>
-    <th scope="col"><i class="fas fa-cubes"></i> Packages</th>
-    <th scope="col"><i class="fas fa-plus-circle"></i> Others</th>
+    <th scope="col">Packages</th>
+    <th scope="col">Others</th>
   </tr>
 </thead>
 <tbody>

data/_includes/home/news-and-events.html

@@ -6,7 +6,7 @@
   {% assign blog_posts = site.posts | where: "category", "news-and-events" %}
   {% for i in blog_posts limit:4 %}
   {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
-    <li><a href="{{ i.url }}">{{ i.title }}</a> &mdash; <small>{{ i.date | date: date_format }}</small> {{ i.excerpt }}</li>
+  <li><a href="{{ i.url }}">{{ i.title }}</a><br>{{ i.date | date: date_format }} &mdash; {{ i.excerpt | strip_html }}</li>
   {% endfor %}
   </ul>
 

data/_includes/home/planet.html

@@ -1,4 +1,13 @@
 <section class="home__content__planet">
+
   <h2>Around CentOS</h2>
-  <div id="rss-feeds"></div>
+
+  <ul>
+  {% assign entries = site.data.centos.planet %}
+  {% for i in entries limit:8 %}
+  {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
+  <li><a href="{{ i.link }}">{{ i.title }}</a><br>{{ i.published | date: date_format }} &mdash; {{ i.summary | strip_html | slice: 0,150 }}...</li>
+  {% endfor %}
+  </ul>
+
 </section>

data/_includes/page/code-header.html

@@ -1,4 +1,10 @@
 <div class="code-header">
+  {% if include.type %}
+  <div class="code-header--description-{{ include.type }}"></div> 
+  {% else %}
+  <div class="code-header--description-code"></div> 
+  {% endif %}
+  <div class="code-header--button">
     <button class="copy-code-button" aria-label="Copy code to clipboard"></button>
+  </div>
 </div>
-

data/_layouts/home.html

@@ -31,19 +31,6 @@
 
   <script src="/assets/js/jquery.min.js"></script>
   <script src="/assets/js/bootstrap.min.js"></script>
-  <script src="/assets/js/moment.min.js"></script>
-  <script src="/assets/js/jquery.rss.js"></script>
-  <script>
-    jQuery(function($) {
-      $("#rss-feeds").rss("https://www.centos.org/assets/planet.rss", {
-        limit: 5,
-        ssl: true,
-        dateFormat: "MMM DD, YYYY",
-        entryTemplate: '<li><a href="{url}">{title}</a> &mdash; <small>{date}</small><br/>{shortBodyPlain}</li>'
-        },
-      )
-   })
-  </script>
 </body>
 
 </html>

data/_sass/centos/_fonts.scss

@@ -1 +1,2 @@
 @import "fonts/_montserrat";
+@import "fonts/_overpass";

data/_sass/centos/_highlighter.scss

@@ -1,360 +1,171 @@
-.highlight {
-    color: $nord-color-4;
-    background-color: $nord-color-0;
-
-    /* Text.Whitespace */
-    .w {
-        background-color: $nord-color-11;
-    }
 
-    /* Error */
-    .err {
-        color: $nord-color-11;
-    }
+/*
+ * GitHub style for Pygments syntax highlighter, for use with Jekyll
+ * Courtesy of GitHub.com 
+ * 
+ * src: https://github.com/aahan/pygments-github-style
+ */
+
+.highlight pre, pre {
+  background-color: #f8f8f8;
+  border: 1px solid #ccc;
+  padding: 6px 10px;
+  border-radius: 0 0 3px 3px;
+}
 
-    /* Other */
+.highlight {
+  .hll {
+    background-color: #f8f8f8;
+    border: 1px solid #ccc;
+    padding: 6px 10px;
+    border-radius: 3px;
+  }
+  .c {
+    color: #999988;
+    font-style: italic;
+  }
+  .err {
+    color: #a61717;
+    background-color: #e3d2d2;
+  }
+  .k, .o {
+    font-weight: bold;
+  }
+  .cm {
+    color: #999988;
+    font-style: italic;
+  }
+  .cp {
+    color: #999999;
+    font-weight: bold;
+  }
+  .c1 {
+    color: #999988;
+    font-style: italic;
+  }
+  .cs {
+    color: #999999;
+    font-weight: bold;
+    font-style: italic;
+  }
+  .gd {
+    color: #000000;
+    background-color: #ffdddd;
     .x {
-        color: $nord-color-4;
-    }
-
-    /* Keyword */
-    .k {
-        color: $nord-color-9;
-    }
-
-    /* Keyword.Constant */
-    .kc {
-        color: $nord-color-11;
-    }
-
-    /* Keyword.Declaration */
-    .kd {
-        color: $nord-color-9;
-    }
-    /* Keyword.Namespace */
-    .kn {
-        color: $nord-color-9;
-    }
-
-    /* Keyword.Pseudo */
-    .kp {
-        color: $nord-color-9;
-    }
-
-    /* Keyword.Reserved */
-    .kr {
-        color: $nord-color-10;
-    }
-
-    /* Keyword.Type */
-    .kt {
-        color: $nord-color-9;
-    }
-
-    /* Name */
-    .n {
-        color: $nord-color-4;
-    }
-
-    /* Name.Attribute */
-    .na {
-        color: $nord-color-7;
-    }
-
-    /* Name.Builtin */
-    .nb {
-        color: $nord-color-9;
-    }
-
-    /* Name.Builtin.Pseudo */
-    .bp {
-        color: $nord-color-9;
-    }
-
-    /* Name.Class */
-    .nc {
-        color: $nord-color-7;
-    }
-
-    /* Name.Constant */
-    .no {
-        color: $nord-color-7;
-    }
-
-    /* Name.Decorator */
-    .nd {
-        color: $nord-color-7;
-    }
-
-    /* Name.Entity */
-    .ni {
-        color: $nord-color-12;
-    }
-
-    /* Name.Exception */
-    .ne {
-        color: $nord-color-12;
-    }
-
-    /* Name.Function */
-    .nf {
-        color: $nord-color-8;
-    }
-
-    /* Name.Property */
-    .py {
-        color: $nord-color-9;
-    }
-
-    /* Name.Label */
-    .nl {
-        color: $nord-color-8;
-    }
-
-    /* Name.Namespace */
-    .nn {
-        color: $nord-color-8;
-    }
-
-    /* Name.Other */
-    .nx {
-        color: $nord-color-8;
-    }
-
-    /* Name.Tag */
-    .nt {
-        color: $nord-color-9;
-    }
-
-    /* Name.Variable */
-    .nv {
-        color: $nord-color-4;
-    }
-
-    /* Name.Variable.Class */
-    .vc {
-        color: $nord-color-4;
-    }
-
-    /* Name.Variable.Global */
-    .vg {
-        color: $nord-color-4;
-    }
-
-    /* Name.Variable.Instance */
-    .vi {
-        color: $nord-color-4;
-    }
-
-    /* Literal */
-    .l {
-        color: $nord-color-9;
-    }
-
-    /* Literal.Date */
-    .ld {
-        color: $nord-color-9;
-    }
-
-    /* Literal.String */
-    .s {
-        color: $nord-color-14;
-    }
-
-    /* Literal.String.Backtick */
-    .sb {
-        color: $nord-color-14;
-    }
-
-    /* Literal.String.Char */
-    .sc {
-        color: $nord-color-14;
-    }
-
-    /* Literal.String.Doc */
-    .sd {
-        color: $nord-color-14;
-    }
-
-    /* Literal.String.Double */
-    .s2 {
-        color: $nord-color-14;
-    }
-
-    /* Literal.String.Escape */
-    .se {
-        color: $nord-color-12;
-    }
-
-    /* Literal.String.Heredoc */
-    .sh {
-        color: $nord-color-14;
-    }
-
-    /* Literal.String.Interpol */
-    .si {
-        color: $nord-color-14;
-    }
-
-    /* Literal.String.Other */
-    .sx {
-        color: $nord-color-14;
-    }
-
-    /* Literal.String.Regex */
-    .sr {
-        color: $nord-color-13;
-    }
-
-    /* Literal.String.Single */
-    .s1 {
-        color: $nord-color-14;
-    }
-
-    /* Literal.String.Symbol */
-    .ss {
-        color: $nord-color-14;
-    }
-
-    /* Literal.Number */
-    .m {
-        color: $nord-color-15;
-    }
-
-    /* Literal.Number.Float */
-    .mf {
-        color: $nord-color-15;
-    }
-
-    /* Literal.Number.Hex */
-    .mh {
-        color: $nord-color-15;
-    }
-
-    /* Literal.Number.Integer */
-    .mi {
-        color: $nord-color-15;
-    }
-
-    /* Literal.Number.Integer.Long */
-    .il {
-        color: $nord-color-15;
-    }
-
-    /* Literal.Number.Oct */
-    .mo {
-        color: $nord-color-15;
-    }
-
-    /* Literal.Number.Hex */
-    .mx {
-        color: $nord-color-15;
-    }
-
-    /* Literal.Number.Bin */
-    .mb {
-        color: $nord-color-15;
-    }
-
-    /* Operator */
-    .o {
-        color: $nord-color-4;
-    }
-
-    /* Operator.Word */
-    .ow {
-        color: $nord-color-9;
-    }
-
-    /* Punctuation */
-    .p {
-        color: $nord-color-4;
-    }
-
-    /* Comment */
-    .c {
-        color: $nord-color-3;
-    }
-
-    /* Comment.Multiline */
-    .cm {
-        color: $nord-color-3;
-    }
-
-    /* Comment.Preproc */
-    .cp {
-        color: $nord-color-10;
-    }
-
-    /* Comment.Single */
-    .c1 {
-        color: $nord-color-3;
-    }
-
-    /* Comment.Special */
-    .cs {
-        color: $nord-color-3;
-    }
-
-    /* Generic */
-    .g {
-        color: $nord-color-4;
-    }
-
-    /* Generic.Deleted */
-    .gd {
-        color: $nord-color-13;
-    }
-
-    /* Generic.Emph */
-    .ge {
-        color: $nord-color-4;
-        font-style: italic;
-    }
-
-    /* Generic.Error */
-    .gr {
-        color: $nord-color-11;
-    }
-
-    /* Generic.Heading */
-    .gh {
-        color: $nord-color-8;
-    }
-
-    /* Generic.Inserted */
-    .gi {
-        color: $nord-color-4;
-    }
-
-    /* Generic.Output */
-    .go {
-        color: $nord-color-4;
-    }
-
-    /* Generic.Prompt */
-    .gp {
-        color: $nord-color-4;
-    }
-
-    /* Generic.Strong */
-    .gs {
-        color: $nord-color-4;
-        font-weight: bold;
-    }
-
-    /* Generic.Subheading */
-    .gu {
-        color: $nord-color-9;
-    }
-
-    /* Generic.Traceback */
-    .gt {
-        color: $nord-color-13;
-    }
-
-    /* Generic.Lineno */
-    .gl {
-        color: $nord-color-2;
-    }
+      color: #000000;
+      background-color: #ffaaaa;
+    }
+  }
+  .ge {
+    font-style: italic;
+  }
+  .gr {
+    color: #aa0000;
+  }
+  .gh {
+    color: #999999;
+  }
+  .gi {
+    color: #000000;
+    background-color: #ddffdd;
+    .x {
+      color: #000000;
+      background-color: #aaffaa;
+    }
+  }
+  .go {
+    color: #888888;
+  }
+  .gp {
+    color: #555555;
+  }
+  .gs {
+    font-weight: bold;
+  }
+  .gu {
+    color: #800080;
+    font-weight: bold;
+  }
+  .gt {
+    color: #aa0000;
+  }
+  .kc, .kd, .kn, .kp, .kr {
+    font-weight: bold;
+  }
+  .kt {
+    color: #445588;
+    font-weight: bold;
+  }
+  .m {
+    color: #009999;
+  }
+  .s {
+    color: #dd1144;
+  }
+  .n {
+    color: #333333;
+  }
+  .na {
+    color: teal;
+  }
+  .nb {
+    color: #0086b3;
+  }
+  .nc {
+    color: #445588;
+    font-weight: bold;
+  }
+  .no {
+    color: teal;
+  }
+  .ni {
+    color: purple;
+  }
+  .ne, .nf {
+    color: #990000;
+    font-weight: bold;
+  }
+  .nn {
+    color: #555555;
+  }
+  .nt {
+    color: navy;
+  }
+  .nv {
+    color: teal;
+  }
+  .ow {
+    font-weight: bold;
+  }
+  .w {
+    color: #bbbbbb;
+  }
+  .mf, .mh, .mi, .mo {
+    color: #009999;
+  }
+  .sb, .sc, .sd, .s2, .se, .sh, .si, .sx {
+    color: #dd1144;
+  }
+  .sr {
+    color: #009926;
+  }
+  .s1 {
+    color: #dd1144;
+  }
+  .ss {
+    color: #990073;
+  }
+  .bp {
+    color: #999999;
+  }
+  .vc, .vg, .vi {
+    color: teal;
+  }
+  .il {
+    color: #009999;
+  }
+  .gc {
+    color: #999;
+    background-color: #EAF2F5;
+  }
 }

data/_sass/centos/_variables.scss

@@ -10,27 +10,8 @@
  * ---------------------------------------------------------------------- */
 $white:                             #fff;
 $black:                             #000;
-$dark:                              #343a40;
+$dark:                              #212529;
 
-/* ----------------------------------------------------------------------
- * Nord Identity
- * ---------------------------------------------------------------------- */
-$nord-color-0:                      #2e3440;
-$nord-color-1:                      #3b4252;
-$nord-color-2:                      #434c5e;
-$nord-color-3:                      #4c566a;
-$nord-color-4:                      #d8dee9;
-$nord-color-5:                      #e5e9f0;
-$nord-color-6:                      #eceff4;
-$nord-color-7:                      #8fbcbb;
-$nord-color-8:                      #88c0d0;
-$nord-color-9:                      #81a1c1;
-$nord-color-10:                     #5e81ac;
-$nord-color-11:                     #bf616a;
-$nord-color-12:                     #d08770;
-$nord-color-13:                     #ebcb8b;
-$nord-color-14:                     #a3be8c;
-$nord-color-15:                     #b48ead;
 /* ----------------------------------------------------------------------
  * CentOS Identity
  * ---------------------------------------------------------------------- */
@@ -86,3 +67,6 @@ $breadcrumb-padding-x:              0;
 //
 //$component-active-color:            $white;
 //#$component-active-bg:               $dark;
+
+// Tables
+$table-dark-bg:                     $body-color;

data/_sass/centos/fonts/_overpass.scss

@@ -0,0 +1,45 @@
+$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');
+       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');
+       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');
+       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');
+       font-weight: 600;
+       font-style: normal;
+}

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

@@ -1,41 +1,64 @@
+/* code-header
+ */
 @mixin code-header {
 
   .code-header {
     display: flex;
-    justify-content: flex-end;
-    background: $black;
-  }
-
-  .copy-code-button {
-    @extend .btn, .btn-dark, .shadow-none;
-    border-radius: 0px;
-    display: grid;
-    grid-auto-flow: column;
+    justify-content: space-between;
+    background-color: $body-color;
+    color: $white;
     align-items: center;
-    grid-column-gap: 4px;
-    border: none;
-    cursor: pointer;
-    background-color: $black;
-    font-size: small;
+    padding-left: 15px;
+    font-size: small; 
 
-    &:before {
-      @extend .fas;
-      content: fa-content($fa-var-clipboard);
-    }
-    &:after {
-      content: "Copy";
-      display: block;
+    &--description {
+      &-code {
+        &:before { @extend .fas; content: fa-content($fa-var-code); }
+        &:after { content: "Code"; padding-left: 5px}
+      }
+      &-python {
+        &:before { @extend .fab; content: fa-content($fa-var-python); }
+        &:after { content: "Python"; padding-left: 5px}
+      }
+      &-terminal {
+        &:before { @extend .fas; content: fa-content($fa-var-terminal); }
+        &:after { content: "Terminal"; padding-left: 5px}
+      }
     }
 
-    // This class will be toggled via JavaScript
-    &.copied {
-      &:before {
-        @extend .fas;
-        content: fa-content($fa-var-clipboard-check);
-      }
-      &:after {
-        content: "Copied!";
+    &--button {
+      .copy-code-button {
+        @extend .btn, .btn-dark, .shadow-none, .btn-sm;
+        border-radius: 0px;
+        display: grid;
+        grid-auto-flow: column;
+        align-items: center;
+        grid-column-gap: 4px;
+        border: none;
+        cursor: pointer;
+        background-color: $body-color;
+        font-size: small;
+
+        &:before {
+          @extend .fas;
+          content: fa-content($fa-var-clipboard);
+        }
+        &:after {
+          content: "Copy";
+        }
+
+        // This class will be toggled via JavaScript
+        &.copied {
+          &:before {
+            @extend .fas;
+            content: fa-content($fa-var-clipboard-check);
+          }
+          &:after {
+            content: "Copied!";
+          }
+        }
       }
     }
   }
+
 }

data/_sass/centos/mixins/_content.scss

@@ -25,8 +25,13 @@
   }
 
   pre {
+    font-family: "overpass-mono";
     @extend .highlight, .pre-scrollable;
-    padding: 1rem;
+    padding: 5px 15px;
+  }
+
+  code {
+    font-family: "overpass-mono";
   }
 
   table {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 0.5.10
+  version: 0.5.11
 platform: ruby
 authors:
 - Alain Reguera Delgado
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-04-17 00:00:00.000000000 Z
+date: 2021-04-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -217,6 +217,7 @@ files:
 - _sass/centos/_variables.scss
 - _sass/centos/centos.scss
 - _sass/centos/fonts/_montserrat.scss
+- _sass/centos/fonts/_overpass.scss
 - _sass/centos/mixins/_aside-nav.scss
 - _sass/centos/mixins/_code-header.scss
 - _sass/centos/mixins/_content-nav.scss
@@ -316,6 +317,22 @@ files:
 - assets/fonts/Montserrat/MontserratAlternates-ThinItalic.woff
 - assets/fonts/Montserrat/MontserratAlternates-ThinItalic.woff2
 - assets/fonts/Montserrat/README.MD
+- assets/fonts/Overpass/overpass-mono-bold.eot
+- assets/fonts/Overpass/overpass-mono-bold.ttf
+- assets/fonts/Overpass/overpass-mono-bold.woff
+- assets/fonts/Overpass/overpass-mono-bold.woff2
+- assets/fonts/Overpass/overpass-mono-light.eot
+- assets/fonts/Overpass/overpass-mono-light.ttf
+- assets/fonts/Overpass/overpass-mono-light.woff
+- assets/fonts/Overpass/overpass-mono-light.woff2
+- assets/fonts/Overpass/overpass-mono-regular.eot
+- assets/fonts/Overpass/overpass-mono-regular.ttf
+- assets/fonts/Overpass/overpass-mono-regular.woff
+- assets/fonts/Overpass/overpass-mono-regular.woff2
+- assets/fonts/Overpass/overpass-mono-semibold.eot
+- assets/fonts/Overpass/overpass-mono-semibold.ttf
+- assets/fonts/Overpass/overpass-mono-semibold.woff
+- assets/fonts/Overpass/overpass-mono-semibold.woff2
 - assets/fonts/fa-brands-400.eot
 - assets/fonts/fa-brands-400.svg
 - assets/fonts/fa-brands-400.ttf