jekyll-theme-centos 0.7.5 → 0.7.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b61096fee457168fb5f9aadc4acb5e3c5666ad33e81ce6a7e1e3e1230201b371
-  data.tar.gz: eb30465655c6f005feea9c13d9d13cff716184fbab9ecb42d47606c78385ebdd
+  metadata.gz: 682e4a9c2954020bc03944179b37220b4bdfdacbca57885513ec6ae7ec0111e0
+  data.tar.gz: 202767fded8eebf83b57a22b992ff77a345d8a27d342727b12dd24d0ad1ab1c7
 SHA512:
-  metadata.gz: 82b7d901b04d5e1e890eadfde5a8f0d9519b096da10b422235383462cd6053544e2d333432deacc9e497617bb3006c8c1aa9ee88344f986ad941c7ae78539fcc
-  data.tar.gz: 2af17d93fe67ad6a070a16328c82a888be5eed9dd9c7be5535ecd2172e1caeca93f2d7820abb783121d56a880c46d25d27b0f50c2b37c1a445be8f7d8cb8c90c
+  metadata.gz: c0de5c86c649f8fae0544830f6c3a478d7fb3a6eb54bd1d8990cf51366405e82c3ff4052935e7b066f311884d7ca49ba55c358877cce730a8e2849a384e33d3a
+  data.tar.gz: 89aa23b63ea5fb3d5eb66b287c2efaf2f3bf7980589ce35b059a76295f5b5fc243c8a58fa44b180aef4ee5a922caec9eb0d148e475479fb0b9079577d05480b2

data/_includes/footer.html

@@ -35,6 +35,8 @@
           <p>Copyright &copy; {{ site.time | date: "%Y" }} {{ site.data.centos.footer.copyright.author }} {% for item in site.data.centos.footer.copyright.legals %} | <a href="{{ item.link }}">{{ item.text }}</a>{% endfor %}</p>
         </section>
       </div>
-
     </div>
+
+    {% include top.html %}
+
 </footer>

data/_includes/navbar.html

@@ -1,4 +1,4 @@
-<nav class="navbar fixed-top navbar-expand-lg navbar-dark">
+<nav class="navbar">
     <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 }}"> <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>

data/_includes/post-nav-explorer.html

@@ -4,20 +4,20 @@
   {% else %}
   <div class="post__nav__explorer__newer--disabled">
   {% endif %}
-  <a href="{{ page.previous.url | remove:'index.html' }}"><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>
+  <a href="{{ page.previous.url | remove:'index.html' }}"><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>
   </div>
-  {% include top.html %}
+
   <div class="post__nav_explorer__feeds">
-    <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>
+    <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>
   </div>
   <div class="post__nav__explorer__index">
-    <a href="/news-and-events/"><button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
+    <a href="/news-and-events/"><button type="button" class="btn btn-light" 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 | remove:'index.html' }}"><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>
+  <a href="{{ page.next.url | remove:'index.html' }}"><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>
   </div>
 </nav>

data/_includes/toc.html

@@ -94,11 +94,11 @@
 {{ my_toc | lstrip }}{% endcapture %}
     {% endif %}{% endcapture %}
 
-{% if my_toc != "" %}
 <div class="toc">
+{% if my_toc != "" %}
   <header class="toc__header">On this page:</header>
   <section class="toc__section">
   {% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
   </section>
-</div>
 {% endif %}
+</div>

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-primary"><i class="fas fa-arrow-circle-up"></i></button></a>
+<div id="topbtn">
+  <a href="#top"><button title="Page top" type="button" data-toggle="tooltip" class="btn btn-light"><i class="fas fa-arrow-up"></i></button></a>
 </div>

data/_layouts/aside.html

@@ -13,20 +13,13 @@ layout: default
 
     <div class="aside__content__nav">
       <div class="aside__nav__explorer">
-        {% include top.html %}
       </div>
     </div>
-
   </article>
 
   <aside class="aside__nav">
     {% include breadcrumbs.html %}
     {% include toc.html html=content %}
-
-    <div class="aside__nav__explorer">
-      {% include top.html %}
-    </div>
-
   </aside>
 
 </main>

data/_layouts/default.html

@@ -14,7 +14,7 @@
 
   <script src="/assets/js/jquery.min.js"></script>
   <script src="/assets/js/bootstrap.min.js"></script>
-  <script src="/assets/js/copycode.js"></script>
+  <script src="/assets/js/customization.js"></script>
 </body>
 
 </html>

data/_layouts/download-mirror.html

@@ -29,6 +29,7 @@
   } );
   </script>
   <script src="/assets/js/bootstrap.min.js"></script>
