jekyll-theme-easy-wedding 0.1.6 → 0.1.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4d36ecb13505082c0fa78169149318dcc7fe56e688a4ae9a2e66e2b3990f2df8
-  data.tar.gz: 34396c71c5e3dd5783da51d97f1840111847acb6cb0d736796a48a81949a179d
+  metadata.gz: 27cc38f66bb28dc441c3adc84d1c4cc9f26ed5ed768fd679b50d5d293df5e3c1
+  data.tar.gz: fc3238a029d53457ffc8f76d152ea787da2358d884443ac5fc31bd90a5a758a4
 SHA512:
-  metadata.gz: 1f0fe46c58338c3620cb68337d618d00f9d15d91fbf5c6c0fbb1e51b251600dc9848436bf64c7bef02c6d2df91a4aeb91d23d1afc90d60a6377bbc92d1452de4
-  data.tar.gz: a31664ddabcc0f20e60a8505e1d4929ceacf019f6f94cd554c073524521815bce84ddb6c484b22da89e50a1760b5d213848bbc06a538ad6ce7ee83ac347d4edb
+  metadata.gz: 7e40c47ae10ac5a9500c0d5bfb1c17cbd925a2bec096b90a218b7fc1d05e3f28b02a1ef6a4ac445315f92f22efaf7cfa82ee1606f1b8c6a5e0de9e300b609f78
+  data.tar.gz: c7a559d72299e88bc2f0041e00711559773a4d64aeccf0de3cbfc6ac6654fe44a2a4fb72bbfe07d101d3aa590b7a636acc3bed01b2fd2c8b9085f41dc5152b9c

data/_includes/celebrations.html

@@ -1,11 +1,11 @@
 {% for event in site.data.events %}
-  <section class="container content-section {% cycle 'text-left', 'text-right' %}">
-    <div class="row">
-      <div class="col-lg-7 col-lg-offset-{% cycle 2, 3 %} col-sm-offset-2 col-sm-8">
+  <section class="container content-section">
+    <div class="row {% cycle 'justify-content-start', 'justify-content-end' %}">
+      <div class="col-lg-7 col-sm-8">
         <h2>
           {{ event.name }}
           <br>
-          <small>
+          <small class="text-muted wrap-whitespace date-subheader">
             {% if event.date %}
               {{ event.date | date: '%A, %B %e, %Y' }} | {{ event.date | date: '%l:%M %p' }}
             {% else %}
@@ -14,16 +14,20 @@
           </small>
         </h2>
 
-        <div class="row">
-          <address class="col-xs-8 text-left">
+        <div class="d-flex justify-content-between align-items-center">
+          <address class="col-xs-8 ">
+            {% if event.location_name %}
             <strong>{{ event.location_name }}</strong><br>
