jekyll-theme-easy-wedding 0.1.3
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 +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +52 -0
- data/_config.yml +36 -0
- data/_includes/celebrations.html +46 -0
- data/_includes/chi_details.html +210 -0
- data/_includes/details.html +5 -0
- data/_includes/email_form.html +49 -0
- data/_includes/faq.html +12 -0
- data/_includes/footer.html +7 -0
- data/_includes/google_map.html +3 -0
- data/_includes/guide.html +39 -0
- data/_includes/head.html +42 -0
- data/_includes/hotel_thumbnail.html +22 -0
- data/_includes/js.html +1 -0
- data/_includes/lbc_details.html +17 -0
- data/_includes/modals.html +3 -0
- data/_includes/modals/form_modal.html +29 -0
- data/_includes/modals/modal.html +7 -0
- data/_includes/nav.html +42 -0
- data/_includes/our_story.html +40 -0
- data/_includes/people.html +66 -0
- data/_includes/photo-gallery.html +83 -0
- data/_includes/registry.html +15 -0
- data/_layouts/default.html +22 -0
- data/_layouts/info.html +16 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +5 -0
- data/_sass/main.scss +602 -0
- data/assets/css/bootstrap.min.css +5 -0
- data/assets/css/font-awesome/css/font-awesome.css +1672 -0
- data/assets/css/font-awesome/css/font-awesome.min.css +4 -0
- data/assets/css/font-awesome/fonts/FontAwesome.otf +0 -0
- data/assets/css/font-awesome/fonts/fontawesome-webfont.eot +0 -0
- data/assets/css/font-awesome/fonts/fontawesome-webfont.svg +1 -0
- data/assets/css/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
- data/assets/css/font-awesome/fonts/fontawesome-webfont.woff +0 -0
- data/assets/css/font-awesome/less/bordered-pulled.less +16 -0
- data/assets/css/font-awesome/less/core.less +11 -0
- data/assets/css/font-awesome/less/fixed-width.less +6 -0
- data/assets/css/font-awesome/less/font-awesome.less +17 -0
- data/assets/css/font-awesome/less/icons.less +552 -0
- data/assets/css/font-awesome/less/larger.less +13 -0
- data/assets/css/font-awesome/less/list.less +19 -0
- data/assets/css/font-awesome/less/mixins.less +25 -0
- data/assets/css/font-awesome/less/path.less +14 -0
- data/assets/css/font-awesome/less/rotated-flipped.less +20 -0
- data/assets/css/font-awesome/less/spinning.less +29 -0
- data/assets/css/font-awesome/less/stacked.less +20 -0
- data/assets/css/font-awesome/less/variables.less +561 -0
- data/assets/css/font-awesome/scss/_bordered-pulled.scss +16 -0
- data/assets/css/font-awesome/scss/_core.scss +11 -0
- data/assets/css/font-awesome/scss/_fixed-width.scss +6 -0
- data/assets/css/font-awesome/scss/_icons.scss +552 -0
- data/assets/css/font-awesome/scss/_larger.scss +13 -0
- data/assets/css/font-awesome/scss/_list.scss +19 -0
- data/assets/css/font-awesome/scss/_mixins.scss +25 -0
- data/assets/css/font-awesome/scss/_path.scss +14 -0
- data/assets/css/font-awesome/scss/_rotated-flipped.scss +20 -0
- data/assets/css/font-awesome/scss/_spinning.scss +29 -0
- data/assets/css/font-awesome/scss/_stacked.scss +20 -0
- data/assets/css/font-awesome/scss/_variables.scss +561 -0
- data/assets/css/font-awesome/scss/font-awesome.scss +17 -0
- data/assets/css/styles.scss +10 -0
- data/assets/img/favicon.png +0 -0
- data/assets/img/lyft.svg +1 -0
- data/assets/img/uber-black.png +0 -0
- data/assets/img/uber-white.png +0 -0
- data/assets/js/bootstrap.js +2306 -0
- data/assets/js/bootstrap.min.js +7 -0
- data/assets/js/globals.js +7 -0
- data/assets/js/jquery.easing.min.js +44 -0
- data/assets/js/jquery.js +4 -0
- data/assets/js/main.js +70 -0
- data/assets/js/ouical.min.js +1 -0
- data/assets/js/rsvp.js +320 -0
- metadata +188 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{% if site.guide[site.context] %}
|
|
2
|
+
<section class="container content-section text-center">
|
|
3
|
+
<p>
|
|
4
|
+
In case you need some inspiration when deciding what to do in Chicago,
|
|
5
|
+
here are a few of our favorites!
|
|
6
|
+
</p>
|
|
7
|
+
|
|
8
|
+
{% for section in site.guide[site.context] %}
|
|
9
|
+
<h3>{{ section[0] }}</h3>
|
|
10
|
+
<div class="row">
|
|
11
|
+
{% for one in section[1] %}
|
|
12
|
+
<div class="col-lg-6">
|
|
13
|
+
<p>
|
|
14
|
+
<strong>{{ one.title }}</strong>
|
|
15
|
+
<br>
|
|
16
|
+
{{ one.description}}
|
|
17
|
+
</p>
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<div class="clearfix {% cycle 'hidden', 'visible-lg'%}"></div>
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</div>
|
|
23
|
+
{% endfor %}
|
|
24
|
+
</section>
|
|
25
|
+
|
|
26
|
+
<section class="container content-section text-center">
|
|
27
|
+
<div class="row">
|
|
28
|
+
<div class="col-lg-12">
|
|
29
|
+
<h3>Map of Chicago</h3>
|
|
30
|
+
<p>
|
|
31
|
+
To help you get oriented, most of the above places are marked below.
|
|
32
|
+
</p>
|
|
33
|
+
<div>
|
|
34
|
+
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=z0XYnxwl5wDk.kCMdy34paGR4" class="map"></iframe>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
</section>
|
|
39
|
+
{% endif %}
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="utf-8">
|
|
3
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
4
|
+
<title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
6
|
+
<meta name="description" content="{{ site.description }}">
|
|
7
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
|
8
|
+
<link rel="icon" href="{{ "/assets/img/favicon.png?v=1.0" | prepend: site.baseurl }}">
|
|
9
|
+
|
|
10
|
+
{% feed_meta %}
|
|
11
|
+
{% seo %}
|
|
12
|
+
|
|
13
|
+
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
|
|
14
|
+
<link rel="stylesheet" href="{{ "/assets/css/bootstrap.min.css" | prepend: site.baseurl }}">
|
|
15
|
+
|
|
16
|
+
<!-- Custom CSS -->
|
|
17
|
+
<link rel="stylesheet" href="{{ "/assets/css/styles.css" | prepend: site.baseurl }}">
|
|
18
|
+
|
|
19
|
+
<!-- Custom Fonts -->
|
|
20
|
+
<link rel="stylesheet" href="{{ "/assets/css/font-awesome/css/font-awesome.min.css" | prepend: site.baseurl }}">
|
|
21
|
+
<link href='//fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>
|
|
22
|
+
<link href='//fonts.googleapis.com/css?family=Cardo:400,700' rel='stylesheet' type='text/css'>
|
|
23
|
+
|
|
24
|
+
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
25
|
+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
26
|
+
<!--[if lt IE 9]>
|
|
27
|
+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
28
|
+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
29
|
+
<![endif]-->
|
|
30
|
+
|
|
31
|
+
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
32
|
+
{% if jekyll.environment == "production" %}
|
|
33
|
+
<script async src="https://www.googletagmanager.com/gtag/js?id={{site.data.settings.google_analytics_id}}"></script>
|
|
34
|
+
<script>
|
|
35
|
+
window.dataLayer = window.dataLayer || [];
|
|
36
|
+
function gtag(){dataLayer.push(arguments);}
|
|
37
|
+
gtag('js', new Date());
|
|
38
|
+
|
|
39
|
+
gtag('config', '{{site.data.settings.google_analytics_id}}');
|
|
40
|
+
</script>
|
|
41
|
+
{% endif %}
|
|
42
|
+
</head>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<div class="thumbnail thumbnail-hotel">
|
|
2
|
+
<!-- {% include google_map.html link=hotel.google_maps_url coordinates=hotel.coordinates size="555x305" %} -->
|
|
3
|
+
<div class="caption">
|
|
4
|
+
<h3>
|
|
5
|
+
{{ hotel.name }}
|
|
6
|
+
<br>
|
|
7
|
+
<small>
|
|
8
|
+
{{ hotel.rate }}
|
|
9
|
+
</small>
|
|
10
|
+
</h3>
|
|
11
|
+
<p>
|
|
12
|
+
{{ hotel.address1 }}
|
|
13
|
+
<br>
|
|
14
|
+
{{ hotel.address2 }}
|
|
15
|
+
<br>
|
|
16
|
+
<span>{{ hotel.phone }}</span>
|
|
17
|
+
</p>
|
|
18
|
+
<p>{{ hotel.description }}</p>
|
|
19
|
+
<a class="btn btn-primary" href="{{ hotel.reserve_url }}" target="_blank">Reserve</a>
|
|
20
|
+
<a class="btn btn-default visible-xs-inline-block" href="tel://{{ hotel.phone }}">Call</a>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
data/_includes/js.html
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<script type="text/javascript" src="{{site.baseurl}}/{{ include.src }}"></script>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<section class="container content-section text-center">
|
|
2
|
+
<div class="row">
|
|
3
|
+
<div class="col-lg-offset-2 col-lg-8">
|
|
4
|
+
<h2>Where to Stay</h2>
|
|
5
|
+
<p>
|
|
6
|
+
We have a block of rooms nearby for anyone that wants to spend the night in Long Beach.
|
|
7
|
+
</p>
|
|
8
|
+
<div class="row">
|
|
9
|
+
{% for hotel in site.hotels.lbc %}
|
|
10
|
+
<div class="col-lg-offset-3 col-sm-6 ">
|
|
11
|
+
{% include hotel_thumbnail.html hotel=hotel %}
|
|
12
|
+
</div>
|
|
13
|
+
{% endfor %}
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</section>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{% capture content %}
|
|
2
|
+
<form>
|
|
3
|
+
<div class="modal-header">
|
|
4
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
5
|
+
<h4 class="modal-title" id="myModalLabel">{{ page.name }}</h4>
|
|
6
|
+
</div>
|
|
7
|
+
<div class="modal-body form-horizontal text-center">
|
|
8
|
+
{{ content }}
|
|
9
|
+
</div>
|
|
10
|
+
<div class="modal-footer">
|
|
11
|
+
<button type="button" class="btn btn-default" data-dismiss="modal">
|
|
12
|
+
{% if page.cancel_text %}
|
|
13
|
+
{{ page.cancel_text }}
|
|
14
|
+
{% else %}
|
|
15
|
+
Cancel
|
|
16
|
+
{% endif %}
|
|
17
|
+
</button>
|
|
18
|
+
<button type="submit" class="btn btn-primary" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">
|
|
19
|
+
{% if page.submit_text %}
|
|
20
|
+
{{ page.submit_text }}
|
|
21
|
+
{% else %}
|
|
22
|
+
Submit
|
|
23
|
+
{% endif %}
|
|
24
|
+
</button>
|
|
25
|
+
</div>
|
|
26
|
+
</form>
|
|
27
|
+
{% endcapture %}
|
|
28
|
+
|
|
29
|
+
{% include modals/modal.html content=content %}
|
data/_includes/nav.html
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<!-- Navigation -->
|
|
2
|
+
<nav class="navbar navbar-custom navbar-fixed-top {% if page.invisible_nav %} navbar-hidden-top {% else %} top-nav-collapse {% endif %}" role="navigation">
|
|
3
|
+
<div class="container">
|
|
4
|
+
<div class="navbar-header">
|
|
5
|
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
|
|
6
|
+
<i class="fa fa-bars"></i>
|
|
7
|
+
</button>
|
|
8
|
+
<a class="navbar-brand" href="{{site.baseurl}}/">
|
|
9
|
+
{{ site.data.couple.spouse1.short_name | slice: 0 }}
|
|
10
|
+
&
|
|
11
|
+
{{ site.data.couple.spouse2.short_name | slice: 0 }}
|
|
12
|
+
</a>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
16
|
+
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
|
|
17
|
+
<ul class="nav navbar-nav">
|
|
18
|
+
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
|
|
19
|
+
<li class="hidden">
|
|
20
|
+
<a href="#page-top"></a>
|
|
21
|
+
</li>
|
|
22
|
+
|
|
23
|
+
{% for item in site.data.navigation %}
|
|
24
|
+
{% if item.modal_id %}
|
|
25
|
+
<li class="modal-link">
|
|
26
|
+
<a href="#" data-toggle="modal" data-target="#{{item.modal_id}}">
|
|
27
|
+
{{ item.name }}
|
|
28
|
+
<!-- <i class="fa fa-exclamation-circle modal-link--icon"></i> -->
|
|
29
|
+
</a>
|
|
30
|
+
</li>
|
|
31
|
+
{% else %}
|
|
32
|
+
<li class="{% if page.url == {{site.baseurl}}/item.link %}active{% endif %}">
|
|
33
|
+
<a href="{{site.baseurl}}{{item.link}}">{{ item.name }}</a>
|
|
34
|
+
</li>
|
|
35
|
+
{% endif %}
|
|
36
|
+
{% endfor %}
|
|
37
|
+
</ul>
|
|
38
|
+
</div>
|
|
39
|
+
<!-- /.navbar-collapse -->
|
|
40
|
+
</div>
|
|
41
|
+
<!-- /.container -->
|
|
42
|
+
</nav>
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
<!-- Intro Header -->
|
|
2
|
+
<header class="intro">
|
|
3
|
+
<div class="intro-body">
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="row">
|
|
6
|
+
<div class="col-md-10 col-md-offset-2">
|
|
7
|
+
<h1 class="brand-heading">{{ site.data.couple.spouse1.short_name }} & {{ site.data.couple.spouse2.short_name }}</h1>
|
|
8
|
+
<p class="intro-text">
|
|
9
|
+
{% assign main_event = site.data.events | where: "main_event", true | first %}
|
|
10
|
+
{{ main_event.date | date: '%B %d, %Y' }}
|
|
11
|
+
<br>
|
|
12
|
+
{{ main_event.location.city }}, {{ main_event.location.long_state }}
|
|
13
|
+
<br>
|
|
14
|
+
</p>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
</header>
|
|
20
|
+
|
|
21
|
+
{% for story in site.stories %}
|
|
22
|
+
{% if story.image %}
|
|
23
|
+
{% capture style %}
|
|
24
|
+
{% if story.image_position %} background-position: {{ story.image_position }};{% endif %}
|
|
25
|
+
background-image: url({{ story.image }})
|
|
26
|
+
{% endcapture %}
|
|
27
|
+
|
|
28
|
+
<section class="billboard"
|
|
29
|
+
style="{{ style }}"
|
|
30
|
+
></section>
|
|
31
|
+
{% endif %}
|
|
32
|
+
|
|
33
|
+
<section id="ourstory" class="container content-section text-center">
|
|
34
|
+
<div class="row">
|
|
35
|
+
<div class="col-lg-10 col-lg-offset-1">
|
|
36
|
+
{{ story.content | markdownify }}
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
</section>
|
|
40
|
+
{% endfor %}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
<section class="container content-section text-center">
|
|
2
|
+
<h2>{{ site.data.settings.people.families_header }}</h2>
|
|
3
|
+
<p> {{ site.data.settings.people.families_text }} </p>
|
|
4
|
+
<div class="portraits-container">
|
|
5
|
+
{% for family in site.data.people.families %}
|
|
6
|
+
<div class="portrait">
|
|
7
|
+
<div class="thumbnail thumbnail-portrait">
|
|
8
|
+
<img src="{{site.baseurl}}/assets/img/people/{{ family.pic }}" class="img-thumbnail" alt="{{ family.name }}" title="{{ family.name }}">
|
|
9
|
+
<div class="caption">
|
|
10
|
+
<h4>{{ family.name }}</h4>
|
|
11
|
+
<p>{{ family.people }}</p>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
{% endfor %}
|
|
16
|
+
</div>
|
|
17
|
+
</section>
|
|
18
|
+
|
|
19
|
+
<section class="container content-section text-center">
|
|
20
|
+
<h2>{{ site.data.settings.people.kids_header }}</h2>
|
|
21
|
+
<p>
|
|
22
|
+
{{ site.data.settings.people.kids_text }}
|
|
23
|
+
</p>
|
|
24
|
+
<div class="portraits-container">
|
|
25
|
+
{% for kid in site.data.people.kids %}
|
|
26
|
+
<div class="portrait">
|
|
27
|
+
<div class="thumbnail thumbnail-portrait">
|
|
28
|
+
<img src="{{site.baseurl}}/assets/img/people/{{ kid.pic }}" class="img-thumbnail" alt="{{ kid.name }}" title="{{ kid.name }}">
|
|
29
|
+
<div class="caption">
|
|
30
|
+
<p>
|
|
31
|
+
{{ kid.name }}
|
|
32
|
+
<br>
|
|
33
|
+
<small>{{ kid.title }}</small>
|
|
34
|
+
</p>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
{% endfor %}
|
|
39
|
+
</div>
|
|
40
|
+
</section>
|
|
41
|
+
|
|
42
|
+
<section class="container content-section text-center">
|
|
43
|
+
<h2>{{ site.data.settings.people.wedding_party_header }}</h2>
|
|
44
|
+
{% for her in site.data.people.her_side %}
|
|
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>
|
|
53
|
+
|
|
54
|
+
<div class="clearfix visible-xs-block"></div>
|
|
55
|
+
|
|
56
|
+
{% if his %}
|
|
57
|
+
<p class="col-sm-3 col-md-2 col-xs-6 text-right">
|
|
58
|
+
{{ his.name }}<br><small>{{ his.role }}</small>
|
|
59
|
+
</p>
|
|
60
|
+
<div class="col-sm-3 col-md-3 col-xs-6" style="margin-bottom: 60px">
|
|
61
|
+
<img class="img-thumbnail img-responsive" src="{{site.baseurl}}/assets/img/people/{{ his.pic }}" alt="{{ his.name }}" title="{{ his.name }}">
|
|
62
|
+
</div>
|
|
63
|
+
{% endif %}
|
|
64
|
+
</div>
|
|
65
|
+
{% endfor %}
|
|
66
|
+
</section>
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
<style>
|
|
2
|
+
.photos {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-wrap: wrap;
|
|
5
|
+
justify-content: space-between;
|
|
6
|
+
align-items: center;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.photos img {
|
|
10
|
+
width: 300px;
|
|
11
|
+
height: auto;
|
|
12
|
+
padding: 15px;
|
|
13
|
+
border: solid 1px rgb(181 181 181);
|
|
14
|
+
margin: 8px;
|
|
15
|
+
background-color: #e0e0e0;
|
|
16
|
+
cursor: zoom-in;
|
|
17
|
+
}
|
|
18
|
+
</style>
|
|
19
|
+
|
|
20
|
+
<div class="photos" id="infinite-list">
|
|
21
|
+
</div>
|
|
22
|
+
|
|
23
|
+
<script>
|
|
24
|
+
{% assign image_files = site.static_files | where: "image", true %}
|
|
25
|
+
const imageList = [
|
|
26
|
+
{% for img in image_files %}
|
|
27
|
+
'{{ site.baseurl }}{{ img.path }}',
|
|
28
|
+
{% endfor %}
|
|
29
|
+
];
|
|
30
|
+
|
|
31
|
+
const listElm = document.querySelector('#infinite-list');
|
|
32
|
+
|
|
33
|
+
const page = 5;
|
|
34
|
+
const bottomOffset = 200;
|
|
35
|
+
let j = 0;
|
|
36
|
+
const loadMore = function() {
|
|
37
|
+
for (let i = 0; i < page && j < imageList.length; i++) {
|
|
38
|
+
const item = document.createElement('img');
|
|
39
|
+
item.src = imageList[j++];
|
|
40
|
+
item.setAttribute('data-enlargeable', true);
|
|
41
|
+
item.style
|
|
42
|
+
listElm.appendChild(item);
|
|
43
|
+
item.classList.add('img-enlargeable');
|
|
44
|
+
|
|
45
|
+
item.addEventListener('click', function(){
|
|
46
|
+
const src = $(this).attr('src');
|
|
47
|
+
let modal;
|
|
48
|
+
function removeModal(){ modal.remove(); $('body').off('keyup.modal-close'); }
|
|
49
|
+
modal = $('<div>').css({
|
|
50
|
+
background: 'RGBA(0,0,0,.5) url('+src+') no-repeat center',
|
|
51
|
+
backgroundSize: 'contain',
|
|
52
|
+
width:'100%', height:'100%',
|
|
53
|
+
position:'fixed',
|
|
54
|
+
zIndex:'10000',
|
|
55
|
+
top:'0', left:'0',
|
|
56
|
+
cursor: 'zoom-out'
|
|
57
|
+
}).click(function(){
|
|
58
|
+
removeModal();
|
|
59
|
+
}).appendTo('body');
|
|
60
|
+
//handling ESC
|
|
61
|
+
$('body').on('keyup.modal-close', function(e){
|
|
62
|
+
if(e.key==='Escape'){ removeModal(); }
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
// Detect when scrolled to bottom.
|
|
69
|
+
document.addEventListener('scroll', function() {
|
|
70
|
+
if (document.documentElement.scrollTop + document.documentElement.clientHeight >= document.documentElement.scrollHeight - bottomOffset) {
|
|
71
|
+
loadMore();
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
// Initially load some items.
|
|
76
|
+
loadMore();
|
|
77
|
+
|
|
78
|
+
// In case the screen doesn't have scroll bars, add more images until it does.
|
|
79
|
+
if (document.documentElement.scrollTop + document.documentElement.clientHeight >= document.documentElement.scrollHeight - bottomOffset) {
|
|
80
|
+
loadMore();
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
</script>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
|
|
2
|
+
<section class="container content-section text-center">
|
|
3
|
+
<div class="row">
|
|
4
|
+
<div class="col-lg-12">
|
|
5
|
+
<h2>Registry</h2>
|
|
6
|
+
<p>
|
|
7
|
+
We're registered at
|
|
8
|
+
{% for reg in site.data.registries %}
|
|
9
|
+
{% if forloop.last == true%} and on{% endif %}
|
|
10
|
+
<a href="{{ reg.url }}" target="_blank">{{ reg.name }}</a>{% unless forloop.last == true %},{% endunless %}
|
|
11
|
+
{% endfor %}
|
|
12
|
+
</p>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</section>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body data-target=".navbar-fixed-top">
|
|
5
|
+
<!-- Javascript Imports -->
|
|
6
|
+
{% include js.html src="assets/js/jquery.js" %}
|
|
7
|
+
{% include js.html src="assets/js/bootstrap.min.js" %}
|
|
8
|
+
{% include js.html src="assets/js/jquery.easing.min.js" %}
|
|
9
|
+
{% include js.html src="assets/js/globals.js" %}
|
|
10
|
+
{% include js.html src="assets/js/main.js" %}
|
|
11
|
+
|
|
12
|
+
{% include modals.html %}
|
|
13
|
+
{% include nav.html %}
|
|
14
|
+
|
|
15
|
+
<div class="content-wrapper">
|
|
16
|
+
{{ content }}
|
|
17
|
+
</div>
|
|
18
|
+
<div class="footer-wrapper">
|
|
19
|
+
{% include footer.html %}
|
|
20
|
+
</div>
|
|
21
|
+
</body>
|
|
22
|
+
</html>
|