+  <script src="/assets/js/customization.js"></script>
 </body>
 
 </html>

data/_layouts/home.html

@@ -27,6 +27,7 @@
 
   <script src="/assets/js/jquery.min.js"></script>
   <script src="/assets/js/bootstrap.min.js"></script>
+  <script src="/assets/js/customization.js"></script>
 </body>
 
 </html>

data/_layouts/page.html

@@ -12,9 +12,6 @@ layout: default
 
     {{ content }}
 
-    <nav class="page__content__nav">
-      {% include top.html %}
-    </nav>
   </article>
   
 </main>

data/_layouts/search.html

@@ -34,6 +34,7 @@
 
   <script src="/assets/js/jquery.min.js"></script>
   <script src="/assets/js/bootstrap.min.js"></script>
+  <script src="/assets/js/customization.js"></script>
 </body>
 
 </html>

data/_sass/centos/_footer.scss

@@ -1,5 +1,7 @@
 .footer {
 
+  flex: 1;
+
   @include header-links;
 
 	background-image: url($centos-img-motif);
@@ -62,4 +64,11 @@
     font-size: small;
   }
 
+  #topbtn {
+    position: fixed;
+    bottom: 15px;
+    right: 15px;
+  }
+
+
 }

data/_sass/centos/_main.scss

