jekyll-theme-easy-wedding 0.1.22 → 0.1.23
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_config.yml +5 -0
- data/_includes/banners.html +5 -0
- data/_layouts/banner.html +36 -0
- data/assets/css/styles.scss +6 -0
- data/assets/main-bundle.js +2 -2
- 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: 79dc9132a933e22fead91fdeee7b4b4b8bb47560fd3ccd99a2b83104904a7641
|
4
|
+
data.tar.gz: 86103803d00a9e83fcc905b365450fc5e314318ce23e76a566eb903d3cf9b7dd
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 33ce7691f1653d3c04b8be5dbbcd5b2aebfd9535825e7317bfe77272417f823f0d8ecb1f827b7865f500ca72e069d66611b90d91f27e5789d084dc4e7a60f3ab
|
7
|
+
data.tar.gz: d0511e08b7324d811f2168d53fe4952647ba4cbd64560066d48e0f1cc47d98c45f475fcbfa19035284407118db4ccede6366dfed8f9c0ea5d983446804885986
|
data/_config.yml
CHANGED
@@ -15,6 +15,7 @@ collections:
|
|
15
15
|
stories:
|
16
16
|
sort_by: order
|
17
17
|
modals:
|
18
|
+
banners:
|
18
19
|
|
19
20
|
sass:
|
20
21
|
style: compressed
|
@@ -24,6 +25,10 @@ defaults:
|
|
24
25
|
path: "photos/"
|
25
26
|
values:
|
26
27
|
image: true
|
28
|
+
- scope:
|
29
|
+
path: banners
|
30
|
+
values:
|
31
|
+
layout: banner
|
27
32
|
|
28
33
|
# Build settings
|
29
34
|
markdown: kramdown
|
@@ -0,0 +1,36 @@
|
|
1
|
+
{% if page.hide != true %}
|
2
|
+
<div class="banner" id="{{page.id}}-banner">
|
3
|
+
<div class="close-button">
|
4
|
+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
5
|
+
</div>
|
6
|
+
<div class="banner-content">
|
7
|
+
{{content}}
|
8
|
+
</div>
|
9
|
+
</div>
|
10
|
+
|
11
|
+
<script>
|
12
|
+
(function(){
|
13
|
+
const banner = document.getElementById('{{page.id}}-banner');
|
14
|
+
// hide banner when close button is clicked.
|
15
|
+
banner.querySelector('.btn-close').addEventListener('click', function(){
|
16
|
+
banner.classList.add('hidden');
|
17
|
+
setTimeout(() =>
|
18
|
+
banner.classList.add('closed'),
|
19
|
+
1000
|
20
|
+
);
|
21
|
+
});
|
22
|
+
|
23
|
+
// hide banner if it's not time to show it.
|
24
|
+
{% if page.start_time or page.end_time %}
|
25
|
+
const startTime = new Date('{{page.start_time | default: "1970-01-01"}}');
|
26
|
+
const endTime = new Date('{{page.end_time | default: "2099-12-31"}}');
|
27
|
+
console.log(startTime);
|
28
|
+
console.log(endTime);
|
29
|
+
const now = new Date();
|
30
|
+
if (now < startTime || now > endTime) {
|
31
|
+
banner.classList.add('hidden');
|
32
|
+
}
|
33
|
+
{% endif %}
|
34
|
+
})();
|
35
|
+
</script>
|
36
|
+
{% endif %}
|
data/assets/css/styles.scss
CHANGED
@@ -30,8 +30,11 @@ $secondary-color-darkest: scale-color({{site.data.settings.theme.secondary_color
|
|
30
30
|
$secondary-text-color-darkest: text-clr($secondary-color-darkest);
|
31
31
|
|
32
32
|
$accent-color: {{site.data.settings.theme.accent_color | default: "#219ab3"}};
|
33
|
+
$accent-text-color: text-clr($accent-color);
|
33
34
|
$accent-color-darker: scale-color({{site.data.settings.theme.accent_color | default: "#fff"}}, $lightness: -10%);
|
35
|
+
$accent-text-color-darker: text-clr($accent-color-darker);
|
34
36
|
$accent-color-darkest: scale-color({{site.data.settings.theme.accent_color | default: "#fff"}}, $lightness: -30%);
|
37
|
+
$accent-text-color-darkest: text-clr($accent-color-darkest);
|
35
38
|
|
36
39
|
$background-color: {{site.data.settings.theme.background_color | default: "#fff"}};
|
37
40
|
$background-color-lighter: scale-color({{site.data.settings.theme.background_color | default: "#fff"}}, $lightness: 50%);
|
@@ -70,6 +73,9 @@ $background-color-lighter: scale-color({{site.data.settings.theme.background_col
|
|
70
73
|
--accent-color: #{$accent-color};
|
71
74
|
--accent-color-darker: #{$accent-color-darker};
|
72
75
|
--accent-color-darkest: #{$accent-color-darkest};
|
76
|
+
--accent-text-color: #{$accent-text-color};
|
77
|
+
--accent-text-color-darker: #{$accent-text-color-darker};
|
78
|
+
--accent-text-color-darkest: #{$accent-text-color-darkest};
|
73
79
|
|
74
80
|
--background-color: #{$background-color};
|
75
81
|
--background-color-lighter: #{$background-color-lighter};
|