jumbo-jekyll-theme 3.0.33 → 3.0.34
Sign up to get free protection for your applications and to get access to all the features.
- 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
|