jekyll-theme-easy-wedding 0.1.19 → 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/_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
|
}
|