jekyll-theme-easy-wedding 0.1.3 → 0.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8759b3b2c59e2c6a3e98af5be6359c49a13244a4b58fd62183feb469c29d75b9
-  data.tar.gz: c5527273e6dd249c1bb6a2dd396eb3747813dce7471c556175d63b32f4ed5a8c
+  metadata.gz: 2760604dd018bc253afbd80c4801d0356afd4b218d4e0d003da5bdd10c8e2dfc
+  data.tar.gz: 96f8efe7118d1ea551c0d5b20c2741d08b8010b65db619d8b8cd115218e0e9be
 SHA512:
-  metadata.gz: a2f75e70fe0bd72ad2a6dba806646f40a7b84376585306afe5b54c6062361266cc9308de6621c5854318655c2084b9b9506892b75c9ce5d5e791572a4fce4020
-  data.tar.gz: b61e79c9ecedfdcc97ece188737f416fa9e852ccfa143481e506ef7c5d6b72e462190fad83d35fdd35d7a0fb12e36368d42a37df2304f39d68f20ab105bfbe25
+  metadata.gz: 36f6427491301993507c0eabb33cc8165cc41f1508701e1e446a69707fa8cdf277b21a3ad90c454e18cca747adf8c328c543ccdc74caaec69181b307384b019f
+  data.tar.gz: 6b7dd21428952b27eb83126d2cb57310d0215721a06f1d36be6043e7dbebb678b9168c93cdb542cf1fd1d2a5f99ec5b052f5ecc309aeaaca1a4179040b6b7555

data/_includes/celebrations.html

@@ -17,7 +17,7 @@
         <div class="row">
           <address class="col-xs-8 text-left">
             <strong>{{ event.location_name }}</strong><br>
-            <a href="{{ event.google_maps_url }}">
+            <a href="{{ event.location.google_maps_url }}">
               {{ event.location.address }}<br>
               {{ event.location.city }}, {{ event.location.state }} {{ event.location.zip }}<br>
             </a>

data/_includes/chi_details.html

@@ -157,7 +157,7 @@
             <div class="col-sm-6">
               <div class="row">
                 <p class="col-xs-offset-1 col-xs-10">
-                  <img class="img-responsive" src="{{site.baseurl}}/assets/img/uber-black.png">
+                  <img class="img-responsive" src="{{site.baseurl}}assets/img/uber-black.png">
                 </p>
                 <div class="clearfix"></div>
                 <p class="col-xs-12 text-center">
@@ -177,7 +177,7 @@
             <div class="col-sm-6">
               <div class="row">
                 <p class="col-xs-offset-3 col-xs-6">
-                  <img class="img-responsive" src="{{site.baseurl}}/assets/img/lyft.svg" width="100%">
+                  <img class="img-responsive" src="{{site.baseurl}}assets/img/lyft.svg" width="100%">
                 </p>
                 <div class="clearfix"></div>
                 <p class="col-xs-12 text-center">

data/_includes/email_form.html

@@ -11,8 +11,8 @@
         <div id="mc_embed_signup">
           <form action="//chrisbaclig.us2.list-manage.com/subscribe/post?u=87bc541350a8d9fdfbf974458&amp;id=dde4d12650" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
             <div class="modal-header">
-              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
               <h4 class="modal-title" id="myModalLabel">Receive Email Updates</h4>
+              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body form-horizontal text-center">
               <p>
@@ -38,7 +38,7 @@
               <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_87bc541350a8d9fdfbf974458_dde4d12650" tabindex="-1" value=""></div>
             </div>
           <div class="modal-footer">
-            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+            <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
             <input type="submit" class="btn btn-primary" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">
           </div>
         </form>

data/_includes/head.html

@@ -10,9 +10,6 @@
     {% feed_meta %}
     {% seo %}
 
-   <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
-    <link rel="stylesheet" href="{{ "/assets/css/bootstrap.min.css" | prepend: site.baseurl }}">
-
     <!-- Custom CSS -->
     <link rel="stylesheet" href="{{ "/assets/css/styles.css" | prepend: site.baseurl }}">
 