+            {% endif %}
+            {% if event.location.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>
+            {% endif %}
           </address>
 
-          <dl class="col-xs-4 text-right">
+          <dl class="col-xs-4">
             <dt>Attire</dt>
             <dd>{{ event.attire | capitalize }}</dd>
           </dl>

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/faq.html

@@ -1,9 +1,9 @@
-<section class="container content-section text-center">
-  <div class="row">
-    <div class="col-lg-8 col-lg-offset-2 text-left">
+<section class="container content-section">
+  <div class="row justify-content-center">
+    <div class="col-lg-8">
       <dl>
         {% for one in site.data.faq %}
-          <dt><h3>{{ one.question }}</h3></dt>
+          <dt><h3 class="faq-question">{{ one.question }}</h3></dt>
           <dd><p class="faq-answer">{{ one.answer }}</p></dd>
         {% endfor %}
       </dl>

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/form_modal.html

@@ -1,14 +1,14 @@
 {% 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">{{ 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 %}

data/_includes/modals/rsvp.html

@@ -4,19 +4,18 @@ RSVP
 {% capture modal_content %}
 <form id="rsvp-form" class="rsvp-form" action="" method="POST">
   <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">{{ 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-addon"><i class="fa fa-user"></i></span>
+      <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-addon"><i class="fa fa-user"></i></span>
+      <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>
 
@@ -28,17 +27,17 @@ RSVP
 
     <div class="collapse" id="guest-names-collapse">
       <div class="input-group">
-        <span class="input-group-addon"><i class="fa fa-user"></i></span>
+        <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-addon"><i class="fa fa-user"></i></span>
+        <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-addon"><i class="fa fa-phone"></i></span>
+      <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">
@@ -47,34 +46,34 @@ RSVP
 
     {% if site.data.settings.rsvp.use_code %}
       <div class="input-group invite-code-group">
-        <span class="input-group-addon"><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-addon"><i class="fa fa-info-circle rsvp-help-toggle" id="rsvp-help-toggle"></i></span>
+        <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="input-group">
-      <label class="radio-inline">
-        <input type="radio" name="rsvpRadio" id="rsvp-yes" value="yes" required> {{ site.data.settings.rsvp.yes_text }}
-      </label>
-      <label class="radio-inline">
-        <input type="radio" name="rsvpRadio" id="rsvp-no" value="no" required> {{ site.data.settings.rsvp.no_text }}
-      </label>
+    <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-addon"><i class="fa fa-music"></i></span>
+        <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-addon"><i class="fa fa-envelope"></i></span>
+        <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 %}
@@ -83,7 +82,7 @@ RSVP
   </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">
       {{ site.data.settings.rsvp.cancel_text }}
     </button>
     <button type="submit" class="btn btn-primary" value="Submit" name="submit">
@@ -93,5 +92,4 @@ RSVP
 </form>
 {% endcapture %}
 
-{% include js.html src="assets/js/rsvp.js" %}
 {% include modals/modal.html content=modal_content name=name modal_id='rsvp-modal' %}

data/_includes/modals/rsvp_no.html

@@ -1,8 +1,7 @@
 {% capture modal_content %}
   <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">{{ 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">

data/_includes/modals/rsvp_yes.html

@@ -1,8 +1,7 @@
 {% capture modal_content %}
   <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">{{ 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">
@@ -13,22 +12,12 @@
   </div>
 {% endcapture %}
 
-{% include js.html src='assets/js/ouical.min.js' %}
-
 {% 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 ouical = require('/assets/js/ouical.js');
-$(document).ready(function () {
-  const myCalendar = createCalendar({
-    options: {
-      class: '',
-      // You can pass an ID. If you don't, one will be generated for you
-      id: ''
-    },
-    data: {
+    const myCalendar = createAddToCalendarButton({
       // Event title
       title: "{{ eventTitle | escape }}",
 
@@ -47,11 +36,9 @@ $(document).ready(function () {
 
       // Event Description
       description: "{{ main_event.calendar_description}} \n\nWebsite: {{site.url}}"
-    }
-  });
-
-  $('#add-to-cal').html(myCalendar);
-});
-</script>
+    },
+      '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/our_story.html

@@ -1,9 +1,9 @@
 <!-- Intro Header -->
 <header class="intro">
     <div class="intro-body">
-        <div class="container">
-            <div class="row">
-                <div class="col-md-10 col-md-offset-2">
+        <div class="container-fluid">
+            <div class="row justify-content-center">
+                <div class="col-md-10">
                     <h1 class="brand-heading">{{ site.data.couple.spouse1.short_name }} & {{ site.data.couple.spouse2.short_name }}</h1>
                     <p class="intro-text">
                         {% assign main_event = site.data.events | where: "main_event", true | first %}
@@ -31,8 +31,8 @@
     {% endif %}
 
 <section id="ourstory" class="container content-section text-center">
-    <div class="row">
-        <div class="col-lg-10 col-lg-offset-1">
+    <div class="row justify-content-center">
+        <div class="col-lg-10">
             {{ story.content | markdownify }}
         </div>
     </div>

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,11 +3,9 @@
     {% 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 %}
 

data/assets/css/globals.scss

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