Hide the accommodation information

app/views/home/index.html.erb

@@ -11,10 +11,10 @@
       </div>
       <nav class="flex items-center justify-between flex-wrap pt-12 z-30">
 	<div class="bg-[#a99dab] w-full block flex-grow lg:hidden">
-	  <div id="nav-links" class="text-xl max-md:hidden flex flex-col pl-4 lg:flex-row lg:mr-4">
+	  <div id="nav-links" class="text-xl max-lg:hidden flex flex-col pl-4 lg:flex-row lg:mr-4">
 	    <a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Our Story</a>
 	    <a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
-	    <a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
+	    <!-- <a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a> -->
 	    <!-- <a href="#registry" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</a> -->
 	    <!-- <a href="#rsvp" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white pb-4">RSVP</a> -->
 	  </div>
@@ -23,8 +23,8 @@
     </div>
     <div class="container mx-auto">
       <div class="flex flex-row justify-center">
-	<img src="assets/lavender-wisp.png" class="basis-1/2 max-w-40 lg:max-w-80"/>
+	<img src="<%= image_path 'lavender-wisp.png' %>" class="basis-1/2 max-w-40 lg:max-w-80"/>
-	<img src="assets/lavender-wisp.png" class="basis-1/2 max-w-40 lg:max-w-80" style="transform: scaleX(-1)"/>
+	<img src="<%= image_path 'lavender-wisp.png' %>" class="basis-1/2 max-w-40 lg:max-w-80" style="transform: scaleX(-1)"/>
       </div>
     </div>
     <!-- Nav END -->
@@ -44,11 +44,11 @@
       <div class="text-xl px-4 lg:text-2xl">June 7, 2025 • West Chester, PA</div>
     </div>
 
-    <div class="w-full block flex-grow max-md:hidden lg:flex lg:w-auto lg:justify-center lg:pb-4 lg:pt-4 lg:border-t lg:border-b">
+    <div class="w-full block flex-grow max-lg:hidden lg:flex lg:w-auto lg:justify-center lg:pb-4 lg:pt-4 lg:border-t lg:border-b">
-      <div id="nav-links-lg" class="text-xl  flex flex-col lg:flex-row lg:mr-4">
+      <div id="nav-links-lg" class="text-xl  flex flex-col lg:flex-row">
-	<a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Our Story</a>
+	<a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">Our Story</a>
-	<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Ceremony & Reception</a>
+	<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">Ceremony & Reception</a>
-	<a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Accommodations</a>
+	<!-- <a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Accommodations</a> -->
 	<!-- <a href="#registry" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</a> -->
 	<!-- <a href="#rsvp" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white">RSVP</a> -->
       </div>
@@ -89,11 +89,11 @@
     </ol>
   </div>
 </div>
-<div id="ceremony" class="w-screen bg-[#ddd3be] lg:bg-[#fdfefe] lg:my-8">
+<div id="ceremony" class="w-screen bg-[#d2b4de] lg:bg-[#fdfefe] lg:my-8">
-  <div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl">
+  <div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl lg:bg-[#b2c0b2]">
     <div class="flex flex-col lg:flex-row lg:space-x-4">
       <div class="basis-1/3 max-md:hidden">
-	<img src="assets/love-park-small.png" class="lg:scale(0.7) lg:rounded-l-2xl" />
+	<img src="<%= image_path 'love-park-small.png' %>" class="lg:scale(0.7) lg:rounded-l-2xl" />
       </div>
       <div class="basis-2/3">
 	<div class="w-fit mx-auto">
@@ -111,9 +111,9 @@
   </div>
 </div>
 <div class="container mx-auto flex flex-row justify-center md:hidden lg:hidden">
-  <img src="assets/love-park-small.png">
+  <img src="<%= image_path 'love-park-small.png' %>">
 </div>
-<div id="accommodations" class="w-screen text-slate-900 lg:my-8">
+<div id="accommodations" class="w-screen text-slate-900 lg:my-8 bg-[#92a084] lg:bg-[#fdfefe] hidden">
   <div class="container mx-auto bg-[#92a084] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
     <div class="w-fit mx-auto lg:flex lg:flex-row lg:justify-center lg:items-center">
       <!-- <span class="text-7xl pl-4">🛏️</span> -->
@@ -121,7 +121,7 @@
     </div>
     <div class="flex flex-col my-4 lg:flex-row lg:w-fit lg:mx-auto lg:my-12">
       <div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
-	<img src="assets/home2.svg" class="w-16 h-16" />
+	<img src="<%= image_path 'home2.svg' %>" class="w-16 h-16" />
 	<div class="flex flex-col pl-2">
 	  <a href="" class="text-3xl">Home2 Suites</a>
 	  <span>484-354-2985</span>
@@ -129,7 +129,7 @@
 	</div>
       </div>
       <div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
-	<img src="assets/residence-inn.svg" class="w-16 h-16" />
+	<img src="<%= image_path 'residence-inn.svg' %>" class="w-16 h-16" />
 	<div class="flex flex-col pl-2">
 	  <a href="#" class="text-3xl">Residence Inn</a>
 	  <span class="text-xl">12 minutes away</span>
@@ -137,7 +137,7 @@
 	</div>
       </div>
       <div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
-	<img src="assets/hotel-warner.png" class="w-16 h-16 scale-y-50" />
+	<img src="<%= image_path 'hotel-warner.png' %>" class="w-16 h-16 scale-y-50" />
 	<div class="flex flex-col pl-2">
 	  <span class="text-3xl">Hotel Warner</span>
 	  <span class="text-xl">15 minutes away</span>

app/views/layouts/application.html.erb

@@ -20,14 +20,14 @@
   </head>
 
   <body>
-    <div id="main-content" class="lg:bg-[#fdfefe]"/>
+    <div id="main-content" class="lg:bg-[#fdfefe]">
       <%= yield %>
     </div>
     <script>
       var burgerMenu = document.getElementById('burger-menu');
       var navLinks = document.getElementById('nav-links');
       burgerMenu.addEventListener('click', function() {
-	  navLinks.classList.toggle("max-md:hidden");
+	  navLinks.classList.toggle("max-lg:hidden");
       });
     </script>
 

config/environments/production.rb

@@ -49,7 +49,7 @@ Rails.application.configure do
   # config.assume_ssl = true
 
   # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
-  config.force_ssl = true
+  config.force_ssl = false
 
   # Skip http-to-https redirect for the default health check endpoint.
   # config.ssl_options = { redirect: { exclude: ->(request) { request.path == "/up" } } }