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

Update with more emphasis on ceremony details
Some checks are pending
CI / scan_ruby (push) Waiting to run
Details
CI / scan_js (push) Waiting to run
Details
CI / lint (push) Waiting to run
Details
CI / test (push) Waiting to run
Details

Browse Source
This commit is contained in:
Adam Mohammed
2025-05-23 21:20:34 -04:00
parent 359183e7b9
commit 0aad447cd1
4 changed files with 89 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
app/views/home/_wedding-program.html.erb Normal file
View File

@@ -0,0 +1,64 @@
<div id="wedding-program" class="w-screen bg-[<%= color %>] lg:bg-[#fdfefe] lg:my-8">
<div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[<%= color %>] lg:shadow-2xl px-8 py-8">
<div class="w-fit mx-auto">
<h1 class="text-5xl rogue-script lg:text-7xl">Wedding Day Timeline</h1>
</div>
<ol class="relative border-l border-slate-900">
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">4:00 PM</time>
<h3 class="text-lg font-semibold text-slate-900">Shuttle service from Holiday Inn Express starts</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">5:00 PM</time>
<h3 class="text-lg font-semibold text-slate-900">Ceremony</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">6:00 PM</time>
<h3 class="text-lg font-semibold text-slate-900">Cocktail Hour</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">7:00 PM</time>
<h3 class="text-lg font-semibold text-slate-900">Find seats in the ballroom</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">7:05 PM</time>
<h3 class="text-lg font-semibold text-slate-900">Wedding Party Introductions</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">7:15 PM</time>
<h3 class="text-lg font-semibold text-slate-900">First dance</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">7:20 PM</time>
<h3 class="text-lg font-semibold text-slate-900">Toast</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">7:30 PM</time>
<h3 class="text-lg font-semibold text-slate-900">Dinner served</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">7:45</time>
<h3 class="text-lg font-semibold text-slate-900">Speeches</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">8:05PM</time>
<h3 class="text-lg font-semibold text-slate-900">Father-Daughter Dance</h3>
</li>
<li class="mb-10 ms-4">
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-600">8:10PM</time>
<h3 class="text-lg font-semibold text-slate-900">Mother-Son Dance</h3>
</li>
</ol>
</div>
</div>