jekyll-theme-easy-wedding 0.1.19 → 0.1.23
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/_config.yml +5 -0
- data/_includes/banners.html +5 -0
- data/_includes/people.html +77 -51
- data/_layouts/banner.html +36 -0
- data/_layouts/page.html +1 -1
- data/assets/css/styles.scss +10 -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
|
data/_includes/people.html
CHANGED
|
@@ -1,66 +1,92 @@
|
|
|
1
|
-
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<div class="
|
|
8
|
-
<img src="{{site.baseurl}}/assets/img/people/{{ family.pic }}"
|
|
1
|
+
{% if site.data.people.families %}
|
|
2
|
+
<section class="container content-section text-center">
|
|
3
|
+
<h2>{{ site.data.settings.people.families_header }}</h2>
|
|
4
|
+
<p> {{ site.data.settings.people.families_text }} </p>
|
|
5
|
+
<div class="people-grid">
|
|
6
|
+
{% for family in site.data.people.families %}
|
|
7
|
+
<div class="protrait polaroid">
|
|
8
|
+
<img src="{{site.baseurl}}/assets/img/people/{{ family.pic }}"
|
|
9
|
+
class="img-thumbnail img-responsive"
|
|
10
|
+
alt="{{ family.name }}"
|
|
11
|
+
title="{{ family.name }}"
|
|
12
|
+
{% if family.position %}
|
|
13
|
+
style="object-position: {{ family.position }}"
|
|
14
|
+
{% endif %}
|
|
15
|
+
>
|
|
9
16
|
<div class="caption">
|
|
10
17
|
<h4>{{ family.name }}</h4>
|
|
11
18
|
<p>{{ family.people }}</p>
|
|
12
19
|
</div>
|
|
13
20
|
</div>
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
</
|
|
17
|
-
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</div>
|
|
23
|
+
</section>
|
|
24
|
+
{% endif %}
|
|
18
25
|
|
|
19
|
-
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
<div class="
|
|
28
|
-
<img src="{{site.baseurl}}/assets/img/people/{{ kid.pic }}"
|
|
26
|
+
{% if site.data.people.kids %}
|
|
27
|
+
<section class="container content-section text-center">
|
|
28
|
+
<h2>{{ site.data.settings.people.kids_header }}</h2>
|
|
29
|
+
<p>
|
|
30
|
+
{{ site.data.settings.people.kids_text }}
|
|
31
|
+
</p>
|
|
32
|
+
<div class="people-grid">
|
|
33
|
+
{% for kid in site.data.people.kids %}
|
|
34
|
+
<div class="portrait polaroid">
|
|
35
|
+
<img src="{{site.baseurl}}/assets/img/people/{{ kid.pic }}"
|
|
36
|
+
class="img-thumbnail img-responsive"
|
|
37
|
+
alt="{{ kid.name }}"
|
|
38
|
+
title="{{ kid.name }}"
|
|
39
|
+
{% if her.position %}
|
|
40
|
+
style="object-position: {{ kid.position }}"
|
|
41
|
+
{% endif %}
|
|
42
|
+
>
|
|
29
43
|
<div class="caption">
|
|
30
|
-
<
|
|
31
|
-
{{ kid.
|
|
32
|
-
<br>
|
|
33
|
-
<small>{{ kid.title }}</small>
|
|
44
|
+
<h5>{{ kid.name }}</h5>
|
|
45
|
+
<small>{{ kid.role }}</small>
|
|
34
46
|
</p>
|
|
35
47
|
</div>
|
|
36
48
|
</div>
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
</
|
|
40
|
-
|
|
49
|
+
{% endfor %}
|
|
50
|
+
</div>
|
|
51
|
+
</section>
|
|
52
|
+
{% endif %}
|
|
41
53
|
|
|
42
|
-
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
{% assign his = site.data.people.his_side[forloop.index0] %}
|
|
46
|
-
<div class="row">
|
|
47
|
-
<div class="col-sm-3 col-md-offset-1 col-md-3 col-xs-6" style="margin-bottom: 60px">
|
|
48
|
-
<img class="img-thumbnail img-responsive" src="{{site.baseurl}}/assets/img/people/{{ her.pic }}" alt="{{ her.name }}" title="{{ her.name }}">
|
|
49
|
-
</div>
|
|
50
|
-
<p class="col-sm-3 col-md-2 col-xs-6 text-left">
|
|
51
|
-
{{ her.name }}<br><small>{{ her.role }}</small>
|
|
52
|
-
</p>
|
|
54
|
+
{% if site.data.people.his_side and site.data.people.her_side %}
|
|
55
|
+
<section class="container content-section text-center">
|
|
56
|
+
<h2>{{ site.data.settings.people.wedding_party_header }}</h2>
|
|
53
57
|
|
|
54
|
-
|
|
58
|
+
<div class="people-grid">
|
|
59
|
+
{% for her in site.data.people.her_side %}
|
|
60
|
+
{% assign his = site.data.people.his_side[forloop.index0] %}
|
|
55
61
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
+
<div class="portrait polaroid">
|
|
63
|
+
<img class="img-thumbnail img-responsive" src="{{site.baseurl}}/assets/img/people/{{ her.pic }}" alt="{{ her.name }}"
|
|
64
|
+
title="{{ her.name }}"
|
|
65
|
+
{% if her.position %}
|
|
66
|
+
style="object-position: {{ her.position }}"
|
|
67
|
+
{% endif %}
|
|
68
|
+
>
|
|
69
|
+
<div class="caption">
|
|
70
|
+
<h5>{{ her.name }}</h5>
|
|
71
|
+
<small>{{ her.role }}</small>
|
|
72
|
+
</div>
|
|
62
73
|
</div>
|
|
63
|
-
|
|
74
|
+
|
|
75
|
+
<div class="portrait polaroid">
|
|
76
|
+
<img class="img-thumbnail img-responsive" src="{{site.baseurl}}/assets/img/people/{{ his.pic }}" alt="{{ his.name }}"
|
|
77
|
+
title="{{ his.name }}"
|
|
78
|
+
{% if his.position %}
|
|
79
|
+
style="object-position: {{ his.position }}"
|
|
80
|
+
{% endif %}
|
|
81
|
+
>
|
|
82
|
+
<div class="caption">
|
|
83
|
+
<h5>{{ his.name }}</h5>
|
|
84
|
+
<small>{{ his.role }}</small>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
|
+
{% endfor %}
|
|
89
|
+
|
|
64
90
|
</div>
|
|
65
|
-
|
|
66
|
-
|
|
91
|
+
</section>
|
|
92
|
+
{% endif %}
|
|
@@ -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/_layouts/page.html
CHANGED
data/assets/css/styles.scss
CHANGED
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
// Theme Variables
|
|
15
15
|
$text-color: {{site.data.settings.theme.text_color | default: "#404040"}};
|
|
16
|
+
$text-color-lighter: scale-color({{site.data.settings.theme.text_color | default: "#404040"}}, $lightness: 70%);
|
|
16
17
|
|
|
17
18
|
$primary-color: {{site.data.settings.theme.primary_color | default: "#fff"}};
|
|
18
19
|
$primary-text-color: text-clr($primary-color);
|
|
@@ -29,10 +30,14 @@ $secondary-color-darkest: scale-color({{site.data.settings.theme.secondary_color
|
|
|
29
30
|
$secondary-text-color-darkest: text-clr($secondary-color-darkest);
|
|
30
31
|
|
|
31
32
|
$accent-color: {{site.data.settings.theme.accent_color | default: "#219ab3"}};
|
|
33
|
+
$accent-text-color: text-clr($accent-color);
|
|
32
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);
|
|
33
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);
|
|
34
38
|
|
|
35
39
|
$background-color: {{site.data.settings.theme.background_color | default: "#fff"}};
|
|
40
|
+
$background-color-lighter: scale-color({{site.data.settings.theme.background_color | default: "#fff"}}, $lightness: 50%);
|
|
36
41
|
|
|
37
42
|
:root {
|
|
38
43
|
--intro-background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
|
|
@@ -49,6 +54,7 @@ $background-color: {{site.data.settings.theme.background_color | default: "#fff"
|
|
|
49
54
|
}
|
|
50
55
|
|
|
51
56
|
--text-color: #{$text-color};
|
|
57
|
+
--text-color-lighter: #{$text-color-lighter};
|
|
52
58
|
|
|
53
59
|
--primary-color: #{$primary-color};
|
|
54
60
|
--primary-color-darker: #{$primary-color-darker};
|
|
@@ -67,6 +73,10 @@ $background-color: {{site.data.settings.theme.background_color | default: "#fff"
|
|
|
67
73
|
--accent-color: #{$accent-color};
|
|
68
74
|
--accent-color-darker: #{$accent-color-darker};
|
|
69
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};
|
|
70
79
|
|
|
71
80
|
--background-color: #{$background-color};
|
|
81
|
+
--background-color-lighter: #{$background-color-lighter};
|
|
72
82
|
}
|