jekyll-theme-centos 0.3.0 → 0.5.3

data/_includes/top.html

@@ -1,3 +1,3 @@
 <div class="top">
-  <a href="#top"><button 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-light"><i class="fas fa-arrow-circle-up"></i></button></a>
 </div>

data/_layouts/aside.html

@@ -5,13 +5,28 @@ layout: default
 <main class="aside">
 
   <article class="aside__content">
+    <div class="aside__content__nav">
+      {% include breadcrumbs.html %}
+      {% include toc.html html=content %}
+    </div>
     {{ content }}
+
+    <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 %}
-    {% include top.html %}
+
+    <div class="aside__nav__explorer">
+      {% include top.html %}
+    </div>
+
   </aside>
 
 </main>

data/_layouts/blog.html

@@ -4,24 +4,26 @@ layout: default
 
 <main class="blog">
 
-  <ol class="blog__breadcrumb">
-    <li class="blog__breadcrumb__item"><a href="/">Home</a></li>
-    <li class="blog__breadcrumb__item abreadcrumb-item--active">{{ page.title | capitalize }}</li>
+  <div class="blog__content">
+
+  <ol class="blog__content__breadcrumb">
+    <li class="blog__content__breadcrumb__item"><a href="/">Home</a></li>
+    <li class="blog__content__breadcrumb__item--active">{{ page.title | capitalize }}</li>
   </ol>
 
-  <section class="blog__entries">
+  <section class="blog__content__entries">
       {%- if site.posts.size > 0 -%}
-      <div class="blog__entries__card">
+      <div class="blog__content__entries__card">
         {%- for post in paginator.posts -%}
-        <div class="blog__entries__card__item">
+        <div class="blog__content__entries__card__item">
             {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
             {%- if post.image -%}
-            <a href="{{ post.url | relative_url }}"><img class="blog__entries__card__item__image" src="{{ post.image }}" alt="{{ post.title | escape }}"></a>
+            <a href="{{ post.url | relative_url }}"><img class="blog__content__entries__card__item__image" src="{{ post.image }}" alt="{{ post.title | escape }}"></a>
             {%- endif -%}
-            <a href="{{ post.url | relative_url }}"><h4 class="blog__entries__card__item__title">{{ post.title | escape }}</h4></a>
-            <p class="blog__entries__card__item__date">{{ post.date | date: date_format }}</p>
+            <a href="{{ post.url | relative_url }}"><h4 class="blog__content__entries__card__item__title">{{ post.title | escape }}</h4></a>
+            <p class="blog__content__entries__card__item__date">{{ post.date | date: date_format }}</p>
             {%- if site.show_excerpts -%}
-            <p class="blog__entries__card__item__excerpt">{{ sponsor.excerpt }}</p>
+            <p class="blog__content__entries__card__item__excerpt">{{ sponsor.excerpt }}</p>
             {%- endif -%}
           </div>
         {% endfor %}
@@ -29,25 +31,8 @@ layout: default
       {%- endif -%}
   </section>
 
-  <nav class="blog__navbar">
-    {% if paginator.previous_page %}
-    <div class="blog__navbar__newer">
-    {% else %}
-    <div class="blog__navbar__newer--disabled">
-    {% endif %}
-    <a href="{{ paginator.previous_page_path }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Newer Posts"><i class="fas fa-arrow-left"></i></button></a>
-    </div>
-    <div class="blog__navbar__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>
-    </div>
-    {% if paginator.next_page %}
-    <div class="blog__navbar__older">
-    {% else %}
-    <div class="blog__navbar__older--disabled">
-    {% endif %}
-    <a href="{{ paginator.next_page_path }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Older Posts"><i class="fas fa-arrow-right"></i></button></a>
-    </div>
+  {% include post-nav-explorer.html %}
+
   </div>
-  </nav>
 
 </main>

data/_layouts/download-mirror.html

@@ -8,9 +8,12 @@
   {% include navbar.html -%}
   {% include header.html -%}
 
-  <main class="download">
-    {% include breadcrumbs.html %}
+  <main id="main" class="download">
     <article class="download__content">
+      <div class="download__content__nav">
+        {% include breadcrumbs.html %}
+        {% include toc.html html=content %}
+      </div>
       {{ content }}
     </article>
   </main>

data/_layouts/home.html

@@ -9,8 +9,22 @@
   {% include header.html -%}
 
   <main class="home">
-    {% include home/news-and-sponsors.html -%}
-    {% include home/around.html -%}
+    <div class="home__content">
+      <div class="row">
+        <div class="col-sm-12 col-lg-8">
+          {% include home/news-and-events.html %}
+        </div>
+        <div class="col-sm-12 col-lg-4">
+          {% include home/distributions.html -%}
+          {% include home/sponsors.html %}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-sm-12">
+          {% include home/planet.html -%}
+        </div>
+      </div>
+    </div>
   </main>
 
   {% include footer.html -%}

data/_layouts/page.html

@@ -4,13 +4,17 @@ layout: default
 
 <main class="page">
 
-  {% include breadcrumbs.html %}
-  {% include toc.html html=content %}
-
   <article class="page__content">
+    <div class="page__content__nav">
+      {% include breadcrumbs.html %}
+      {% include toc.html html=content %}
+    </div>
+
     {{ content }}
-  </article>
 
-  {% include top.html %}
+    <nav class="page__content__nav">
+      {% include top.html %}
+    </nav>
+  </article>
   
 </main>

data/_layouts/post.html

@@ -4,39 +4,26 @@ layout: default
 
 <main class="post">
 
-  <section class="post__content">
+  <article class="post__content">
+
+    <nav class="post__content__nav">
+      {% include breadcrumbs.html %}
+      {% include toc.html html=content %}
+    </nav>
+
     {% if page.image %}
-    <figure>
-      <img class="figure-img img-fluid" src="{{ page.image }}" alt="{{ page.title | escape }}">
-    </figure>
+    <figure><img class="figure-img img-fluid" src="{{ page.image }}" alt="{{ page.title | escape }}"></figure>
     {% endif %}
+
     {{ content }}
-  </section>
 
-  <aside class="post__content__nav">
-    {% include breadcrumbs.html %}
-    {% include toc.html html=content %}
-    {% include top.html %}
+    <nav class="post__content__nav">
+      {% include post-nav-explorer.html %}
+    </nav>
+  </article>
+
+  <aside class="post__nav">
+    {% include post-nav.html %}
   </aside>
 
-  <nav class="post__navbar">
-    {% if page.previous.url %}
-    <div class="post__navbar__newer">
-    {% else %}
-    <div class="post__navbar__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>
-    </div>
-    <div class="blog__navbar_entries">
-      <a href="{{ "/blog.html" | relative_url }}"><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__navbar__older">
-    {% else %}
-    <div class="post__navbar__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>
-    </div>
-  </nav>
-  
 </main>

data/_layouts/search.html

@@ -1,13 +1,39 @@
----
-layout: default
----
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: 'en' }}">
 
