jekyll-theme-isabelline 0.1.23 → 0.1.24
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/_sass/_config.scss +2 -1
- data/_sass/_isabelline.scss +2 -4
- data/assets/js/gallery.js +11 -5
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ea565258d13997a195b8c5d642002dbf07188c06dedf583ad7a95899e3018f94
|
|
4
|
+
data.tar.gz: dd6a9df6f05dd6828fd0921fbdb2edb815cde30d9efa62f09ad70dacd15bc53f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 42ba4ccace4d9fac5bc79365f754095b9d2499244fc4e8858acbe8050c474129a98c44b42022a1e7145e74749074c84e6c7af2af68e4e64db16bdf259f46a306
|
|
7
|
+
data.tar.gz: a33102edb079e45b3c3b1d6943ec9147257580cc44d57fc000d446e94c7bda028e339f7d16a19c471ad9a074339e9a368d1eeec9da1b812adc6e9c5a2f406f89
|
data/_sass/_config.scss
CHANGED
|
@@ -44,7 +44,8 @@ $body-serif: "Noto Serif", "Bree Serif",$serif;
|
|
|
44
44
|
$header-color: darken($body-background-color,90%);
|
|
45
45
|
$header-link-color: darken($body-background-color,70%);
|
|
46
46
|
|
|
47
|
-
$image-caption-serif: "
|
|
47
|
+
$image-caption-serif: "Noto Serif", "Bree Serif",$serif;
|
|
48
|
+
// $image-caption-serif: "Fira Sans Extra Condensed", "Neucha", $sans-serif;
|
|
48
49
|
$image-caption-color: $body-color;
|
|
49
50
|
|
|
50
51
|
$main-link-color: darken($body-background-color,80%);
|
data/_sass/_isabelline.scss
CHANGED
|
@@ -269,7 +269,6 @@ main {
|
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
|
|
273
272
|
nav {
|
|
274
273
|
width: 100%;
|
|
275
274
|
text-align: center;
|
|
@@ -280,7 +279,8 @@ main {
|
|
|
280
279
|
width: 1rem;
|
|
281
280
|
height: 1rem;
|
|
282
281
|
border-radius: .5rem;
|
|
283
|
-
transition:
|
|
282
|
+
transition: 300ms ease;
|
|
283
|
+
will-change: background-color;
|
|
284
284
|
|
|
285
285
|
background-color: hsl($hue,10,80);
|
|
286
286
|
&.selected {
|
|
@@ -318,8 +318,6 @@ main {
|
|
|
318
318
|
}
|
|
319
319
|
}
|
|
320
320
|
}
|
|
321
|
-
|
|
322
|
-
|
|
323
321
|
}
|
|
324
322
|
|
|
325
323
|
div.gallery + p {
|
data/assets/js/gallery.js
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
(function () {
|
|
2
|
+
var hidden = function () {
|
|
3
|
+
return document.hidden || document.msHidden || document.webkitHidden;
|
|
4
|
+
}
|
|
5
|
+
|
|
2
6
|
// "hydrate" div.gallery with play/pause and nav behaviors
|
|
3
7
|
var process_gallery = function (g) {
|
|
4
8
|
var
|
|
5
9
|
// milliseconds to wait before switch to next slide
|
|
6
|
-
NEXT_SLIDE_TIMEOUT =
|
|
10
|
+
NEXT_SLIDE_TIMEOUT = 5000;
|
|
7
11
|
|
|
8
12
|
var
|
|
13
|
+
// will be resized to the height of currently selected image
|
|
9
14
|
images_container = g.querySelector('.images'),
|
|
10
15
|
|
|
11
16
|
// images in this gallery
|
|
@@ -45,18 +50,18 @@
|
|
|
45
50
|
if (selected_index === index) return;
|
|
46
51
|
|
|
47
52
|
var slide = function () {
|
|
48
|
-
images[selected_index].removeEventListener('transitionend', slide);
|
|
49
|
-
|
|
50
53
|
images[selected_index].classList.remove('transition');
|
|
51
54
|
images[index].classList.remove('transition');
|
|
52
55
|
|
|
53
|
-
navs[index].classList.add('selected');
|
|
54
56
|
navs[selected_index].classList.remove('selected');
|
|
55
57
|
|
|
56
58
|
selected_index = index;
|
|
57
59
|
}
|
|
58
60
|
|
|
59
|
-
|
|
61
|
+
if (hidden()) return;
|
|
62
|
+
images[selected_index].addEventListener('transitionend', slide, {once: true});
|
|
63
|
+
|
|
64
|
+
navs[index].classList.add('selected');
|
|
60
65
|
|
|
61
66
|
if (index < selected_index) {
|
|
62
67
|
setTimeout(function () {
|
|
@@ -97,6 +102,7 @@
|
|
|
97
102
|
|
|
98
103
|
// show next image
|
|
99
104
|
var next_image = function () {
|
|
105
|
+
if (hidden()) return;
|
|
100
106
|
if (selected_index >= images.length-1) {
|
|
101
107
|
select_image(0);
|
|
102
108
|
} else {
|