jumbo-jekyll-theme 4.3.0 → 4.3.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/settings.yml +2 -0
- data/_includes/blog-filler-element.html +24 -0
- data/_includes/display-blog-posts.html +13 -3
- data/_layouts/post-index.html +11 -9
- data/_sass/core/blog.scss +34 -3
- data/_sass/core/nav.scss +9 -2
- data/assets/js/app/sticky-tab-bar.js +63 -57
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 6eba867df92ba51aee0168da0c1c69a3108319bbdc626bd6001b87c9a5973e68
|
4
|
+
data.tar.gz: 8b9722d414fd6e8337c4858de6828918157a93e7b409ff9fbcfab2fa0ff10c27
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: b9aef394c45ad578d9f682298ea3007b370cc0952e7a99920e23c4c92cff0fd7502166d29222fa9c22b53352d05d86f93d3de784eede46f962e42200d625365b
|
7
|
+
data.tar.gz: 7598e453013a1864ef92a0a69c5f99b2a5ad1738c1f5bd1faf481b148fabd1fe80b77bbb41687859aca889ab25f458ed8b7c7eefa0bddb7673771ff5544a68c0
|
data/_data/settings.yml
CHANGED
@@ -31,6 +31,8 @@ error-pages:
|
|
31
31
|
not-found-desc: Sorry, but the page you were looking for could not be found.
|
32
32
|
# Blog setup
|
33
33
|
blog:
|
34
|
+
# Filler element include
|
35
|
+
filler-element: blog-filler-element.html
|
34
36
|
tags_page: /blog/tags/
|
35
37
|
# Show Thumbnails in the post index
|
36
38
|
show_thumbnails: true
|
@@ -0,0 +1,24 @@
|
|
1
|
+
<div class="col-sm-4 col-xs-12 blog-post-item-col no-padding">
|
2
|
+
<div class="blog-post-item">
|
3
|
+
<a href="/">
|
4
|
+
<div class="blog-post-item-content">
|
5
|
+
<ul class="list-group">
|
6
|
+
<li class="list-group-item">
|
7
|
+
<span class="badge">5</span>
|
8
|
+
Item 1
|
9
|
+
</li>
|
10
|
+
<li class="list-group-item">
|
11
|
+
<span class="badge">10</span>
|
12
|
+
Item 2
|
13
|
+
</li>
|
14
|
+
<li class="list-group-item">
|
15
|
+
<span class="badge">15</span>
|
16
|
+
Item 3
|
17
|
+
</li>
|
18
|
+
</ul>
|
19
|
+
|
20
|
+
</div>
|
21
|
+
</a>
|
22
|
+
</div>
|
23
|
+
|
24
|
+
</div>
|
@@ -1,6 +1,6 @@
|
|
1
1
|
{% if paginator.total_posts > 0 %}
|
2
2
|
{% if site.data.settings.blog.show_thumbnails %}
|
3
|
-
<div class="row">
|
3
|
+
<div class="row blog-section">
|
4
4
|
{% endif %}
|
5
5
|
{% for post in paginator.posts %}
|
6
6
|
{% assign timeframe = 604800 %}
|
@@ -67,7 +67,17 @@
|
|
67
67
|
</div>
|
68
68
|
</div>
|
69
69
|
{% else %}
|
70
|
-
|
70
|
+
|
71
|
+
{% comment %}
|
72
|
+
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.
|
73
|
+
{% endcomment %}
|
74
|
+
|
75
|
+
{% if forloop.index == 4 and paginator.page == 1 %}
|
76
|
+
{% if site.data.settings.blog.filler-element %}
|
77
|
+
{% include {{site.data.settings.blog.filler-element}} %}
|
78
|
+
{% endif %}
|
79
|
+
{% endif %}
|
80
|
+
<div class="col-sm-4 col-xs-12 blog-post-item-col no-padding">
|
71
81
|
<div class="blog-post-item">
|
72
82
|
<a href="{{post.url}}">
|
73
83
|
<div class="blog-featured-image">
|
@@ -96,7 +106,7 @@
|
|
96
106
|
|
97
107
|
{% if image_path != "" %}
|
98
108
|
{% responsive_image_block %}
|
99
|
-
template: _includes/
|
109
|
+
template: _includes/thumbnail_image.html
|
100
110
|
path: {{ image_path }}
|
101
111
|
fullpath: {{ full_path }}
|
102
112
|
{% if post.title %}
|
data/_layouts/post-index.html
CHANGED
@@ -1,14 +1,16 @@
|
|
1
1
|
---
|
2
|
-
layout:
|
2
|
+
layout: base
|
3
3
|
title: Blog
|
4
4
|
css-package: blog
|
5
5
|
js-package: blog
|
6
6
|
---
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
{% if page.news %}
|
11
|
-
|
12
|
-
{% else %}
|
13
|
-
|
14
|
-
{% endif %}
|
7
|
+
<div class="row" id="content-container">
|
8
|
+
<div class="container">
|
9
|
+
{% include display-blog-posts.html %}
|
10
|
+
{% if page.news %}
|
11
|
+
{% include pagination.html path="/news/:num/"%}
|
12
|
+
{% else %}
|
13
|
+
{% include pagination.html path="/blog/:num/"%}
|
14
|
+
{% endif %}
|
15
|
+
</div>
|
16
|
+
</div>
|
data/_sass/core/blog.scss
CHANGED
@@ -510,6 +510,10 @@ pre.highlight {
|
|
510
510
|
padding-top:0px;
|
511
511
|
padding-right:0px;
|
512
512
|
padding-bottom: 0px;
|
513
|
+
@media(max-width: $screen-sm-min){
|
514
|
+
margin-left: 15px;
|
515
|
+
margin-right: 15px;
|
516
|
+
}
|
513
517
|
border-radius:20px;
|
514
518
|
overflow:hidden;
|
515
519
|
margin-bottom: 30px;
|
@@ -529,21 +533,31 @@ pre.highlight {
|
|
529
533
|
border-radius: 10px;
|
530
534
|
overflow: hidden;
|
531
535
|
background-color: white;
|
532
|
-
|
536
|
+
margin-right: 30px;
|
537
|
+
@media(max-width: $screen-sm-min){
|
538
|
+
margin-left: 15px;
|
539
|
+
margin-right: 15px;
|
540
|
+
}
|
533
541
|
margin-bottom: 30px;
|
534
542
|
-webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
|
535
543
|
-moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
|
536
544
|
box-shadow: 0px 0px 20px 5px #ebebeb;
|
537
545
|
border: 1px solid #eee;
|
538
546
|
transition: all 200ms ease;
|
547
|
+
display: flex;
|
548
|
+
flex-wrap: wrap;
|
549
|
+
height: 100%;
|
539
550
|
}
|
540
551
|
|
541
552
|
.blog-post-item-content {
|
542
553
|
padding: 10px;
|
554
|
+
display: flex;
|
555
|
+
flex-direction: column;
|
543
556
|
}
|
544
557
|
.blog-post-item img {
|
545
558
|
width: 100%;
|
546
|
-
height:
|
559
|
+
height: 150px;
|
560
|
+
object-fit: cover;
|
547
561
|
}
|
548
562
|
.author-section .blog-author-image {
|
549
563
|
display: inline-block;
|
@@ -591,6 +605,7 @@ pre.highlight {
|
|
591
605
|
.blog-featured-image{
|
592
606
|
position: relative;
|
593
607
|
overflow:hidden;
|
608
|
+
height: 150px;
|
594
609
|
}
|
595
610
|
.blog-post-item:hover .blog-featured-image::after {
|
596
611
|
display:block;
|
@@ -608,7 +623,7 @@ pre.highlight {
|
|
608
623
|
display:none !important;
|
609
624
|
position: absolute;
|
610
625
|
z-index: 99999;
|
611
|
-
color:
|
626
|
+
color: #fff;
|
612
627
|
font-weight:bold;
|
613
628
|
font-size:18px;
|
614
629
|
top: 80px;
|
@@ -616,4 +631,20 @@ pre.highlight {
|
|
616
631
|
display: table-cell;
|
617
632
|
width: 100%;
|
618
633
|
text-align: center;
|
634
|
+
}
|
635
|
+
@media(min-width: $screen-sm-min){
|
636
|
+
.blog-post-item-col:nth-child(3n + 4) > .blog-post-item {
|
637
|
+
margin-right:0px !important;
|
638
|
+
}
|
639
|
+
}
|
640
|
+
.row.blog-section {
|
641
|
+
display: flex;
|
642
|
+
flex-wrap: wrap;
|
643
|
+
}
|
644
|
+
.row.blog-section > [class*='col-'] {
|
645
|
+
display: flex;
|
646
|
+
flex-direction: column;
|
647
|
+
}
|
648
|
+
.blog-post-item a {
|
649
|
+
width: 100%;
|
619
650
|
}
|
data/_sass/core/nav.scss
CHANGED
@@ -41,8 +41,8 @@ div#tabbed-nav-bar.non-sticky-nav > .container {
|
|
41
41
|
}
|
42
42
|
|
43
43
|
#tabbed-nav-bar .navbar-header {
|
44
|
-
margin-left:
|
45
|
-
margin-right:
|
44
|
+
margin-left: -15px;
|
45
|
+
margin-right: -15px;
|
46
46
|
}
|
47
47
|
|
48
48
|
@media (min-width: $screen-lg) {
|
@@ -137,6 +137,7 @@ div#tabbed-nav-bar.sticky-nav {
|
|
137
137
|
}
|
138
138
|
#tabbed-nav-bar .navbar-toggle{
|
139
139
|
color:$brand-primary !important;
|
140
|
+
margin-right: 0px;
|
140
141
|
}
|
141
142
|
button.btn.btn-default.dropdown-toggle {
|
142
143
|
color: $navbar-text-color;
|
@@ -1001,4 +1002,10 @@ li.dropdown.menu.active.open > a {
|
|
1001
1002
|
// Bug fix for the White box flash
|
1002
1003
|
#navbar-collapse {
|
1003
1004
|
height: auto !important;
|
1005
|
+
}
|
1006
|
+
|
1007
|
+
@media screen and (max-width: 999px) and (min-width: 987px){
|
1008
|
+
.sticky-nav#tabbed-nav-bar a.navbar-toggle {
|
1009
|
+
margin-right: -5px;
|
1010
|
+
}
|
1004
1011
|
}
|
@@ -1,62 +1,68 @@
|
|
1
|
-
$(document).ready(function(){
|
1
|
+
$(document).ready(function () {
|
2
|
+
// Set the sub nav text
|
3
|
+
var text = $('#tabbed-nav-bar ul.nav-tabs li.active a').text();
|
4
|
+
$('#sub-navigation-header').text(text);
|
5
|
+
console.log(text);
|
6
|
+
// Menu selector
|
2
7
|
var menu = $('#tabbed-nav-bar');
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
+
// Get sub nav offset from the page top
|
9
|
+
var origOffsetY = menu.offset().top;
|
10
|
+
if ($("#universal-nav").length > 0) {
|
11
|
+
origOffsetY = origOffsetY - 20;
|
12
|
+
}
|
13
|
+
// Instantiate Bootstrap 3 Affix plugin
|
14
|
+
$("#tabbed-nav-bar").affix({
|
15
|
+
offset: {
|
16
|
+
top: origOffsetY
|
17
|
+
}
|
18
|
+
});
|
19
|
+
// Event listeners
|
20
|
+
$("#tabbed-nav-bar").on('affixed.bs.affix', function(){
|
21
|
+
affixed();
|
22
|
+
});
|
23
|
+
$("#tabbed-nav-bar").on('affixed-top.bs.affix ', function(){
|
24
|
+
affixTop();
|
25
|
+
});
|
26
|
+
function scroll(){
|
27
|
+
if ($("#tabbed-nav-bar.affix-top").length > 0) {
|
28
|
+
affixTop();
|
29
|
+
}
|
30
|
+
if($("#tabbed-nav-bar.affix").length > 0){
|
31
|
+
affixed();
|
8
32
|
}
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
33
|
+
}
|
34
|
+
|
35
|
+
function affixTop(){
|
36
|
+
$('#tabbed-nav-bar').addClass('non-sticky-nav');
|
37
|
+
$('#tabbed-nav-bar').removeClass('sticky-nav');
|
38
|
+
$("nav#main-navigation").show();
|
39
|
+
if ($(window).width() < 1000) {
|
40
|
+
$('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
|
41
|
+
$('#sub-navigation-header').show();
|
42
|
+
}
|
43
|
+
else {
|
44
|
+
$('#tabbed-nav-bar ul.nav-tabs').removeClass('nav-stacked');
|
15
45
|
$('#sub-navigation-header').hide();
|
16
|
-
$('#content-container').css('padding-top','20px');
|
17
|
-
$('#wrapper').css('padding-top','0px');
|
18
|
-
if ( $(window).scrollTop() >= origOffsetY) {
|
19
|
-
$('#tabbed-nav-bar').removeClass('non-sticky-nav');
|
20
|
-
$('#tabbed-nav-bar').addClass('sticky-nav');
|
21
|
-
$("nav#main-navigation").hide();
|
22
|
-
$('#wrapper').css('top','166px');
|
23
|
-
$('#wrapper').css('margin-top','0px');
|
24
|
-
$('#wrapper').css('position','relative');
|
25
|
-
$('#content-container').css('padding-top','45px');
|
26
|
-
if ($(window).width() < 768) {
|
27
|
-
$('#tabbed-nav-bar nav').removeClass('navbar-default');
|
28
|
-
$('#tabbed-nav-bar nav').addClass('navbar-inverse');
|
29
|
-
$('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
|
30
|
-
$('#sub-navigation-header').show();
|
31
|
-
}
|
32
|
-
else {
|
33
|
-
$('#tabbed-nav-bar nav').addClass('navbar-default');
|
34
|
-
$('#tabbed-nav-bar nav').removeClass('navbar-inverse');
|
35
|
-
$('#tabbed-nav-bar ul.nav-tabs').removeClass('nav-stacked');
|
36
|
-
$('#sub-navigation-header').hide();
|
37
|
-
}
|
38
|
-
}
|
39
|
-
else {
|
40
|
-
$('#tabbed-nav-bar').removeClass('sticky-nav');
|
41
|
-
$('#tabbed-nav-bar').addClass('non-sticky-nav');
|
42
|
-
$("nav#main-navigation").show();
|
43
|
-
$('#wrapper').css('position','static');
|
44
|
-
$('#tabbed-nav-bar nav').addClass('navbar-default');
|
45
|
-
$('#tabbed-nav-bar nav').removeClass('navbar-inverse');
|
46
|
-
if ($(window).width() < 768) {
|
47
|
-
$('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
|
48
|
-
$('#sub-navigation-header').show();
|
49
|
-
}
|
50
|
-
else {
|
51
|
-
$('#tabbed-nav-bar ul.nav-tabs').removeClass('nav-stacked');
|
52
|
-
$('#sub-navigation-header').hide();
|
53
|
-
}
|
54
|
-
}
|
55
46
|
}
|
56
|
-
scroll();
|
57
|
-
$(window).scroll(function(){
|
58
|
-
scroll();
|
59
|
-
});
|
60
|
-
$(window).resize(scroll);
|
61
47
|
}
|
62
|
-
|
48
|
+
function affixed(){
|
49
|
+
// Set thge sticky-nav clas
|
50
|
+
$('#tabbed-nav-bar').removeClass('non-sticky-nav');
|
51
|
+
$('#tabbed-nav-bar').addClass('sticky-nav');
|
52
|
+
// Hide the main navigation bar
|
53
|
+
$("nav#main-navigation").hide();
|
54
|
+
if ($(window).width() < 768) {
|
55
|
+
$('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
|
56
|
+
$('#sub-navigation-header').show();
|
57
|
+
}
|
58
|
+
else {
|
59
|
+
$('#tabbed-nav-bar ul.nav-tabs').removeClass('nav-stacked');
|
60
|
+
$('#sub-navigation-header').hide();
|
61
|
+
}
|
62
|
+
}
|
63
|
+
scroll();
|
64
|
+
$(window).scroll(function () {
|
65
|
+
scroll();
|
66
|
+
});
|
67
|
+
$(window).resize(scroll);
|
68
|
+
});
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jumbo-jekyll-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 4.3.
|
4
|
+
version: 4.3.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Kyle Kirkby
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2019-03-
|
11
|
+
date: 2019-03-27 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -370,6 +370,7 @@ files:
|
|
370
370
|
- _data/universal-nav.yml
|
371
371
|
- _includes/ascii-art.html
|
372
372
|
- _includes/authors-posts.html
|
373
|
+
- _includes/blog-filler-element.html
|
373
374
|
- _includes/breadcrumb.html
|
374
375
|
- _includes/carousel-header.html
|
375
376
|
- _includes/css.html
|