-<main class="search">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>{{ page.title }}</title>
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon.png">
+    <link rel="stylesheet" href="/assets/css/centos.bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.css">
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch-theme-algolia.min.css">
+</head>
 
-  {% include breadcrumbs.html %}
+<body>
 
-  <section class="search__results">
-    {{ content }}
-  </section>
-  
-</main>
+  {% include navbar.html -%}
+  {% include header.html -%}
+
+  <main class="search">
+
+    <div class="search__content">
+      <div class="search__content__nav">
+        {% include breadcrumbs.html %}
+      </div>
+
+      <div class="search__content_results">
+        {{ content }}
+      </div>
+    </div>
+
+  </main>
+
+  {% include footer.html -%}
+
+  <script src="/assets/js/jquery.min.js"></script>
+  <script src="/assets/js/bootstrap.min.js"></script>
+</body>
+
+</html>

data/_layouts/sponsors.html

@@ -4,10 +4,13 @@
 
 <main class="sponsors">
 
-  {% include breadcrumbs.html %}
-
   <div class="sponsors__content">
 
+    <div class="sponsors__content__nav">
+      {% include breadcrumbs.html %}
+      {% include toc.html html=content %}
+    </div>
+
     {{ content }}
 
     <div class="sponsors__content__card">

data/_sass/centos/_footer.scss

@@ -16,13 +16,12 @@
     margin-top: $line-height-base * 1.5rem;
   }
 
-	color:            $nord-color-6;
+	color:            $white;
 	background-color: $black;
   font-size:        $font-size-base * 0.9;
   text-shadow: 0 0 5px $black;
 
   scroll-margin-top: $scroll-margin-top;
