jumbo-jekyll-theme 5.2.1 → 5.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/example-carousel-data-source.yml +36 -0
- data/_includes/core/content_row.html +2 -2
- data/_includes/core/feature_block.html +2 -0
- data/_includes/core/full_width_row.html +2 -2
- data/_includes/core/slider.html +29 -6
- data/_includes/core/slider_row.html +3 -0
- data/_includes/core/text.html +1 -1
- data/_includes/flow_inner.html +1 -1
- data/_sass/core/flow.scss +51 -0
- data/_sass/core/theme.scss +17 -0
- data/assets/js/app/main.js +67 -0
- metadata +4 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f1a901cc49f156dd6fd673f6f9ed5299234a2b21c2314499c4e98aca33d90086
|
4
|
+
data.tar.gz: 7f630f83b7c49428e8e3bdf6218125be07b38369c0cabed38fd9bdeda932bbf0
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: b0f09fb42ea39403e26481dfda4f41cfba5613ccbbbbba6d0b8973ac1e1f5b21b1c0f1f6975d344c9527031f14afe516177489916f47dc2d0830ce1001d49890
|
7
|
+
data.tar.gz: 5cbcf1f6442bf28f08d09e005e217a22ba1e75d0b3e55accf86199b09f8b4b8d30babca66fa526495bf4660f8ea341daf820c2df5606b13d9eea25964c2dc4c4
|
@@ -0,0 +1,36 @@
|
|
1
|
+
- image: /assets/images/content/background-image1.jpg
|
2
|
+
alt: Background Image
|
3
|
+
title: Background Image 1
|
4
|
+
- image: /assets/images/content/background-image1.jpg
|
5
|
+
alt: Background Image
|
6
|
+
title: Background Image 1
|
7
|
+
- image: /assets/images/content/background-image1.jpg
|
8
|
+
alt: Background Image
|
9
|
+
title: Background Image 1
|
10
|
+
- image: /assets/images/content/background-image1.jpg
|
11
|
+
alt: Background Image
|
12
|
+
title: Background Image 1
|
13
|
+
- image: /assets/images/content/background-image1.jpg
|
14
|
+
alt: Background Image
|
15
|
+
title: Background Image 1
|
16
|
+
- image: /assets/images/content/background-image1.jpg
|
17
|
+
alt: Background Image
|
18
|
+
title: Background Image 1
|
19
|
+
- image: /assets/images/content/background-image1.jpg
|
20
|
+
alt: Background Image
|
21
|
+
title: Background Image 1
|
22
|
+
- image: /assets/images/content/background-image1.jpg
|
23
|
+
alt: Background Image
|
24
|
+
title: Background Image 1
|
25
|
+
- image: /assets/images/content/background-image1.jpg
|
26
|
+
alt: Background Image
|
27
|
+
title: Background Image 1
|
28
|
+
- image: /assets/images/content/background-image1.jpg
|
29
|
+
alt: Background Image
|
30
|
+
title: Background Image 1
|
31
|
+
- image: /assets/images/content/background-image1.jpg
|
32
|
+
alt: Background Image
|
33
|
+
title: Background Image 1
|
34
|
+
- image: /assets/images/content/background-image1.jpg
|
35
|
+
alt: Background Image
|
36
|
+
title: Background Image 1
|
@@ -1,6 +1,6 @@
|
|
1
1
|
<div class="row {% if include.object.style %}{{include.object.style}}{% endif %}
|
2
|
-
{% if include.object.background_image %}background_image_row{% endif %}"
|
3
|
-
{% if include.object.background_image %}style="background:
|
2
|
+
{% if include.object.background_image %}background_image_row overlay{% endif %}"
|
3
|
+
{% if include.object.background_image %}style="background-image: url({{include.object.background_image}})"{% endif %}>
|
4
4
|
<div class="container">
|
5
5
|
{% include flow_inner.html object=include.object.items %}
|
6
6
|
</div>
|
@@ -13,6 +13,8 @@
|
|
13
13
|
alt: {{ member.alt | slugify: "ascii"}}
|
14
14
|
{% endif %}
|
15
15
|
{% endresponsive_image_block %}
|
16
|
+
{% elsif include.object.side_content.type == "slider" %}
|
17
|
+
{% include core/slider.html object=include.object.side_content.content %}
|
16
18
|
{% else %}
|
17
19
|
<h2>TODO</h2>
|
18
20
|
{% endif %}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
<div class="row {% if include.object.style %}{{include.object.style}}{% endif %}
|
2
|
-
{% if include.object.background_image %}background_image_row{% endif %}"
|
3
|
-
{% if include.object.background_image %}style="background: linear-gradient(
|
2
|
+
{% if include.object.background_image %}background_image_row overlay{% endif %}"
|
3
|
+
{% if include.object.background_image %}style="background-image: url({{include.object.background_image}}), linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));"{% endif %}>
|
4
4
|
{% include flow_inner.html object=include.object.items %}
|
5
5
|
</div>
|
data/_includes/core/slider.html
CHANGED
@@ -1,10 +1,33 @@
|
|
1
|
-
<div class="owl-carousel owl-theme" data-size="{{include.object.items | size }}"
|
2
|
-
{% if include.object.
|
3
|
-
data-sm-number="{{include.object.sm_items}}"
|
4
|
-
{% endif %}
|
5
|
-
|
1
|
+
<div class="owl-carousel slider-block owl-theme" data-size="{{include.object.items | size }}"
|
2
|
+
{% if include.object.xs_items %}data-xs-number="{{include.object.xs_items}}"{% endif %}
|
3
|
+
{% if include.object.sm_items %}data-sm-number="{{include.object.sm_items}}"{% endif %}
|
4
|
+
{% if include.object.md_items %}data-md-number="{{include.object.md_items}}"{% endif %}
|
5
|
+
{% if include.object.lg_items %}data-lg-number="{{include.object.lg_items}}"{% endif %}
|
6
|
+
{% if include.object.dots %}data-dots="true"{% endif %}
|
7
|
+
{% if include.object.nav %}data-nav="true"{% endif %}
|
8
|
+
{% if include.object.seconds_per_slide %}data-seconds-per-slide="{{include.object.seconds_per_slide}}"{% endif %}>
|
9
|
+
{% if include.object.items %}
|
10
|
+
{% assign carousel_items = include.object.items %}
|
11
|
+
{% elsif include.object.data_source %}
|
12
|
+
{% assign carousel_items = site.data[include.object.data_source] %}
|
13
|
+
{% endif %}
|
14
|
+
{% for item in carousel_items %}
|
15
|
+
{% if include.object.lightbox_enabled %}<a data-featherlight="{{item.image}}">{% endif %}
|
6
16
|
<div class="item">
|
7
|
-
|
17
|
+
{% if item.image %}
|
18
|
+
{% capture image_path %}{{item.image | remove_first: "/" }}{% endcapture %}
|
19
|
+
{% capture full_path %}{{item.image}}{% endcapture %}
|
20
|
+
{% responsive_image_block %}
|
21
|
+
template: _includes/thumbnail_image.html
|
22
|
+
path: {{ image_path }}
|
23
|
+
fullpath: {{ full_path }}
|
24
|
+
{% if item.title %}
|
25
|
+
title: {{ item.title | slugify: "ascii"}}
|
26
|
+
alt: {{ item.title | slugify: "ascii"}}
|
27
|
+
{% endif %}
|
28
|
+
{% endresponsive_image_block %}
|
29
|
+
{% endif %}
|
8
30
|
</div>
|
31
|
+
{% if include.object.lightbox_enabled %}</a>{% endif %}
|
9
32
|
{% endfor %}
|
10
33
|
</div>
|
data/_includes/core/text.html
CHANGED
data/_includes/flow_inner.html
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
{% elsif item.format == "custom" %}
|
13
13
|
{% include {{item.include_name}} object=item %}
|
14
14
|
{% elsif item.format == "slider" %}
|
15
|
-
{% include core/
|
15
|
+
{% include core/slider_row.html object=item.content %}
|
16
16
|
{% elsif item.format == "feature_block" %}
|
17
17
|
{% include core/feature_block.html object=item.content %}
|
18
18
|
{% endif %}
|
data/_sass/core/flow.scss
CHANGED
@@ -100,4 +100,55 @@
|
|
100
100
|
.buttons{
|
101
101
|
padding-top: $flow_row_padding;
|
102
102
|
}
|
103
|
+
|
104
|
+
.owl-carousel.slider-block {
|
105
|
+
.owl-stage-outer {
|
106
|
+
max-height: 500px;
|
107
|
+
margin-bottom: 0px;
|
108
|
+
height: auto;
|
109
|
+
.owl-stage {
|
110
|
+
height: 100%;
|
111
|
+
display: flex;
|
112
|
+
position: relative;
|
113
|
+
.owl-item {
|
114
|
+
.item {
|
115
|
+
height: 100%;
|
116
|
+
flex: 1;
|
117
|
+
picture {
|
118
|
+
height: auto;
|
119
|
+
position: relative;
|
120
|
+
overflow: auto;
|
121
|
+
img {
|
122
|
+
display: block;
|
123
|
+
width: 100%;
|
124
|
+
object-fit: cover;
|
125
|
+
height: 100%;
|
126
|
+
}
|
127
|
+
}
|
128
|
+
}
|
129
|
+
}
|
130
|
+
}
|
131
|
+
}
|
132
|
+
.owl-nav {
|
133
|
+
button {
|
134
|
+
height: 40px;
|
135
|
+
width: 40px;
|
136
|
+
background-color: #3c3b39 !important;
|
137
|
+
color: white;
|
138
|
+
&:first-child:hover {
|
139
|
+
transform: translateX(-1px);
|
140
|
+
}
|
141
|
+
&:hover {
|
142
|
+
transform: translateX(1px);
|
143
|
+
background-color: #20937a !important;
|
144
|
+
@extend .drop_shadow;
|
145
|
+
}
|
146
|
+
span {
|
147
|
+
font-weight:bold;
|
148
|
+
font-size: 30px;
|
149
|
+
line-height:26px;
|
150
|
+
}
|
151
|
+
}
|
152
|
+
}
|
153
|
+
}
|
103
154
|
}
|
data/_sass/core/theme.scss
CHANGED
@@ -60,6 +60,18 @@ a.btn.btn-primary {
|
|
60
60
|
a.btn.btn-primary:hover {
|
61
61
|
background-color:$brand-primary;
|
62
62
|
}
|
63
|
+
#wrapper {
|
64
|
+
a.btn {
|
65
|
+
transition: all 300ms ease;
|
66
|
+
border-radius: 2px;
|
67
|
+
&:hover {
|
68
|
+
transform: translateY(-2px);
|
69
|
+
color:#fff;
|
70
|
+
@extend .drop_shadow;
|
71
|
+
}
|
72
|
+
}
|
73
|
+
}
|
74
|
+
|
63
75
|
// Edit me on github buttons
|
64
76
|
.github-edit {
|
65
77
|
background-color: #fff;
|
@@ -100,6 +112,11 @@ span.bottom-text {
|
|
100
112
|
display: block;
|
101
113
|
font-size: 11px;
|
102
114
|
}
|
115
|
+
.drop_shadow {
|
116
|
+
-webkit-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
|
117
|
+
-moz-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
|
118
|
+
box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
|
119
|
+
}
|
103
120
|
|
104
121
|
i.icon-github-circled.center-block {
|
105
122
|
font-size: 24px;
|
data/assets/js/app/main.js
CHANGED
@@ -34,6 +34,73 @@ $(document).ready(function () {
|
|
34
34
|
dots: true
|
35
35
|
});
|
36
36
|
}
|
37
|
+
if ($(".owl-carousel.slider-block").length > 0 ){
|
38
|
+
$(".owl-carousel.slider-block").each(function(index){
|
39
|
+
|
40
|
+
// Set Default values for the responsive items
|
41
|
+
var xs_items = 1;
|
42
|
+
var sm_items = 2;
|
43
|
+
var xs_items = 3;
|
44
|
+
var lg_items = 4;
|
45
|
+
var seconds_per_slide = 5000;
|
46
|
+
var dots = false;
|
47
|
+
var nav = true;
|
48
|
+
|
49
|
+
if(typeof $(this).data("xs-number") !== "undefined"){
|
50
|
+
var xs_items = $(this).data("xs-number");
|
51
|
+
}
|
52
|
+
if(typeof $(this).data("sm-number") !== "undefined"){
|
53
|
+
var sm_items = $(this).data("sm-number");
|
54
|
+
}
|
55
|
+
if(typeof $(this).data("md-number") !== "undefined"){
|
56
|
+
var md_items = $(this).data("md-number");
|
57
|
+
}
|
58
|
+
if(typeof $(this).data("lg-number") !== "undefined"){
|
59
|
+
var lg_items = $(this).data("lg-number");
|
60
|
+
}
|
61
|
+
if(typeof $(this).data("seconds-per-slide") !== "undefined"){
|
62
|
+
var seconds_per_slide = $(this).data("seconds-per-slide") * 1000;
|
63
|
+
}
|
64
|
+
if(typeof $(this).data("dots") !== "undefined"){
|
65
|
+
var dots = $(this).data("dots");
|
66
|
+
}
|
67
|
+
if(typeof $(this).data("nav") !== "undefined"){
|
68
|
+
var nav = $(this).data("nav") * 1000;
|
69
|
+
}
|
70
|
+
|
71
|
+
$(this).owlCarousel({
|
72
|
+
nav: nav,
|
73
|
+
dots: dots,
|
74
|
+
slideSpeed: 300,
|
75
|
+
autoplayTimeout: seconds_per_slide,
|
76
|
+
rewindSpeed: 500,
|
77
|
+
rewind: true,
|
78
|
+
autoplay: true,
|
79
|
+
autoHeight: true,
|
80
|
+
responsiveClass: true,
|
81
|
+
lazyLoad: true,
|
82
|
+
lazyLoadEager: 0,
|
83
|
+
responsive: {
|
84
|
+
// breakpoint from 0 up
|
85
|
+
0: {
|
86
|
+
items: xs_items
|
87
|
+
},
|
88
|
+
// breakpoint from 480 up
|
89
|
+
1000: {
|
90
|
+
items: sm_items
|
91
|
+
},
|
92
|
+
// breakpoint from 768 up
|
93
|
+
1200: {
|
94
|
+
items: md_items
|
95
|
+
},
|
96
|
+
1400: {
|
97
|
+
items: lg_items
|
98
|
+
}
|
99
|
+
}
|
100
|
+
});
|
101
|
+
});
|
102
|
+
|
103
|
+
}
|
37
104
|
|
38
105
|
// Double Scroll Plugin
|
39
106
|
if($(".double-scroll").length > 0){
|
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: 5.
|
4
|
+
version: 5.3.0
|
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-06-
|
11
|
+
date: 2019-06-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -362,6 +362,7 @@ files:
|
|
362
362
|
- LICENSE.txt
|
363
363
|
- README.md
|
364
364
|
- _config.yml
|
365
|
+
- _data/example-carousel-data-source.yml
|
365
366
|
- _data/footer.yml
|
366
367
|
- _data/members-section-example.yml
|
367
368
|
- _data/nav.yml
|
@@ -382,6 +383,7 @@ files:
|
|
382
383
|
- _includes/core/full_width_row.html
|
383
384
|
- _includes/core/members-section.html
|
384
385
|
- _includes/core/slider.html
|
386
|
+
- _includes/core/slider_row.html
|
385
387
|
- _includes/core/text.html
|
386
388
|
- _includes/core/title.html
|
387
389
|
- _includes/css.html
|