jumbo-jekyll-theme 3.9.5 → 3.9.6

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d1cb4648d97fc9449f7adc6b58471625ec3dcb2a40fa0df2fbdf6561a64417f9
4
- data.tar.gz: ace516cd56a9d26000df6eb78356b4b9ee497bd61d3ffaaa8186c8344f250e36
3
+ metadata.gz: 03501aea5ede2127cd3b4e5ef4c809d9e1548177d40e62d70bed013a735b0f41
4
+ data.tar.gz: 9e134d4ba1ed404c506cf3400b01d1666ebb1107a18d7f0302c73a83099e54c4
5
5
  SHA512:
6
- metadata.gz: 4debc6efc79c36d8f7f1236274b294b3caa53a15fae43a789187f0f9128742445015d8dcef8f4f2acf64b21a4ae7dcefa4dc913847d379de51e8a6a746c7b679
7
- data.tar.gz: a0402b008c4d1a663abde4dc8380d9459f95b908734df2dc39d24be3a4cf348739e5e23c07b86c2c4014b2238151443dbb78c413420a45beb48ee798114b3a1e
6
+ metadata.gz: cbf14e01fb876058429660a383524c38d1b1d8e2b4730dd775c44d054b53c25fe8a0852c1e9d97b10ed416f128bd8b86a67093b17e434316f5479c5be81b9277
7
+ data.tar.gz: d255ea3ec85a6dc99b82562b4b5e12b7707503c72c7f0553b5cfc70402099497b7258aa1545e0983d4dab5b2e42ef9f2118918b2b7bd65434f5dd33a8289a3f3
@@ -1,3 +1,36 @@
1
+ {% if page.jumbotron.slider %}
2
+ <div class="{% if page.jumbotron.video %}video {% endif %}row {% if page.jumbotron.background-image %}background-image {% endif %}
3
+ {% if page.image.background-class %}{{page.image.background-class}}{% endif %}"
4
+ id="jumbotron" {% if page.jumbotron.background-image %}
5
+ style=" background-image: url('{{page.jumbotron.background-image}}');" {% else %}
6
+ class="jumbotron text-center featured-jumbotron" {% endif %}>
7
+ <div id="jumbotron-slider" class="owl-carousel owl-theme full-width-slider">
8
+ {% for slide in page.jumbotron.slider.slides %}
9
+ <div class="item owl-slide flex-center {% if slide.darken %}overlay{% endif %} {% if forloop.first %}active{% endif %}"
10
+ {% if slide.image %}style="{% if slide.slide-style %}{{slide.slide-style}}{% endif %} background-image: url({{slide.image}});"{% endif %}>
11
+ {% if slide.title %}
12
+ <h2 class="slide-title {% if slide.title-class %}{{slide.title-class}}{% endif %}{% if slide.description %}desc-title{% endif %}">{{slide.title}}</h2>
13
+ {% endif %}
14
+ {% if slide.description %}
15
+ <div class="owl--text slide-desc">
16
+ <p>
17
+ {{slide.description}}
18
+ </p>
19
+ {% if slide.buttons %}
20
+ {% for button in slide.buttons %}
21
+ <a href="{{button.url}}"
22
+ class="btn btn-primary {% if button.class %}{{button.class}}{% endif %}">
23
+ {{button.title}} {% if button.icon %}<i class="{{button.icon}}"></i>{% endif %}
24
+ </a>
25
+ {% endfor %}
26
+ {% endif %}
27
+ </div>
28
+ {% endif %}
29
+ </div>
30
+ {% endfor %}
31
+ </div>
32
+ </div>
33
+ {% else %}
1
34
  <div class="{% if page.jumbotron.video %}video {% endif %}row {% if page.jumbotron.background-image %}background-image {% endif %}
2
35
  {% if page.image.background-class %}{{page.image.background-class}}{% endif %}{% if site.data.settings.jumbotron.darken %}overlay{% endif %}" id="jumbotron"
3
36
  {% if page.jumbotron.background-image %}
@@ -72,4 +105,5 @@
72
105
  {% if page.jumbotron.triangle-divider %}
73
106
  <div class="big-triangle"></div>
74
107
  {% endif %}
75
- </div> <!--row -->
108
+ </div> <!--row -->
109
+ {% endif %}
@@ -32,6 +32,19 @@ div#jumbotron-content {
32
32
  width: 100%;
33
33
  z-index: -1;
34
34
  }
