jumbo-jekyll-theme 4.3.0 → 4.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '050837c9a2e15d07c7cfee41e28a3a93d50b7143338b54a736bfa89ba048f2c8'
-  data.tar.gz: 0fba616092ba822ab6e959f449c162f3ca3a951b011b7cabb010160a4d5dec42
+  metadata.gz: 6eba867df92ba51aee0168da0c1c69a3108319bbdc626bd6001b87c9a5973e68
+  data.tar.gz: 8b9722d414fd6e8337c4858de6828918157a93e7b409ff9fbcfab2fa0ff10c27
 SHA512:
-  metadata.gz: 6ac0c566bff64910b84379cad057207d9357c07bc2e3f88d5a40307b821ebbc4f461ba753bdfcece64567af42abff734492feab6935bfc545279f9e876b8bdc5
-  data.tar.gz: 6ace2e03c1d89d930c07d8e3716f8db09adfd22164dd3d08916158391208483170ae01767668787f89afd57982ded3ff25dc773500109673dd35d42aa3bc96a2
+  metadata.gz: b9aef394c45ad578d9f682298ea3007b370cc0952e7a99920e23c4c92cff0fd7502166d29222fa9c22b53352d05d86f93d3de784eede46f962e42200d625365b
+  data.tar.gz: 7598e453013a1864ef92a0a69c5f99b2a5ad1738c1f5bd1faf481b148fabd1fe80b77bbb41687859aca889ab25f458ed8b7c7eefa0bddb7673771ff5544a68c0

data/_data/settings.yml

@@ -31,6 +31,8 @@ error-pages:
   not-found-desc: Sorry, but the page you were looking for could not be found.
 # Blog setup
 blog:
+    # Filler element include
+    filler-element: blog-filler-element.html
     tags_page: /blog/tags/
     # Show Thumbnails in the post index
     show_thumbnails: true

data/_includes/blog-filler-element.html

@@ -0,0 +1,24 @@
+<div class="col-sm-4 col-xs-12 blog-post-item-col no-padding">
+    <div class="blog-post-item">
+        <a href="/">
+            <div class="blog-post-item-content">
+                <ul class="list-group">
+                    <li class="list-group-item">
+                        <span class="badge">5</span>
+                        Item 1
+                    </li>
+                    <li class="list-group-item">
+                        <span class="badge">10</span>
+                        Item 2
+                    </li>
+                    <li class="list-group-item">
+                        <span class="badge">15</span>
+                        Item 3
+                    </li>
+                </ul>
+                
+            </div>
+        </a>
+    </div>
+        
+</div>

data/_includes/display-blog-posts.html

@@ -1,6 +1,6 @@
 {% if paginator.total_posts > 0 %}
     {% if site.data.settings.blog.show_thumbnails %}
-    <div class="row">
+    <div class="row blog-section">
     {% endif %}
     {% for post in paginator.posts %}
         {% assign timeframe = 604800 %}
@@ -67,7 +67,17 @@
                     </div>
                 </div>   
                 {% else %}
-                <div class="col-sm-4 col-xs-12">
+
+                {% comment %}
+                    Blog Filler Element - This is needed due to the layout of the blog. If not included then there will be an empty col on the first blog page.
+                {% endcomment %}
+
+                {% if forloop.index == 4 and paginator.page == 1 %}
+                    {% if site.data.settings.blog.filler-element %}
+                            {% include {{site.data.settings.blog.filler-element}} %}
+                    {% endif %}
+                {% endif %}
+                <div class="col-sm-4 col-xs-12 blog-post-item-col no-padding">
                     <div class="blog-post-item">
                         <a href="{{post.url}}">
                             <div class="blog-featured-image">
@@ -96,7 +106,7 @@
 
                             {% if image_path != "" %}
                                 {% responsive_image_block %}
-                                template: _includes/thumb.html
+                                template: _includes/thumbnail_image.html
                                 path: {{ image_path }}
                                 fullpath: {{ full_path }}
                                 {% if post.title %}

data/_layouts/post-index.html

@@ -1,14 +1,16 @@
 ---
-layout: container-breadcrumb
+layout: base
 title: Blog
 css-package: blog
 js-package: blog
 ---
-
-{% include display-blog-posts.html %}
-
-{% if page.news %}
-    {% include pagination.html path="/news/:num/"%}
-{% else %}
-    {% include pagination.html path="/blog/:num/"%}
-{% endif %}
+<div class="row" id="content-container">
+    <div class="container">
+        {% include display-blog-posts.html %}
+        {% if page.news %}
+            {% include pagination.html path="/news/:num/"%}
+        {% else %}
+            {% include pagination.html path="/blog/:num/"%}
+        {% endif %}
+    </div>
+</div>

