jekyll-theme-easy-wedding 0.1.6 → 0.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4d36ecb13505082c0fa78169149318dcc7fe56e688a4ae9a2e66e2b3990f2df8
-  data.tar.gz: 34396c71c5e3dd5783da51d97f1840111847acb6cb0d736796a48a81949a179d
+  metadata.gz: 2760604dd018bc253afbd80c4801d0356afd4b218d4e0d003da5bdd10c8e2dfc
+  data.tar.gz: 96f8efe7118d1ea551c0d5b20c2741d08b8010b65db619d8b8cd115218e0e9be
 SHA512:
-  metadata.gz: 1f0fe46c58338c3620cb68337d618d00f9d15d91fbf5c6c0fbb1e51b251600dc9848436bf64c7bef02c6d2df91a4aeb91d23d1afc90d60a6377bbc92d1452de4
-  data.tar.gz: a31664ddabcc0f20e60a8505e1d4929ceacf019f6f94cd554c073524521815bce84ddb6c484b22da89e50a1760b5d213848bbc06a538ad6ce7ee83ac347d4edb
+  metadata.gz: 36f6427491301993507c0eabb33cc8165cc41f1508701e1e446a69707fa8cdf277b21a3ad90c454e18cca747adf8c328c543ccdc74caaec69181b307384b019f
+  data.tar.gz: 6b7dd21428952b27eb83126d2cb57310d0215721a06f1d36be6043e7dbebb678b9168c93cdb542cf1fd1d2a5f99ec5b052f5ecc309aeaaca1a4179040b6b7555

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/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/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 @@
+---
+---
+

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 }}',
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-easy-wedding
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.10
 platform: ruby
 authors:
 - Nathan Orick
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-08-01 00:00:00.000000000 Z
+date: 2021-08-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -118,9 +118,6 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - _layouts/under_construction.html
-- _sass/main.scss
-- _sass/under_construction.scss
-- assets/css/bootstrap.min.css
 - assets/css/font-awesome/css/font-awesome.css
 - assets/css/font-awesome/css/font-awesome.min.css
 - assets/css/font-awesome/fonts/FontAwesome.otf
@@ -154,20 +151,15 @@ files:
 - assets/css/font-awesome/scss/_stacked.scss
 - assets/css/font-awesome/scss/_variables.scss
 - assets/css/font-awesome/scss/font-awesome.scss
+- assets/css/globals.scss
 - assets/css/styles.scss
 - assets/img/favicon.png
 - assets/img/flowers.jpg
 - assets/img/lyft.svg
 - assets/img/uber-black.png
 - assets/img/uber-white.png
-- assets/js/bootstrap.js
-- assets/js/bootstrap.min.js
 - assets/js/globals.js
-- assets/js/jquery.easing.min.js
-- assets/js/jquery.js
-- assets/js/main.js
 - assets/js/ouical.min.js
-- assets/js/rsvp.js
 homepage: https://nathanorick.com
 licenses:
 - MIT