@@ -6,13 +6,12 @@ body {
 
 .home, .page, .blog, .aside, .download, .sponsors, .search, .post {
   display: flex;
-  flex: 1;
   @extend .container;
 }
 
 .home {
   &__content {
-    @extend .col-sm-12;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
     @include content;
     &__distributions {
       .btn {
@@ -48,7 +47,7 @@ body {
   }
 
   &__content {
-    @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-8;
     @include content;
     @include content-nav;
   }
@@ -56,7 +55,7 @@ body {
 
 .page {
   &__content {
-    @extend .col-sm-12;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
     @include content;
   }
 }
@@ -64,7 +63,7 @@ body {
 .blog {
 
   &__content {
-    @extend .col-sm-12;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
     @include content;
 
     &__breadcrumb {
@@ -113,7 +112,7 @@ body {
   }
 
   &__content {
-    @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-8;
     @include content;
     @include content-nav;
   }
@@ -122,7 +121,7 @@ body {
 
 .search {
   &__content {
-    @extend .col-sm-12;
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
     @include content;
 
     .ais-search-box {
@@ -142,7 +141,6 @@ body {
       font-style: normal;
     }
     .post-breadcrumbs {
-      display: block;
       font-size: small;
     }
     .post-snippet img {

data/_sass/centos/_nav.scss

@@ -1,8 +1,14 @@
 .navbar {
+  @extend .fixed-top;
+  @extend .navbar-expand-xl;
+  @extend .navbar-dark;
+
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+
   &-dark {
     background: $dark;
   }
+
   &-brand {
     .manifestation {
       color: white;

data/_sass/centos/_toc.scss

@@ -1,6 +1,9 @@
 .toc {
   font-size: small;
-  margin-bottom: calc(#{$paragraph-margin-bottom} * 1.25);
+
+  @include media-breakpoint-up(xm) {
+    margin-bottom: calc(#{$paragraph-margin-bottom} * 1.25);
+  }
 
   &__header {
     font-weight: $headings-font-weight;

data/_sass/centos/_variables.scss

@@ -6,8 +6,8 @@ $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";
+$centos-img-logo:                   "../img/logo.png";
+$centos-img-motif:                  "../img/motif.png";
 
 // Color system - based in the artistic motif palette and the number of
 // occurrence each color has in the image.
@@ -33,7 +33,7 @@ $paragraph-margin-bottom:           1.8rem;
 $code-color:                        $dark;
 
 // Typography - Font, line-height, and color for body text, headings, and more.
-$font-family-path:                  "/assets/fonts";
+$font-family-path:                  "../fonts";
 $font-family-sans-serif:            Montserrat;
 $line-height-base:                  1.75;
 $headings-line-height:              $line-height-base - 0.3;

data/_sass/centos/centos-httpd.scss

@@ -11,8 +11,6 @@
       // sites (e.g., mirror.centos.org, people.centos.org and all the
       // user-specific pages under it.
       &__list {
-        padding-bottom: $paragraph-margin-bottom;
-        border-bottom: 1px solid lightgray;
       }
       img {
         width: auto;

data/_sass/centos/centos.scss

@@ -1,5 +1,5 @@
 /*!
- * jekyll-theme-centos v0.7.5 (https://gitlab.com/areguera/jekyll-theme-centos/)
+ * jekyll-theme-centos v0.7.9 (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)
  */

data/_sass/centos/mixins/_aside-nav.scss

@@ -3,27 +3,20 @@
   width: 100%;
   margin-top: 15px;
   margin-left: 15px;
-  margin-bottom: $paragraph-margin-bottom;
-
+  margin-bottom: 15px;
   align-self: start;
-  position: sticky;
-  top: calc(#{$navbar-brand-height + $paragraph-margin-bottom} + 10px);
 
   &__explorer {
     display: flex;
     justify-content: space-between;
     flex-direction: row;
-    border-top: 1px solid $gray-300;
-    margin-top: $paragraph-margin-bottom;
-    margin-bottom: $paragraph-margin-bottom;
-    padding-top: $paragraph-margin-bottom;
   }
 
   .toc {
     &__section {
       flex-direction: column;
-      max-height: 65vh;
       overflow-y: auto;
+      max-height: 75vh;
     }
   }
 
@@ -31,8 +24,11 @@
     display: none;
   }
 
-  @include media-breakpoint-up(lg) {
-    display: block;
+  @include media-breakpoint-up(xl) {
+    display: flex;
+    flex-flow: column nowrap;
+    position: sticky;
+    top: calc(#{$navbar-brand-height + $paragraph-margin-bottom} + 10px);
   }
 
 }

data/_sass/centos/mixins/_content-nav.scss

@@ -3,8 +3,11 @@
     margin: 0;
     @include media-breakpoint-up(xm) {
       display: block;
+      .top {
+        margin-top: $paragraph-margin-bottom;
+      }
     }
-    @include media-breakpoint-up(lg) {
+    @include media-breakpoint-up(xl) {
       display: none;
     }
   }

data/_sass/centos/mixins/_content.scss

@@ -74,4 +74,5 @@
   }
 
   @include code-header;
+
 }

data/assets/js/{copycode.js → customization.js}

@@ -1,3 +1,4 @@
+// Copy code
 // Thanks Aleksandr
 // https://www.aleksandrhovhannisyan.com/blog/how-to-add-a-copy-to-clipboard-button-to-your-jekyll-blog/
 const codeBlocks = document.querySelectorAll(".code-header + .highlighter-rouge");
@@ -16,3 +17,13 @@ copyCodeButtons.forEach((copyCodeButton, index) => {
     }, 2000);
   });
 });
+
+// Show top page button after scrolling down.
+$("#topbtn").hide();
+$(window).scroll(function() {
+  if ($(window).scrollTop() > 100) {
+    $("#topbtn").fadeIn("slow");
+  } else {
+    $("#topbtn").fadeOut("fast");
+  }
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 0.7.5
+  version: 0.7.9
 platform: ruby
 authors:
 - Alain Reguera Delgado
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-07-04 00:00:00.000000000 Z
+date: 2021-07-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -350,7 +350,7 @@ files:
 - assets/img/post.png
 - assets/js/bootstrap.min.js
 - assets/js/bootstrap.min.js.map
-- assets/js/copycode.js
+- assets/js/customization.js
 - assets/js/dataTables.bootstrap4.min.js
 - assets/js/instantsearch.min.js
 - assets/js/jquery.dataTables.min.js