-  margin-top: $heading-margin-top;
 
 	ul {
 		padding: 0;

data/_sass/centos/_header.scss

@@ -9,14 +9,14 @@
   text-shadow: 0 0 5px $black;
 
   &__home {
-    padding-top: 4rem;
-    padding-bottom: 3rem;
-    margin-top: 60px;
-
     display: flex;
     justify-content: center;
     flex-direction: column;
 
+    padding-top: calc(#{$navbar-brand-height} * 4);
+    padding-bottom: calc(#{$navbar-brand-height} * 6);
+    margin-top: $navbar-brand-height;
+
     &__title, &__description, &__preamble {
       @extend .container;
     }
@@ -24,24 +24,12 @@
     &__description {
       @extend .lead;
     }
-
-    &__worklines {
-      @extend .container;
-      .btn {
-        @extend .btn, .btn-outline-light;
-        margin-bottom: 1rem;
-        margin-right: 1rem;
-        &:hover {
-          text-shadow: none;
-        }
-      }
-    }
   }
 
   &__page {
-    padding-top: 4rem;
-    padding-bottom: 3rem;
-    margin-top: 60px;
+    padding-top: calc(#{$navbar-brand-height} * 2);
+    padding-bottom: calc(#{$navbar-brand-height} * 4);
+    margin-top: $navbar-brand-height;
 
     display: flex;
     justify-content: center;
@@ -58,9 +46,9 @@
   }
 
   &__blog, &__post {
-    padding-top: 4rem;
-    padding-bottom: 3rem;
-    margin-top: 60px;
+    padding-top: calc(#{$navbar-brand-height} * 2);
+    padding-bottom: calc(#{$navbar-brand-height} * 4);
+    margin-top: $navbar-brand-height;
 
     display: flex;
     justify-content: space-between;
@@ -82,15 +70,12 @@
         }
       }
     }
-
     &__present {
       @extend .container;
     }
-
     &__title, &__description {
       text-shadow: 0 0 5px $black;
     }
-
     &__description {
       @extend .lead;
     }

data/_sass/centos/_main.scss

@@ -1,21 +1,21 @@
 .home, .page, .blog, .aside, .download, .sponsors, .search, .post {
   @extend .container;
   min-height: calc(30vh);
-  padding-top: $paragraph-margin-bottom;
-  padding-bottom: $paragraph-margin-bottom;
 }
 
 .home {
-  @include content;
-
-  &__news-and-sponsors {
-    @extend .row;
-    &__news {
-      @extend .col;
-      @include link-list;
+  &__content {
+    @extend .col-sm-12;
+    @include content;
+    &__distributions {
+      .btn {
+        @extend .btn-primary;
+        width: 100%;
+        margin-right: 15px;
+        margin-bottom: $paragraph-margin-bottom;
+      }
     }
     &__sponsors {
-      @extend .col-4;
       .card {
         margin: 1em;
         margin-left: 0;
@@ -26,128 +26,122 @@
         height: 50px;
       }
     }
-  }
-  &__around {
-    @include link-list;
+    &__planet, &__news-and-events {
+      @include link-list;
+    }
   }
 }
 
 .aside {
   display: flex;
   align-items: flex-start;
-  flex-wrap: wrap;
 
   &__nav {
     @include aside-nav;
   }
 
   &__content {
-    @extend .col-xl-8;
+    @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
     @include content;
-    padding-left: 0;
+    @include content-nav;
   }
 }
 
 .page {
   &__content {
+    @extend .col-sm-12;
     @include content;
+    @include content-nav;
   }
 }
 
 .blog {
-  &__breadcrumb {
-    @extend .breadcrumb;
-    &__item {
-      @extend .breadcrumb-item;
-      &--active {
-        @extend .active;
-      }
-    }
-  }
 
-  &__navbar {
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
+  &__content {
+    @extend .col-sm-12;
+    @include content;
 
-    &__newer, &__older, &__feeds {
-      &--disabled {
-        opacity: 0;
+    &__breadcrumb {
+      @extend .breadcrumb;
+      &__item {
+        @extend .breadcrumb-item;
+        &--active {
+          @extend .breadcrumb-item;
+        }
       }
     }
-  }
 
-  &__entries {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    &__card {
-      display: flex;
-      justify-content: space-between;
-      flex-direction: row;
-      flex-wrap: wrap;
+    &__entries {
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+      &__card {
+        display: flex;
+        justify-content: space-between;
+        flex-direction: row;
+        flex-wrap: wrap;
 
-      border: none;
+        border: none;
 
-      &__item {
-        @extend .col-lg-6;
-        &__image {
-          @extend .img-fluid;
-          padding-bottom: 1em;
+        &__item {
+          @extend .col-lg-6;
+          &__image {
+            @extend .img-fluid;
+            padding-bottom: 1em;
+          }
         }
       }
     }
-    border-bottom: 1px solid $body-color;
+
+    &__nav {
+      @include post-nav-explorer;
+    }
   }
 }
 
 .post {
   display: flex;
-  justify-content: space-between;
-  flex-direction: row;
-  flex-wrap: wrap;
-
-  &__navbar {
-    @extend .col-lg-8;
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
-
-    &__newer, &__older {
-      &--disabled {
-        opacity: 0;
-      }
-    }
-    &__newer {
-      margin-right: 0;
-    }
-    &__older {
-      margin-left: 0;
-    }
+  align-items: flex-start;
+
+  &__nav {
+    @include aside-nav;
+    @include post-nav-explorer;
   }
 
   &__content {
-    @extend .col-lg-8;
+    @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
     @include content;
-
-    &__nav {
-      @include aside-nav;
-    }
+    @include content-nav;
   }
+
 }
 
 .search {
-  &__results {
-    @include link-list;
+  @include content;
 
-    .lunrsearchresult {
-      .title {
-        margin-top: 0;
-      }
-      .url {
-        color: silver;
-      }
+  .ais-search-box {
+    max-width: 100%;
+    margin-bottom: 15px;
+  }
+  .ais-hits {
+    @include link-list;
+  }
+  .ais-pagination {
+    li {
+      text-decoration: none;
     }
   }
+  .ais-Highlight {
+    font-weight: bold;
+    font-style: normal;
+  }
+  .post-breadcrumbs {
+    display: block;
+    font-size: small;
+  }
+  .post-snippet img {
+    display: none;
+  }
+
 }
 
 .download {
@@ -170,6 +164,9 @@
 
 .sponsors {
   &__content {
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
+    @include content;
+
     &__card {
       display: flex;
       flex-wrap: wrap;