35
+ .overlay:before {
36
+ content: '';
37
+ position: absolute;
38
+ top: 0;
39
+ right: 0;
40
+ bottom: 0;
41
+ height: $jumbotron-height;
42
+ left: 0;
43
+ background-image: linear-gradient(to bottom right, #000, #000);
44
+ opacity: .5;
45
+ width: 100%;
46
+ z-index: 0;
47
+ }
35
48
  div#jumbotron.background-image.bg-up {
36
49
  background-position-y: 0px !important;
37
50
  background-position-x: center !important;
@@ -118,4 +131,123 @@ div.jumbotron-image{
118
131
  #jumbotron small {
119
132
  font-size: 14px;
120
133
  }
121
- @import 'triangle-divider';
134
+
135
+
136
+ // Owl Carousel Slider Full Width
137
+ #jumbotron-slider + .big-triangle {
138
+ position: relative;
139
+ z-index: 2;
140
+ }
141
+ #jumbotron-slider {
142
+ position: relative;
143
+ height: 100%;
144
+
145
+ div:not(.owl-controls) {
146
+ height: 100%;
147
+ }
148
+ h2.slide-title.big-title {
149
+ font-size: 60px;
150
+ font-weight: bold;
151
+ }
152
+ .owl-slide {
153
+ background-image: url('https://staging.linaro.org/assets/images/content/bkk19-website-banner.png');
154
+ background-repeat: no-repeat;
155
+ background-size: cover;
156
+ background-position: center;
157
+ }
158
+ .slide-title {
159
+ z-index: 2;
160
+ color: white;
161
+ font-size: 32px;
162
+ position: relative;
163
+ max-width: 600px;
164
+ margin: auto;
165
+ margin-left: auto;
166
+ margin-right: auto;
167
+ }
168
+ h2.slide-title.desc-title {
169
+ margin-bottom: 0px;
170
+ }
171
+
172
+ div.owl--text {
173
+ position: relative;
174
+ width: 700px;
175
+ height: auto;
176
+ opacity: .8;
177
+ font-size: 16px;
178
+ padding: 10px;
179
+ color: white;
180
+ margin: auto;
181
+ margin-left: auto;
182
+ border-radius: 4px;
183
+ margin-right: auto;
184
+ margin-top: 0px;
185
+ @media(max-width: $screen-sm-min) {
186
+ width: 100%;
187
+ }
188
+ border-radius: 4px;
189
+ p {
190
+ color: white;
191
+ margin-bottom: 5px;
192
+ }
193
+ a.btn {
194
+ position: relative;
195
+ display: inline-block;
196
+ margin-left: auto;
197
+ margin-right: atuo;
198
+ }
199
+ }
200
+ .owl-dots {
201
+ position: absolute;
202
+ bottom: 0px;
203
+ width: 100%;
204
+ height: 40px !important;
205
+ }
206
+ .owl-controls {
207
+ position: absolute;
208
+ top: 50%;
209
+ left: 0;
210
+ right: 0;
211
+
212
+ .owl-buttons {
213
+ div {
214
+ position: absolute;
215
+ top: 0;
216
+ bottom: 0;
217
+ display: inline-block;
218
+ zoom: 1;
219
+ margin: 0;
220
+ width: 50px;
221
+ height: 30px;
222
+ line-height: 25px;
223
+ text-align: center;
224
+ font-size: .9em;
225
+ border-radius: 3px;
226
+ color: #FFF;
227
+ background: #000;
228
+ opacity: .6;
229
+ text-transform: capitalize;
230
+ }
231
+
232
+ .owl-prev {
233
+ left: 5px;
234
+ }
235
+
236
+ .owl-next {
237
+ right: 5px;
238
+ }
239
+ }
240
+ }
241
+ }
242
+
243
+ body,
244
+ html {
245
+ height: 100%;
246
+ }
247
+
248
+ body {
249
+ margin: 0;
250
+ font-family: futura, sans-serif;
251
+ }
252
+
253
+ @import 'triangle-divider';
@@ -3,6 +3,24 @@ $(window).click(function() {
3
3
  $(".dropdown-submenu.sub-menu > .dropdown-menu.sub-menu").hide();
4
4
  });
5
5
  $(document).ready(function () {
6
+ if ($("#jumbotron-slider").length > 0 ){
7
+ $("#jumbotron-slider").owlCarousel({
8
+ navigation: true,
9
+ slideSpeed: 300,
10
+ autoplayTimeout: 10000,
11
+ paginationSpeed: 400,
12
+ pagination: false,
13
+ rewindSpeed: 500,
14
+ rewind: true,
15
+ autoplay: true,
16
+ items: 1,
17
+ lazyLoadEager: 1,
18
+ loop: false,
19
+ lazyLoad: true,
20
+ dots: true
21
+ });
22
+ }
23
+
6
24
  // Double Scroll Plugin
7
25
  if($(".double-scroll").length > 0){
8
26
  $(".double-scroll").doubleScroll({
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: 3.9.5
4
+ version: 3.9.6
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-06 00:00:00.000000000 Z
11
+ date: 2019-03-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll