jumbo-jekyll-theme 5.2.1 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|