use image path to render images

This commit is contained in:
2024-11-23 18:12:39 -05:00
parent 97a094f56d
commit 5d1b1545d7
2 changed files with 8 additions and 8 deletions

View File

@@ -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 -->
@@ -93,7 +93,7 @@
<div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl">
<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,7 +111,7 @@
</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 bg-[#92a084] lg:bg-[#fdfefe]">
<div class="container mx-auto bg-[#92a084] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
@@ -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>