rampatra · Travis-Barton · Jun 28, 2024 · Jun 28, 2024 · Jul 2, 2024 · Jul 2, 2024
diff --git a/CNAME b/CNAME
@@ -1 +1 @@
-wedding.rampatra.com
+travisandlindsey.com
diff --git a/README.md b/README.md
@@ -1,3 +1,16 @@
+# todo:
+- [x] Add images of us 
+- [ ] add brains to pre-rsvp form
+- [ ] Add a countdown timer
+- [ ] Edit our story
+- [x] Add a photo upload applet for guests to upload photos
+- [ ] update RSVP to use our preferred style with a modal form that autocompletes their party and lets them rsvp for all events at once
+- [x] Change image to text that reads "Lindsey + Travis \n 2025" in nice cursive font that appears dynamically on the page (hard)
+- [ ] Make the "venue" button do something?
+- [ ] less room between calendar and how we met 
+- [ ] Logo under pre-rsvp form
+
+
 # Wedding Website
 A beautiful, feature rich, device friendly wedding website.  
 _See [wedding.rampatra.com](http://wedding.rampatra.com/) for a demo. Use invite code `271117` to RSVP._
@@ -38,3 +51,5 @@ Firstly, a big thanks 🙏🏻 for the overwhelming response on [HackerNews](htt
 <a href="https://www.buymeacoffee.com/rampatra" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
 
 _P.S. For any queries or concerns, you can reach out to me on [Twitter](https://twitter.com/ram__patra). I'll try my best to help._
+
+
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/css/styles.min.css b/css/styles.min.css
diff --git a/faq.html b/faq.html
@@ -0,0 +1,186 @@
+<!doctype html>
+<html class="no-js" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+    <title>FAQs</title>
+    <meta name="description" content="We would like to invite you to our big day.">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="css/styles.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Allura&family=Cormorant+Garamond:wght@400;700&family=Great+Vibes&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+    <link rel="manifest" href="manifest.json">
+    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="stylesheet" href="css/styles.min.css">
+    <script src="https://kit.fontawesome.com/07a7aa3346.js" crossorigin="anonymous"></script>
+    <script>
+        // load css files from CDN if local node_modules fail
+        function loadCssFromCDN(css) {
+            // create new link tag
+            const link = document.createElement('link');
+            if (css === 'animate.css') {
+                link.href = 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css';
+            } else if (css === 'font-awesome.css') {
+                link.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css';
+            }
+            link.rel = 'stylesheet';
+
+            // add link tag to head section
+            document.getElementsByTagName('head')[0].appendChild(link);
+        }
+        // load js files from CDN if
+        // local node_modules fail
+        function loadJsFromCDN(js) {
+            if (js === 'waypoints.js') {
+                document.write('<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js"><\/script>');
+            } else if (js === 'jquery.js') {
+                document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"><\/script>');
+            }
+        }
+    </script>
+    <link rel="stylesheet" href="css/font-awesome.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Allura&family=Cormorant+Garamond:wght@400;700&family=Great+Vibes&family=Playfair+Display:wght@400;700&display=swap"
+          rel="stylesheet">
+    <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
+
+    <link rel="stylesheet" href="css/normalize.min.css">
+    <link rel="stylesheet" href="css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/jquery.fancybox.css">
+    <link rel="stylesheet" href="css/flexslider.css">
+    <link rel="stylesheet" href="css/styles.min.css">
+    <link rel="stylesheet" href="css/queries.css">
+    <style>
+        body, html {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            width: 100%;
+            font-family: Arial, sans-serif;
+            color: white;
+            /*background: url('img/eng_pics/EDDD2339-6EFD-4847-ACE7-BDB15602212E_1_105_c.jpeg') no-repeat fixed left;*/
+            /*background: url('img/eng_pics/version_2_long_to_short.jpeg') no-repeat fixed left;*/
+            background-size: cover;
+        }
+
+
+        /*!* Aligning FAQ content to the left *!*/
+        /*.faq-section {*/
+        /*    display: flex;*/
+        /*    align-items: center;*/
+        /*    justify-content: flex-start;*/
+        /*    padding-left: 50px;*/
+        /*    height: 100vh;*/
+        /*    margin-top: 60px; !* Adjusts for the header height *!*/
+        /*}*/
+
+        /*.faq-content {*/
+        /*    max-width: 600px;*/
+        /*    padding: 20px;*/
+        /*    border-radius: 8px;*/
+        /*    overflow-y: auto;*/
+        /*    !*max-height: 80vh;*!*/
+        /*}*/
+
+        /*!* Text color customization *!*/
+        /*h1, h2 {*/
+        /*    margin: 0 0 10px;*/
+        /*    color: #2e6da4;*/
+        /*}*/
+
+        /*p {*/
+        /*    margin: 0 0 20px;*/
+        /*    color: #5bc0de;*/
+        /*}*/
+    </style>
+</head>
+<body>
+<!-- Navigation Section -->
+
+<section class="navigation">
+    <header>
+        <div class="header-content">
+            <div class="logo"><a href="index.html"><img src="img/logo.png" alt="Logo"></a></div>
+            <div class="header-nav">
+                <nav>
+                    <ul class="primary-nav">
+                        <li><a href="index.html" style="color: black">Home</a></li>
+                        <li><a href="travel.html" style="color: black">Travel</a></li>
+                    </ul>
+                    <ul class="member-actions">
+                        <li><a href="#rsvp2" class="btn-white btn-small">RSVP</a></li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+        <div class="navicon">
+            <a class="nav-toggle" href="index.html"><span></span></a>
+            <div id="menuModal" class="modal">
+                <div class="modal-content">
+                    <span class="close">&times;</span>
+                    <ul class="modal-menu">
+                        <li><a href="#rsvp2">Pre-RSVP</a></li>
+                        <li><a href="#intro">Our Story</a></li>
+                        <li><a href="#events_id">Events</a></li>
+                        <li><a href="#photo-upload">Photo Upload</a></li>
+                        <li><a href="#eng-pics">Engagement Photos</a></li>
+                        <li><a href="travel.html">Travel</a></li>
+                        <li><a href="faq.html">FAQ</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </header>
+</section>
+
+
+<!-- FAQ Section -->
+<!-- FAQ Section -->
+<section class="faq-section">
+    <!-- Flip the logo on the y-axis -->
+    <div class="logo-placeholder" style="width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;">
+        <!--    flip the photo on X axis-->
+        <img src="img/logo-lg-no-text.png" alt="Logo without text" style="transform: scaleY(-1);">
+    </div>
+
+    <h2 class="faq-heading">Frequently Asked Questions</h2>
+
+    <div class="faq-item">
+        <h3 class="faq-question">Are kids welcome?</h3>
+        <p class="faq-answer">While we love kids, we are making this day adult only. Take the night off and get ready for an awesome time!</p>
+    </div>
+
+    <div class="faq-item">
+        <h3 class="faq-question">Shuttle Service?</h3>
+        <p class="faq-answer">A shuttle service will be provided; come back later for more information on timelines and pick up locations.</p>
+    </div>
+
+    <div class="faq-item">
+        <h3 class="faq-question">Have dietary restrictions?</h3>
+        <p class="faq-answer">Don’t worry, we’re creating a menu that caters to most dietary restrictions and allergies.</p>
+    </div>
+
+    <div class="faq-item">
+        <h3 class="faq-question">Will the wedding be indoors or outdoors?</h3>
+        <p class="faq-answer">Both! The ceremony, cocktail hour, and dinner will be held outside, and we will move inside for dancing. Don’t worry, we will have blankets and heaters in case they’re needed for the outdoor portion.</p>
+    </div>
+
+    <div class="faq-item">
+        <h3 class="faq-question">Can I take photos during the ceremony?</h3>
+        <p class="faq-answer">Nope! We want to see your beautiful face while we walk down the aisle, not the back of your phone. We will give a designated time during the ceremony for you to take a photo, but otherwise, we ask that you refrain from taking photos during the ceremony.</p>
+    </div>
+</section>
+
+<!-- Footer (optional) -->
+<footer>
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 text-center content">
+                <p>Crafted by Travis with lots of <span class="fa fa-heart pulse2"></span> for Lindsey</p>
+            </div>
+        </div>
+    </div>
+</footer>
+</body>
+</html>
diff --git a/favicon-16x16.png b/favicon-16x16.png
diff --git a/favicon-256x256.png b/favicon-256x256.png
diff --git a/favicon-32x32.png b/favicon-32x32.png
diff --git a/favicon-64x64.png b/favicon-64x64.png
diff --git a/favicon.ico b/favicon.ico
diff --git a/favicon.png b/favicon.png
diff --git a/gulpfile.js b/gulpfile.js
@@ -4,6 +4,7 @@ var gulp = require('gulp');
 var sass = require('gulp-sass')(require('sass'));
 var uglify = require('gulp-uglify');
 var rename = require('gulp-rename');
+var watch = require('gulp-watch');
 
 // compile scss to css
 gulp.task('sass', function () {
@@ -15,7 +16,7 @@ gulp.task('sass', function () {
 
 // watch changes in scss files and run sass task
 gulp.task('sass:watch', function () {
-    gulp.watch('./sass/**/*.scss', ['sass']);
+    gulp.watch('./sass/**/*.scss', gulp.series('sass'));
 });
 
 // minify js
@@ -27,4 +28,9 @@ gulp.task('minify-js', function () {
 });
 
 // default task
-gulp.task('default', gulp.series('sass', 'minify-js'));
+gulp.task('default', gulp.series('sass', 'minify-js'));
+
+gulp.task('watch', function() {
+    gulp.watch('sass/**/*.scss', gulp.series('sass'));
+    // Add more watchers for other tasks here
+});
diff --git a/img/AAD51071-05CF-4EA5-B521-FFC706DBE28C.png b/img/AAD51071-05CF-4EA5-B521-FFC706DBE28C.png
diff --git a/img/IMG_2317.jpg b/img/IMG_2317.jpg
diff --git a/img/eng_pics/57F5B9F8-D8E6-4EDA-BAAD-13F5794AE502_1_105_c.jpeg b/img/eng_pics/57F5B9F8-D8E6-4EDA-BAAD-13F5794AE502_1_105_c.jpeg
diff --git a/img/eng_pics/5ECB4ECE-1EA1-46C7-8CB6-026A31E53946_1_105_c.jpeg b/img/eng_pics/5ECB4ECE-1EA1-46C7-8CB6-026A31E53946_1_105_c.jpeg
diff --git a/img/eng_pics/C2EF9218-903B-4C3D-B484-BCB1D1EC42AB_1_105_c.jpeg b/img/eng_pics/C2EF9218-903B-4C3D-B484-BCB1D1EC42AB_1_105_c.jpeg
diff --git a/img/eng_pics/EDDD2339-6EFD-4847-ACE7-BDB15602212E_1_105_c.jpeg b/img/eng_pics/EDDD2339-6EFD-4847-ACE7-BDB15602212E_1_105_c.jpeg
diff --git a/img/eng_pics/IMG_3483-lg.jpg b/img/eng_pics/IMG_3483-lg.jpg
diff --git a/img/eng_pics/IMG_3483-sm.jpg b/img/eng_pics/IMG_3483-sm.jpg
diff --git a/img/eng_pics/NGP_4089-lg.jpg b/img/eng_pics/NGP_4089-lg.jpg
diff --git a/img/eng_pics/NGP_4089-sm.jpg b/img/eng_pics/NGP_4089-sm.jpg
diff --git a/img/eng_pics/NGP_4119-lg.jpg b/img/eng_pics/NGP_4119-lg.jpg
diff --git a/img/eng_pics/NGP_4119-sm.jpg b/img/eng_pics/NGP_4119-sm.jpg
diff --git a/img/eng_pics/Tall_look_back_ring.jpg b/img/eng_pics/Tall_look_back_ring.jpg
diff --git a/img/eng_pics/_RFX2942-lg.jpg b/img/eng_pics/_RFX2942-lg.jpg
diff --git a/img/eng_pics/_RFX2942-sm.jpg b/img/eng_pics/_RFX2942-sm.jpg
diff --git a/img/eng_pics/_RFX2992-lg.jpg b/img/eng_pics/_RFX2992-lg.jpg
diff --git a/img/eng_pics/_RFX2992-sm.jpg b/img/eng_pics/_RFX2992-sm.jpg
diff --git a/img/eng_pics/_RFX3064-lg.jpg b/img/eng_pics/_RFX3064-lg.jpg
diff --git a/img/eng_pics/_RFX3064-sm.jpg b/img/eng_pics/_RFX3064-sm.jpg
diff --git a/img/eng_pics/after1.png b/img/eng_pics/after1.png
diff --git a/img/eng_pics/after2.png b/img/eng_pics/after2.png
diff --git a/img/eng_pics/before1.png b/img/eng_pics/before1.png
diff --git a/img/eng_pics/before2.png b/img/eng_pics/before2.png
diff --git a/img/eng_pics/dji_fly_20240619_151908_133_1718839618101_timed.jpg b/img/eng_pics/dji_fly_20240619_151908_133_1718839618101_timed.jpg
diff --git a/img/eng_pics/dji_fly_20240619_151922_140_1718839620629_timed.jpg b/img/eng_pics/dji_fly_20240619_151922_140_1718839620629_timed.jpg
diff --git a/img/eng_pics/dji_fly_20240619_152556_215_1718839547319_timed.jpg b/img/eng_pics/dji_fly_20240619_152556_215_1718839547319_timed.jpg
diff --git a/img/eng_pics/dji_fly_20240619_152734_225_1718836103495_photo_optimized.jpg b/img/eng_pics/dji_fly_20240619_152734_225_1718836103495_photo_optimized.jpg
diff --git a/img/eng_pics/dji_fly_20240619_152738_226_1718836112481_photo_optimized.jpg b/img/eng_pics/dji_fly_20240619_152738_226_1718836112481_photo_optimized.jpg
diff --git a/img/eng_pics/long_dip.jpg b/img/eng_pics/long_dip.jpg
diff --git a/img/eng_pics/med_hugging.jpg b/img/eng_pics/med_hugging.jpg
diff --git a/img/eng_pics/tall_gazing.jpg b/img/eng_pics/tall_gazing.jpg
diff --git a/img/eng_pics/tall_hugging.jpeg b/img/eng_pics/tall_hugging.jpeg
diff --git a/img/eng_pics/tall_serious_hugging.jpg b/img/eng_pics/tall_serious_hugging.jpg
diff --git a/img/eng_pics/teeth_kiss.jpeg b/img/eng_pics/teeth_kiss.jpeg
diff --git a/img/eng_pics/twirl_med.jpg b/img/eng_pics/twirl_med.jpg
diff --git a/img/img.png b/img/img.png
diff --git a/img/lindsey_and_i.mp4 b/img/lindsey_and_i.mp4
diff --git a/img/logo-lg-no-text.png b/img/logo-lg-no-text.png
diff --git a/img/logo-lg-old.png b/img/logo-lg-old.png
diff --git a/img/logo-lg.png b/img/logo-lg.png
diff --git a/img/logo.png b/img/logo.png
diff --git a/img/us_swoop.png b/img/us_swoop.png