jumbo-jekyll-theme 3.0.33 → 3.0.34
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/_layouts/container-breadcrumb-tabs.html +10 -0
- data/_sass/core/blog.scss +1 -1
- data/_sass/core/theme.scss +5 -0
- data/_sass/core/youtube-lazy.scss +51 -0
- data/assets/js/app/youtube-lazy.js +25 -0
- metadata +5 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 304ecd951c6558f343b11a1ca91e96e9cdb45a82ae386e9ef5e14f2bb3c014fe
|
|
4
|
+
data.tar.gz: 7b8df7ef07cd8425b2f135899ceb5ff644edfab387e1ac49bd71c21f74d8078b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7927075b28ecfe85c1ff93488b5b5789e5eca9faf9f73c7f56067f2fdca27909336715233eaeb1abf941ca6a58ebb256df10e43d13b5b2f83ad9df21778674f1
|
|
7
|
+
data.tar.gz: 547470ad1e2af36baa8c87fbe3a6a92346f0e6c4d54be67a37e136cf9d11b2961d7afe5adab7c9755ae49c4503c9d5f5d9e2bfcbce74daf9beb53a0efb79804a
|
data/_sass/core/blog.scss
CHANGED
data/_sass/core/theme.scss
CHANGED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.youtube {
|
|
2
|
+
background-color: #000;
|
|
3
|
+
margin-bottom: 30px;
|
|
4
|
+
position: relative;
|
|
5
|
+
padding-top: 56.25%;
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
}
|
|
9
|
+
.youtube img {
|
|
10
|
+
width: 100%;
|
|
11
|
+
top: -16.82%;
|
|
12
|
+
left: 0;
|
|
13
|
+
opacity: 0.7;
|
|
14
|
+
}
|
|
15
|
+
.youtube .play-button {
|
|
16
|
+
width: 90px;
|
|
17
|
+
height: 60px;
|
|
18
|
+
background-color: #333;
|
|
19
|
+
box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
|
|
20
|
+
z-index: 1;
|
|
21
|
+
opacity: 0.8;
|
|
22
|
+
border-radius: 6px;
|
|
23
|
+
}
|
|
24
|
+
.youtube .play-button:before {
|
|
25
|
+
content: "";
|
|
26
|
+
border-style: solid;
|
|
27
|
+
border-width: 15px 0 15px 26.0px;
|
|
28
|
+
border-color: transparent transparent transparent #fff;
|
|
29
|
+
}
|
|
30
|
+
.youtube img,
|
|
31
|
+
.youtube .play-button {
|
|
32
|
+
cursor: pointer;
|
|
33
|
+
}
|
|
34
|
+
.youtube img,
|
|
35
|
+
.youtube iframe,
|
|
36
|
+
.youtube .play-button,
|
|
37
|
+
.youtube .play-button:before {
|
|
38
|
+
position: absolute;
|
|
39
|
+
}
|
|
40
|
+
.youtube .play-button,
|
|
41
|
+
.youtube .play-button:before {
|
|
42
|
+
top: 50%;
|
|
43
|
+
left: 50%;
|
|
44
|
+
transform: translate3d( -50%, -50%, 0 );
|
|
45
|
+
}
|
|
46
|
+
.youtube iframe {
|
|
47
|
+
height: 100%;
|
|
48
|
+
width: 100%;
|
|
49
|
+
top: 0;
|
|
50
|
+
left: 0;
|
|
51
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// Lazy load YouTube videos
|
|
2
|
+
$(document).ready(function() {
|
|
3
|
+
var youtube = document.querySelectorAll( ".youtube" );
|
|
4
|
+
for (var i = 0; i < youtube.length; i++) {
|
|
5
|
+
var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg";
|
|
6
|
+
var image = new Image();
|
|
7
|
+
image.src = source;
|
|
8
|
+
image.addEventListener( "load", function() {
|
|
9
|
+
youtube[ i ].appendChild( image );
|
|
10
|
+
}( i ) );
|
|
11
|
+
|
|
12
|
+
youtube[i].addEventListener( "click", function() {
|
|
13
|
+
|
|
14
|
+
var iframe = document.createElement( "iframe" );
|
|
15
|
+
|
|
16
|
+
iframe.setAttribute( "frameborder", "0" );
|
|
17
|
+
iframe.setAttribute( "allowfullscreen", "" );
|
|
18
|
+
iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" );
|
|
19
|
+
|
|
20
|
+
this.innerHTML = "";
|
|
21
|
+
this.appendChild( iframe );
|
|
22
|
+
} );
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
});
|
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.0.
|
|
4
|
+
version: 3.0.34
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Kyle Kirkby
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-12-
|
|
11
|
+
date: 2018-12-07 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -366,6 +366,7 @@ files:
|
|
|
366
366
|
- _includes/youtube.html
|
|
367
367
|
- _layouts/author-layout.html
|
|
368
368
|
- _layouts/author.html
|
|
369
|
+
- _layouts/container-breadcrumb-tabs.html
|
|
369
370
|
- _layouts/container-breadcrumb.html
|
|
370
371
|
- _layouts/container.html
|
|
371
372
|
- _layouts/default.html
|
|
@@ -486,6 +487,7 @@ files:
|
|
|
486
487
|
- _sass/core/tables.scss
|
|
487
488
|
- _sass/core/theme.scss
|
|
488
489
|
- _sass/core/universal-nav.scss
|
|
490
|
+
- _sass/core/youtube-lazy.scss
|
|
489
491
|
- _sass/core/youtube.scss
|
|
490
492
|
- _sass/home.scss
|
|
491
493
|
- assets/css/main-blog.scss
|
|
@@ -535,6 +537,7 @@ files:
|
|
|
535
537
|
- assets/js/app/search.js
|
|
536
538
|
- assets/js/app/sticky-tab-bar.js
|
|
537
539
|
- assets/js/app/tables.js
|
|
540
|
+
- assets/js/app/youtube-lazy.js
|
|
538
541
|
- assets/js/package-blog.js
|
|
539
542
|
- assets/js/package-extended.js
|
|
540
543
|
- assets/js/package-home.js
|