|
|
|
@@ -1,8 +1,5 @@
|
|
|
|
<!-- options: #a99dab #dfebde -->
|
|
|
|
|
|
|
|
<div class="bg-[#a99dab] w-screen">
|
|
|
|
<div class="bg-[#a99dab] w-screen">
|
|
|
|
<!--- HERO START --->
|
|
|
|
|
|
|
|
<div class="hero-bg h-3/4">
|
|
|
|
<div class="hero-bg h-3/4">
|
|
|
|
<!-- Nav START -->
|
|
|
|
|
|
|
|
<div class="relative h-12 z-30">
|
|
|
|
<div class="relative h-12 z-30">
|
|
|
|
<div id="burger-menu" class="absolute right-0 pr-4 pt-4 block lg:hidden">
|
|
|
|
<div id="burger-menu" class="absolute right-0 pr-4 pt-4 block lg:hidden">
|
|
|
|
<button class="flex items-center px-3 py-2 border rounded hover:text-white hover:border-white">
|
|
|
|
<button class="flex items-center px-3 py-2 border rounded hover:text-white hover:border-white">
|
|
|
|
@@ -26,7 +23,6 @@
|
|
|
|
<img src="<%= image_path '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>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Nav END -->
|
|
|
|
|
|
|
|
<div class="container mx-auto">
|
|
|
|
<div class="container mx-auto">
|
|
|
|
<div class="pt-12 pb-8 flex flex-col items-center">
|
|
|
|
<div class="pt-12 pb-8 flex flex-col items-center">
|
|
|
|
<span class="fleur-de-leah-regular text-8xl basis-1/3">Jillian</span>
|
|
|
|
<span class="fleur-de-leah-regular text-8xl basis-1/3">Jillian</span>
|
|
|
|
@@ -54,5 +50,6 @@
|
|
|
|
<% @sections.each do |section| %>
|
|
|
|
<% @sections.each do |section| %>
|
|
|
|
<%= render section.id, color: cycle("#ddd3be", "#b2c0b2") %>
|
|
|
|
<%= render section.id, color: cycle("#ddd3be", "#b2c0b2") %>
|
|
|
|
<% end %>
|
|
|
|
<% end %>
|
|
|
|
<div class="hidden object-left-top object-top object-center object-bottom object-left-bottom object-[0%_0%] object[100%_100%] object-[50%_0%] object-[0%-50%] object-[0%_100%] object-[100%_0%]"></div>
|
|
|
|
<!-- stuff a bunch of classes in here so they don't get optimized out -->
|
|
|
|
|
|
|
|
<div class="hidden object-left-top object-top object-center object-bottom object-left-bottom object-[0%_0%] object[100%_100%] object-[50%_0%] object-[0%-50%] object-[0%_100%] object-[100%_0%] bg-[#ddd3be] bg-[#b2c0b2]"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|