adam/weddingplan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: adam:a809ce1743ba9f03ac32e07dd4dd4a322fc2a144
Branches Tags
adam:main adam:gitea-actions
adam:v0.2.2 adam:v0.2.1 adam:v0.2.0 adam:v0.1.21 adam:v0.1.8 adam:v0.1.7 adam:v0.1.5 adam:v0.1.4 adam:v0.1.3
..
compare: adam:18f9984ce0b7200749089d7a711106528746fac9
Branches Tags
adam:main adam:gitea-actions
adam:v0.2.2 adam:v0.2.1 adam:v0.2.0 adam:v0.1.21 adam:v0.1.8 adam:v0.1.7 adam:v0.1.5 adam:v0.1.4 adam:v0.1.3

3 Commits
a809ce1743 ... 18f9984ce0

Author SHA1 Message Date
Adam Mohammed
18f9984ce0 Hide the accommodation information 2024-11-23 19:24:32 -05:00
Adam Mohammed
5d1b1545d7 use image path to render images 2024-11-23 19:02:22 -05:00
Adam Mohammed
97a094f56d Fix some responsiveness 2024-11-23 19:02:01 -05:00
3 changed files with 20 additions and 20 deletions
Expand all files Collapse all files

34
app/views/home/index.html.erb
View File

@@ -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="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"/>
<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 id="nav-links-lg" class="text-xl flex flex-col lg:flex-row lg:mr-4">
<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="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Ceremony & Reception</a>
<a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Accommodations</a>
<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">
<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 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="#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 class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl">
<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 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>

4
app/views/layouts/application.html.erb
View File

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

2
config/environments/production.rb
View File

@@ -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" } } }