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

Add accommodations
Some checks failed
Gitea Actions Demo / Explore-Gitea-Actions (push) Failing after 0s
Details

Browse Source
This commit is contained in:
Adam Mohammed
2024-12-28 18:13:10 -05:00
parent af3d0917de
commit 12780a104a
1 changed files with 52 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,10 +12,10 @@
<nav class="flex items-center justify-between flex-wrap pt-12 z-30"> <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 class="bg-[#a99dab] w-full block flex-grow lg:hidden">
<div id="nav-links" class="text-xl max-lg: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">How We Met</a> <a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">How We Met</a>
<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a> <a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
<a href="#more-info" class="block my-4 lg:inline-block lg:mt-0 hover:text-white mr-24">More Info</a> <a href="#more-info" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">More Info</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 my-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="#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> --> <!-- <a href="#rsvp" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white pb-4">RSVP</a> -->
</div> </div>
@@ -47,10 +47,10 @@
<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 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"> <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">How We Met</a> <a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">How We Met</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="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">Ceremony & Reception</a>
<a href="#more-info" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">More Info</a> <a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">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="#more-info" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">More Info</a>
<!-- <a href="#registry" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</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> --> <!-- <a href="#rsvp" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white">RSVP</a> -->
</div> </div>
@@ -136,6 +136,50 @@
</div> </div>
</div> </div>
</div> </div>
<div id="accommodations" class="w-screen text-slate-900 lg:my-8 bg-[#92a084] lg:bg-[#fdfefe]">
<div class="container mx-auto bg-[#92a084] lg:rounded-2xl py-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> -->
<span class="text-5xl pl-4 lg:pt-4 rogue-script lg:text-7xl">Accommodations</span>
</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 basis-1/3 bg-[#fdfefe] rounded-lg mx-4 mt-4 lg:mb-0 px-4 py-4 items-center lg:p-12">
<img src="<%= image_path 'hiexpress.svg' %>" class="w-24 h-16" />
<div class="flex flex-col pl-2">
<span class="text-3xl">Holiday Inn</span>
<span class="text-xl">3 minutes away</span>
<span>610-399-4600</span>
<a class="text-xl rounded-lg bg-emerald-600 px-4 py-4 text-slate-300 hover:bg-emerald-500" href="https://www.hiexpress.com/redirect?path=rates&brandCode=EX&localeCode=en%C2%AEionCode=1&hotelCode=PHLWP&checkInDate=06&checkInMonthYear=052025&checkOutDate=08&checkOutMonthYear=052025&numberOfAdults=1&numberOfChildren=1&numberOfRooms=1&_PMID=99801505&GPC=MOH&cn=no&viewfullsite=true">Book Here</a>
</div>
</div>
<div class="flex flex-row basis-1/3 bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
<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 class="text-xl">7 minutes away</span>
<span>484-354-2985</span>
</div>
</div>
<div class="flex flex-row basis-1/3 bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
<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>
<span>610-459-1190</span>
</div>
</div>
<!-- <div class="flex flex-row basis-1/4 bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12"> -->
<!-- <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> -->
<!-- <span>610-6922-6920</span> -->
<!-- </div> -->
<!-- </div> -->
</div>
</div>
</div>
<div id="more-info" class="w-screen text-slate-900 bg-[#ddd3be] lg:bg-[#fdfefe]"> <div id="more-info" class="w-screen text-slate-900 bg-[#ddd3be] lg:bg-[#fdfefe]">
<div class="container mx-auto bg-[#ddd3be] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4"> <div class="container mx-auto bg-[#ddd3be] 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"> <div class="w-fit mx-auto lg:flex lg:flex-row lg:justify-center lg:items-center">
@@ -155,43 +199,3 @@
</div> </div>
</div> </div>
<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> -->
<span class="text-5xl pl-4 lg:pt-4 rogue-script lg:text-7xl">Accommodations</span>
</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="<%= 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>
<span class="text-xl">7 minutes away</span>
</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="<%= 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>
<span>610-459-1190</span>
</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="<%= 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>
<span>610-6922-6920</span>
</div>
</div>
<div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 mb-4 lg:mb-0 px-4 py-4 items-center lg:p-12">
<div class="flex flex-col pl-2">
<span class="text-3xl">Wedding Block</span>
<span class="text-xl">Details coming soon</span>
</div>
</div>
</div>
</div>
</div>