data/_sass/core/blog.scss

@@ -510,6 +510,10 @@ pre.highlight {
     padding-top:0px;
     padding-right:0px;
     padding-bottom: 0px;
+    @media(max-width: $screen-sm-min){
+        margin-left: 15px;
+        margin-right: 15px;
+    }
     border-radius:20px;
     overflow:hidden;
     margin-bottom: 30px;
@@ -529,21 +533,31 @@ pre.highlight {
     border-radius: 10px;
     overflow: hidden;
     background-color: white;
-    padding: 10p;
+    margin-right: 30px;
+    @media(max-width: $screen-sm-min){
+        margin-left: 15px;
+        margin-right: 15px;
+    }
     margin-bottom: 30px;
     -webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
     -moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
     box-shadow: 0px 0px 20px 5px #ebebeb;
     border: 1px solid #eee;
     transition: all 200ms ease;
+    display: flex;
+    flex-wrap: wrap;
+    height: 100%;
 }
 
 .blog-post-item-content {
     padding: 10px;
+    display: flex;
+    flex-direction: column;
 }
 .blog-post-item img {
     width: 100%;
-    height: auto;
+    height: 150px;
+    object-fit: cover;
 }
 .author-section .blog-author-image {
     display: inline-block;
@@ -591,6 +605,7 @@ pre.highlight {
 .blog-featured-image{
     position: relative;
     overflow:hidden;
+    height: 150px;
 }
 .blog-post-item:hover .blog-featured-image::after {
     display:block;
@@ -608,7 +623,7 @@ pre.highlight {
     display:none !important;
     position: absolute;
     z-index: 99999;
-    color: black;
+    color: #fff;
     font-weight:bold;
     font-size:18px;
     top: 80px;
@@ -616,4 +631,20 @@ pre.highlight {
     display: table-cell;
     width: 100%;
     text-align: center;
+}
+@media(min-width: $screen-sm-min){
+    .blog-post-item-col:nth-child(3n + 4) > .blog-post-item {
+        margin-right:0px !important;
+    }
+}
+.row.blog-section {
+    display: flex;
+    flex-wrap: wrap;
+}
+.row.blog-section > [class*='col-'] {
+  display: flex;
+  flex-direction: column;
+}
+.blog-post-item a {
+    width: 100%;
 }

data/_sass/core/nav.scss

@@ -41,8 +41,8 @@ div#tabbed-nav-bar.non-sticky-nav > .container {
 }
 
 #tabbed-nav-bar .navbar-header {
-    margin-left: 0px;
-    margin-right: 0px;
+    margin-left: -15px;
+    margin-right: -15px;
 }
 
 @media (min-width: $screen-lg) {
@@ -137,6 +137,7 @@ div#tabbed-nav-bar.sticky-nav {
 }
 #tabbed-nav-bar .navbar-toggle{
     color:$brand-primary !important;
+    margin-right: 0px;
 }
 button.btn.btn-default.dropdown-toggle {
     color: $navbar-text-color;
@@ -1001,4 +1002,10 @@ li.dropdown.menu.active.open > a {
 // Bug fix for the White box flash 
 #navbar-collapse {
     height: auto !important;
+}
+
+@media screen and (max-width: 999px) and (min-width: 987px){
+    .sticky-nav#tabbed-nav-bar a.navbar-toggle {
+        margin-right: -5px;
+    }
 }

data/assets/js/app/sticky-tab-bar.js

@@ -1,62 +1,68 @@
-$(document).ready(function(){
+$(document).ready(function () {
+    // Set the sub nav text
+    var text = $('#tabbed-nav-bar ul.nav-tabs li.active a').text();
+    $('#sub-navigation-header').text(text);
+    console.log(text);
+    // Menu selector
     var menu = $('#tabbed-nav-bar');
-    var light_nav = $("nav#main-navigation.nav-light");
-    if(menu.length){
-        var origOffsetY = menu.offset().top;
-        if($("#universal-nav").length > 0){
-            origOffsetY = origOffsetY - 20;
+    // Get sub nav offset from the page top
+    var origOffsetY = menu.offset().top;
+    if ($("#universal-nav").length > 0) {
+        origOffsetY = origOffsetY - 20;
+    }
+    // Instantiate Bootstrap 3 Affix plugin
+    $("#tabbed-nav-bar").affix({
+        offset: {
+            top: origOffsetY
+        }
+    });
+    // Event listeners
+    $("#tabbed-nav-bar").on('affixed.bs.affix', function(){
+        affixed();
+    });
+    $("#tabbed-nav-bar").on('affixed-top.bs.affix	', function(){
+        affixTop();
+    });
+    function scroll(){
+        if ($("#tabbed-nav-bar.affix-top").length > 0) {
+            affixTop();
+        }
+        if($("#tabbed-nav-bar.affix").length > 0){
+            affixed();
         }
-        var navHeight = $("nav#main-navigation").height;
-        var text = $('#tabbed-nav-bar ul.nav-tabs li.active a').text();
-        $('#sub-navigation-header').text(text);
-        function scroll() {
-            var text = $('#tabbed-nav-bar ul.nav-tabs li.active a').text();
-            $('#sub-navigation-header').text(text);
+    }
+
+    function affixTop(){
+        $('#tabbed-nav-bar').addClass('non-sticky-nav');
+        $('#tabbed-nav-bar').removeClass('sticky-nav');
+        $("nav#main-navigation").show();
+        if ($(window).width() < 1000) {
+            $('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
+            $('#sub-navigation-header').show();
+        }
+        else {
+            $('#tabbed-nav-bar ul.nav-tabs').removeClass('nav-stacked');
             $('#sub-navigation-header').hide();
-            $('#content-container').css('padding-top','20px');
-            $('#wrapper').css('padding-top','0px');
-            if ( $(window).scrollTop() >= origOffsetY) {
-                $('#tabbed-nav-bar').removeClass('non-sticky-nav');
-                $('#tabbed-nav-bar').addClass('sticky-nav');
-                $("nav#main-navigation").hide();
-                $('#wrapper').css('top','166px');
-                $('#wrapper').css('margin-top','0px');
-                $('#wrapper').css('position','relative');
-                $('#content-container').css('padding-top','45px');
-                if ($(window).width() < 768) {
-                    $('#tabbed-nav-bar nav').removeClass('navbar-default');
-                    $('#tabbed-nav-bar nav').addClass('navbar-inverse');
-                    $('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
-                    $('#sub-navigation-header').show();
-                }
-                else {
-                    $('#tabbed-nav-bar nav').addClass('navbar-default');
-                    $('#tabbed-nav-bar nav').removeClass('navbar-inverse');
-                    $('#tabbed-nav-bar ul.nav-tabs').removeClass('nav-stacked');
-                    $('#sub-navigation-header').hide();
-                }
-            }
-            else {
-                $('#tabbed-nav-bar').removeClass('sticky-nav');
-                $('#tabbed-nav-bar').addClass('non-sticky-nav');
-                $("nav#main-navigation").show();
-                $('#wrapper').css('position','static');
-                $('#tabbed-nav-bar nav').addClass('navbar-default');
-                $('#tabbed-nav-bar nav').removeClass('navbar-inverse');
-                if ($(window).width() < 768) {
-                    $('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
-                    $('#sub-navigation-header').show();
-                }
-                else {
-                    $('#tabbed-nav-bar ul.nav-tabs').removeClass('nav-stacked');
-                    $('#sub-navigation-header').hide();
-                }
-            }
         }
-        scroll();
-        $(window).scroll(function(){
-                scroll();
-            });
-        $(window).resize(scroll);
     }
-});
+    function affixed(){
+        // Set thge sticky-nav clas
+        $('#tabbed-nav-bar').removeClass('non-sticky-nav');
+        $('#tabbed-nav-bar').addClass('sticky-nav');
+        // Hide the main navigation bar
+        $("nav#main-navigation").hide();
+        if ($(window).width() < 768) {
+            $('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
+            $('#sub-navigation-header').show();
+        }
+        else {
+            $('#tabbed-nav-bar ul.nav-tabs').removeClass('nav-stacked');
+            $('#sub-navigation-header').hide();
+        }
+    }
+    scroll();
+    $(window).scroll(function () {
+        scroll();
+    });
+    $(window).resize(scroll);
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jumbo-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 4.3.0
+  version: 4.3.1
 platform: ruby
 authors:
 - Kyle Kirkby
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-03-26 00:00:00.000000000 Z
+date: 2019-03-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -370,6 +370,7 @@ files:
 - _data/universal-nav.yml
 - _includes/ascii-art.html
 - _includes/authors-posts.html
+- _includes/blog-filler-element.html
 - _includes/breadcrumb.html
 - _includes/carousel-header.html
 - _includes/css.html