data/_includes/modals.html

@@ -1,3 +1,3 @@
-{% for modal in site.modals %}
-    {{ modal.content | markdownify }}
-{% endfor %}
+{% include modals/rsvp.html %}
+{% include modals/rsvp_no.html %}
+{% include modals/rsvp_yes.html %}

data/_includes/modals/form_modal.html

@@ -1,14 +1,14 @@
-{% capture content %}
+{% capture modal_content %}
 <form>
   <div class="modal-header">
-    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-    <h4 class="modal-title" id="myModalLabel">{{ page.name }}</h4>
+    <h4 class="modal-title" id="myModalLabel">{{ include.name }}</h4>
+    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
   </div>
   <div class="modal-body form-horizontal text-center">
     {{ content }}
   </div>
   <div class="modal-footer">
-    <button type="button" class="btn btn-default" data-dismiss="modal">
+    <button type="button" class="btn btn-default" data-bs-dismiss="modal">
       {% if page.cancel_text %}
         {{ page.cancel_text }}
       {% else %}
@@ -26,4 +26,4 @@
 </form>
 {% endcapture %}
 
-{% include modals/modal.html content=content %}
+{% include modals/modal.html content=modal_content modal_id=include.modal_id%}

data/_includes/modals/modal.html

@@ -1,4 +1,4 @@
-<div class="modal fade" id="{{ page.modal_id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+<div class="modal fade" id="{{ include.modal_id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       {{ include.content }}

data/_includes/modals/rsvp.html

@@ -0,0 +1,95 @@
+{% capture name %}
+RSVP
+{% endcapture %}
+{% capture modal_content %}
+<form id="rsvp-form" class="rsvp-form" action="" method="POST">
+  <div class="modal-header">
+    <h4 class="modal-title" id="myModalLabel">{{ name }}</h4>
+    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+  </div>
+
+  <div class="modal-body form-horizontal text-center">
+    <div class="input-group">
+      <span class="input-group-text"><i class="fa fa-user"></i></span>
+      <input name="name1" class="guest-input form-control" placeholder="Your Name" required id="primary-name">
+    </div>
+
+    <div class="input-group">
+      <span class="input-group-text"><i class="fa fa-user"></i></span>
+      <input name="name2" class="guest-input form-control" placeholder="Your Guest" id="primary-guest" autocomplete="new-password">
+    </div>
+
+    {% if site.data.settings.rsvp.no_extra_guests_message %}
+      <div class="collapse rsvp-help-collapse help-text" id="rsvp-warning-text">
+        <div>{{ site.data.settings.rsvp.no_extra_guests_message }}</div>
+      </div>
+    {% endif %}
+
+    <div class="collapse" id="guest-names-collapse">
+      <div class="input-group">
+        <span class="input-group-text"><i class="fa fa-user"></i></span>
+        <input name="name3" class="guest-input form-control" placeholder="Your 2nd Guest" autocomplete="new-password">
+      </div>
+      <div class="input-group">
+        <span class="input-group-text"><i class="fa fa-user"></i></span>
+        <input name="name4" class="guest-input form-control" placeholder="Your 3rd Guest" autocomplete="new-password">
+      </div>
+    </div>
+
+    <div class="input-group">
+      <span class="input-group-text"><i class="fa fa-phone"></i></span>
+      <input id="phone-input" type="tel" name="phone" class="form-control" placeholder="Your Phone Number" required>
+    </div>
+    <div class="collapse help-text" id="phone-help">
+      <div>We'll send you a text with the event details</div>
+    </div>
+
+    {% if site.data.settings.rsvp.use_code %}
+      <div class="input-group invite-code-group">
+        <span class="input-group-text"><i class="fa fa-key"></i></span>
+        <input type="text" name="invite_code" id="invite-code" class="form-control" placeholder="Invite Code" required autocomplete="new-password">
+        <span class="input-group-text"><i class="fa fa-info-circle rsvp-help-toggle" id="rsvp-help-toggle"></i></span>
+      </div>
+      <div class="collapse rsvp-help-collapse help-text" id="rsvp-code-help-text">
+        <div>{{ site.data.settings.rsvp.code_location }}</div>
+      </div>
+    {% endif %}
+
+    <div class="form-check form-check-inline">
+      <input class="form-check-input" type="radio" name="rsvpRadio" id="rsvp-yes" value="yes" required>
+      <label class="form-check-label" for="rsvp-yes">{{ site.data.settings.rsvp.yes_text }}</label>
+    </div>
+    <div class="form-check form-check-inline">
+      <input class="form-check-input" type="radio" name="rsvpRadio" id="rsvp-no" value="no" required>
+      <label class="form-check-label" for="rsvp-no">{{ site.data.settings.rsvp.no_text }}</label>
+    </div>
+
+    {% if site.data.settings.rsvp.song_text %}
+      <div class="input-group">
+        <span class="input-group-text"><i class="fa fa-music"></i></span>
+        <input type="text" name="song" class="form-control" placeholder="{{site.data.settings.rsvp.song_text}}" autocomplete="new-password">
+      </div>
+    {% endif %}
+
+    {% if site.data.settings.rsvp.leave_a_message_text %}
+      <div class="input-group">
+        <span class="input-group-text"><i class="fa fa-envelope"></i></span>
+        <textarea class="form-control" name="message" rows="3" placeholder="{{site.data.settings.rsvp.leave_a_message_text}}" autocomplete="new-password"></textarea>
+      </div>
+    {% endif %}
+
+    <div class="alert-wrapper" id="alert-wrapper"></div>
+  </div>
+
+  <div class="modal-footer">
+    <button type="button" class="btn btn-default" data-bs-dismiss="modal">
+      {{ site.data.settings.rsvp.cancel_text }}
+    </button>
+    <button type="submit" class="btn btn-primary" value="Submit" name="submit">
+      {{ site.data.settings.rsvp.submit_text }}
+    </button>
+  </div>
+</form>
+{% endcapture %}
+
+{% include modals/modal.html content=modal_content name=name modal_id='rsvp-modal' %}

data/_includes/modals/rsvp_no.html

@@ -0,0 +1,13 @@
+{% capture modal_content %}
+  <div class="modal-header">
+    <h4 class="modal-title" id="myModalLabel">{{ site.data.settings.rsvp.no_modal_title }}</h4>
+    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+  </div>
+  <div class="modal-body">
+    <div class="section-padding">
+      <p>{{ site.data.settings.rsvp.no_modal_body }}</p>
+      <p>{{ site.data.settings.rsvp.sms_followup_text }}</p>
+    </div>
+  </div>
+{% endcapture %}
+{% include modals/modal.html content=modal_content name='RSVP No' modal_id='rsvp-no-modal' %}

data/_includes/modals/rsvp_yes.html

@@ -0,0 +1,44 @@
+{% capture modal_content %}
+  <div class="modal-header">
+    <h4 class="modal-title" id="myModalLabel">{{ site.data.settings.rsvp.yes_modal_title }}</h4>
+    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+  </div>
+  <div class="modal-body">
+    <div class="section-padding">
+      <p>{{ site.data.settings.rsvp.yes_modal_body }}</p>
+      <p>{{ site.data.settings.rsvp.sms_followup_text }}</p>
+      <div id="add-to-cal"></div>
+    </div>
+  </div>
+{% endcapture %}
+
+{% assign main_event = site.data.events | where: "main_event", true | first %}
+{%- capture eventTitle -%}
+  {{ site.data.couple.spouse1.short_name }}'s and {{ site.data.couple.spouse2.short_name }}'s Wedding
+{%- endcapture -%}
+<script>
+    const myCalendar = createAddToCalendarButton({
+      // Event title
+      title: "{{ eventTitle | escape }}",
+
+      // Event start date
+      start: new Date(Number("{{ main_event.date | date: '%s' }}") * 1000),
+
+      // Event duration (IN MINUTES)
+      // duration: 4 * 60,
+
+      // You can also choose to set an end time
+      // If an end time is set, this will take precedence over duration
+      end: new Date(Number("{{ main_event.endDate | date: '%s' }}") * 1000),
+
+      // Event Address
+      address: '{{ main_event.location.address }} {{ main_event.location.city }}, {{ main_event.location.state }} {{ main_event.location.zip }}',
+
+      // Event Description
+      description: "{{ main_event.calendar_description}} \n\nWebsite: {{site.url}}"
+    },
+      'add-to-cal',
+    );
+  </script>
+    
+{% include modals/modal.html content=modal_content name='RSVP Yes' modal_id='rsvp-yes-modal' %}

data/_includes/nav.html

@@ -1,20 +1,21 @@
  <!-- Navigation -->
-    <nav class="navbar navbar-custom navbar-fixed-top {% if page.invisible_nav %} navbar-hidden-top {% else %} top-nav-collapse {% endif %}" role="navigation">
+    <nav class="navbar navbar-custom navbar-expand-lg fixed-top {% if page.invisible_nav %} navbar-hidden-top {% else %} top-nav-collapse {% endif %}"
+         role="navigation"
+         id="navbar"
+    >
         <div class="container">
-            <div class="navbar-header">
-                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
-                    <i class="fa fa-bars"></i>
-                </button>
-                <a class="navbar-brand" href="{{site.baseurl}}/">
-                  {{ site.data.couple.spouse1.short_name | slice: 0 }}
-                  &
-                  {{ site.data.couple.spouse2.short_name | slice: 0 }}
-                </a>
-            </div>
+              <a class="navbar-brand" href="{{site.baseurl}}/">
+                {{ site.data.couple.spouse1.short_name | slice: 0 }}
+                &
+                {{ site.data.couple.spouse2.short_name | slice: 0 }}
+              </a>
+              <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-main-collapse">
+                  <i class="fa fa-bars"></i>
+              </button>
 
             <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
-                <ul class="nav navbar-nav">
+            <div class="collapse navbar-collapse navbar-right" id="navbar-main-collapse">
+                <ul class="nav navbar-nav ms-auto">
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                     <li class="hidden">
                         <a href="#page-top"></a>
@@ -22,15 +23,15 @@
 
                     {% for item in site.data.navigation %}
                       {% if item.modal_id %}
-                        <li class="modal-link">
-                          <a href="#" data-toggle="modal" data-target="#{{item.modal_id}}">
+                        <li class="modal-link nav-item">
+                          <a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#{{item.modal_id}}">
                             {{ item.name }}
                             <!-- <i class="fa fa-exclamation-circle modal-link--icon"></i> -->
                           </a>
                         </li>
                       {% else %}
-                        <li class="{% if page.url == {{site.baseurl}}/item.link %}active{% endif %}">
-                            <a href="{{site.baseurl}}{{item.link}}">{{ item.name }}</a>
+                        <li class="{% if page.url == {{site.baseurl}}/item.link %}active{% endif %} nav-item">
+                            <a href="{{site.baseurl}}{{item.link}}" class="nav-link">{{ item.name }}</a>
                         </li>
                       {% endif %}
                     {% endfor %}

data/_includes/photo-gallery.html

@@ -42,25 +42,30 @@ const loadMore = function() {
     listElm.appendChild(item);
     item.classList.add('img-enlargeable');
 
+    const modalCloseListener = (e) => (e.key==='Escape') ? removeModal() : null;
+
     item.addEventListener('click', function(){
-      const src = $(this).attr('src');
+      const src = this.getAttribute('src');
       let modal;
-      function removeModal(){ modal.remove(); $('body').off('keyup.modal-close'); }
-      modal = $('<div>').css({
-          background: 'RGBA(0,0,0,.5) url('+src+') no-repeat center',
-          backgroundSize: 'contain',
-          width:'100%', height:'100%',
-          position:'fixed',
-          zIndex:'10000',
-          top:'0', left:'0',
-          cursor: 'zoom-out'
-      }).click(function(){
-          removeModal();
-      }).appendTo('body');
+      function removeModal(){
+        modal.remove();
+        document.body.removeEventListener('keyup', modalCloseListener);
+      }
+      modal = document.createElement('div');
+      modal.style.background = 'RGBA(0,0,0,.5) url('+src+') no-repeat center';
+      modal.style.backgroundSize = 'contain';
+      modal.style.width = '100%';
+      modal.style.height = '100%';
+      modal.style.position = 'fixed';
+      modal.style.zIndex = '10000';
+      modal.style.top = '0';
+      modal.style.left = '0';
+      modal.style.cursor = 'zoom-out';
+      modal.onclick = removeModal;
+      document.body.appendChild(modal);
+
       //handling ESC
-      $('body').on('keyup.modal-close', function(e){
-        if(e.key==='Escape'){ removeModal(); } 
-      });
+      document.body.addEventListener('keyup.modal-close', modalCloseListener);
     });
   }
 }

data/_layouts/default.html

@@ -3,20 +3,24 @@
     {% include head.html %}
     <body data-target=".navbar-fixed-top">
         <!-- Javascript Imports -->
-        {% include js.html src="assets/js/jquery.js" %}
-        {% include js.html src="assets/js/bootstrap.min.js" %}
-        {% include js.html src="assets/js/jquery.easing.min.js" %}
+        {% include js.html src='assets/js/ouical.min.js' %}
+        {% include js.html src="assets/main-bundle.js" %}
         {% include js.html src="assets/js/globals.js" %}
-        {% include js.html src="assets/js/main.js" %}
 
         {% include modals.html %}
-        {% include nav.html %}
+
+        {% if page.show_nav != false %}
+            {% include nav.html %}
+        {% endif %}
 
         <div class="content-wrapper">
             {{ content }}
         </div>
-        <div class="footer-wrapper">
-            {% include footer.html %}
-        </div>
+
+        {% if page.show_footer != false %}
+            <div class="footer-wrapper">
+                {% include footer.html %}
+            </div>
+        {% endif %}
     </body>
 </html>

data/_layouts/under_construction.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+<div class="under-construction-container" style="background-image: url('{{ site.baseurl }}/{{ page.background }}');">
+    <div class="under-construction-content">
+        <h1>{{ site.data.couple.spouse1.short_name }} & {{ site.data.couple.spouse2.short_name }}</h1>
+        <span>more coming soon</span>
+    </div>
+</div>

data/assets/css/globals.scss

@@ -0,0 +1,3 @@
+---
+---
+

data/assets/css/styles.scss

@@ -1,10 +1,8 @@
 ---
+intro_image: 'assets/img/header.jpg'
 ---
 
-$intro_image: '../img/header.jpg';
-$story2: '../img/ourstory/story-two.jpg';
-$story3: '../img/ourstory/story-three.jpg';
-$story4: '../img/ourstory/story-four.jpg';
-
-
-@import "main";
+:root {
+    --intro-background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
+             rgba(0,0,0,0.65) 100%),url({{page.intro_image}}) no-repeat center center scroll;
+}

data/assets/js/globals.js

@@ -1,7 +1,9 @@
 ---
 ---
 
-var use_rsvp_code = {{ site.data.settings.rsvp.use_code }};
-var rsvp_code_md5 = '{{ site.data.settings.rsvp.code_md5 }}';
-var rsvp_post_address = '{{ site.data.settings.rsvp.post_address }}';
-var api_key = '{{ site.data.settings.rsvp.api_key }}';
+var jekyll_globals = {
+    use_rsvp_code: {{ site.data.settings.rsvp.use_code }},
+    rsvp_code_md5: '{{ site.data.settings.rsvp.code_md5 }}',
+    rsvp_post_address: '{{ site.data.settings.rsvp.post_address }}',
+    api_key: '{{ site.data.settings.rsvp.api_key }}',
+}