jekyll-theme-easy-wedding 0.1.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +52 -0
  4. data/_config.yml +36 -0
  5. data/_includes/celebrations.html +46 -0
  6. data/_includes/chi_details.html +210 -0
  7. data/_includes/details.html +5 -0
  8. data/_includes/email_form.html +49 -0
  9. data/_includes/faq.html +12 -0
  10. data/_includes/footer.html +7 -0
  11. data/_includes/google_map.html +3 -0
  12. data/_includes/guide.html +39 -0
  13. data/_includes/head.html +42 -0
  14. data/_includes/hotel_thumbnail.html +22 -0
  15. data/_includes/js.html +1 -0
  16. data/_includes/lbc_details.html +17 -0
  17. data/_includes/modals.html +3 -0
  18. data/_includes/modals/form_modal.html +29 -0
  19. data/_includes/modals/modal.html +7 -0
  20. data/_includes/nav.html +42 -0
  21. data/_includes/our_story.html +40 -0
  22. data/_includes/people.html +66 -0
  23. data/_includes/photo-gallery.html +83 -0
  24. data/_includes/registry.html +15 -0
  25. data/_layouts/default.html +22 -0
  26. data/_layouts/info.html +16 -0
  27. data/_layouts/page.html +5 -0
  28. data/_layouts/post.html +5 -0
  29. data/_sass/main.scss +602 -0
  30. data/assets/css/bootstrap.min.css +5 -0
  31. data/assets/css/font-awesome/css/font-awesome.css +1672 -0
  32. data/assets/css/font-awesome/css/font-awesome.min.css +4 -0
  33. data/assets/css/font-awesome/fonts/FontAwesome.otf +0 -0
  34. data/assets/css/font-awesome/fonts/fontawesome-webfont.eot +0 -0
  35. data/assets/css/font-awesome/fonts/fontawesome-webfont.svg +1 -0
  36. data/assets/css/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
  37. data/assets/css/font-awesome/fonts/fontawesome-webfont.woff +0 -0
  38. data/assets/css/font-awesome/less/bordered-pulled.less +16 -0
  39. data/assets/css/font-awesome/less/core.less +11 -0
  40. data/assets/css/font-awesome/less/fixed-width.less +6 -0
  41. data/assets/css/font-awesome/less/font-awesome.less +17 -0
  42. data/assets/css/font-awesome/less/icons.less +552 -0
  43. data/assets/css/font-awesome/less/larger.less +13 -0
  44. data/assets/css/font-awesome/less/list.less +19 -0
  45. data/assets/css/font-awesome/less/mixins.less +25 -0
  46. data/assets/css/font-awesome/less/path.less +14 -0
  47. data/assets/css/font-awesome/less/rotated-flipped.less +20 -0
  48. data/assets/css/font-awesome/less/spinning.less +29 -0
  49. data/assets/css/font-awesome/less/stacked.less +20 -0
  50. data/assets/css/font-awesome/less/variables.less +561 -0
  51. data/assets/css/font-awesome/scss/_bordered-pulled.scss +16 -0
  52. data/assets/css/font-awesome/scss/_core.scss +11 -0
  53. data/assets/css/font-awesome/scss/_fixed-width.scss +6 -0
  54. data/assets/css/font-awesome/scss/_icons.scss +552 -0
  55. data/assets/css/font-awesome/scss/_larger.scss +13 -0
  56. data/assets/css/font-awesome/scss/_list.scss +19 -0
  57. data/assets/css/font-awesome/scss/_mixins.scss +25 -0
  58. data/assets/css/font-awesome/scss/_path.scss +14 -0
  59. data/assets/css/font-awesome/scss/_rotated-flipped.scss +20 -0
  60. data/assets/css/font-awesome/scss/_spinning.scss +29 -0
  61. data/assets/css/font-awesome/scss/_stacked.scss +20 -0
  62. data/assets/css/font-awesome/scss/_variables.scss +561 -0
  63. data/assets/css/font-awesome/scss/font-awesome.scss +17 -0
  64. data/assets/css/styles.scss +10 -0
  65. data/assets/img/favicon.png +0 -0
  66. data/assets/img/lyft.svg +1 -0
  67. data/assets/img/uber-black.png +0 -0
  68. data/assets/img/uber-white.png +0 -0
  69. data/assets/js/bootstrap.js +2306 -0
  70. data/assets/js/bootstrap.min.js +7 -0
  71. data/assets/js/globals.js +7 -0
  72. data/assets/js/jquery.easing.min.js +44 -0
  73. data/assets/js/jquery.js +4 -0
  74. data/assets/js/main.js +70 -0
  75. data/assets/js/ouical.min.js +1 -0
  76. data/assets/js/rsvp.js +320 -0
  77. metadata +188 -0
@@ -0,0 +1,7 @@
1
+ <footer class="site-footer">
2
+ <p>
3
+ Custom Wedding Sites, Crafted with 💙
4
+ <br/>
5
+ by <a href="https://content.nathanorick.com/weddings/landing">Nathan and Sarah</a>
6
+ </p>
7
+ </footer>
@@ -0,0 +1,3 @@
1
+ <a target="_blank" href="{{ include.link }}">
2
+ <img style="max-width: 100%" src="https://maps.googleapis.com/maps/api/staticmap?key={{ site.google.key }}&size={{ include.size }}&markers={{ include.coordinates }}">
3
+ </a>
@@ -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 %}
@@ -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,3 @@
1
+ {% for modal in site.modals %}
2
+ {{ modal.content | markdownify }}
3
+ {% endfor %}
@@ -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">&times;</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 %}
@@ -0,0 +1,7 @@
1
+ <div class="modal fade" id="{{ page.modal_id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
2
+ <div class="modal-dialog" role="document">
3
+ <div class="modal-content">
4
+ {{ include.content }}
5
+ </div>
6
+ </div>
7
+ </div>
@@ -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>