baobeld/benjaminpalko
1
0
Fork 0
Code Pull requests Packages 2 Activity Actions

WIP final
All checks were successful
Deployment / Install (push) Successful in 2m36s
Details

Browse source
This commit is contained in:
Benjamin Palko 2025-04-27 15:51:29 -04:00
parent 4d3d415d11
commit 15fc4c5550
3 changed files with 42 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

64
src/lib/components/WIP.svelte
View file

@ -1,50 +1,50 @@
<div class="hazard-border flex w-full flex-col justify-around">
<div class="hazard-border flex w-full flex-col justify-around text-xl font-semibold italic">
<div class="scroll-parent hazard w-full -skew-2 overflow-hidden px-8">
<div class="scroll-element primary flex justify-around">
<b>Under Construction</b>
<b>Caution</b>
<b>Work In Progress</b>
<b>Under Construction</b>
<b>Caution</b>
<p>Under Construction</p>
<p>Caution</p>
<p>Work In Progress</p>
<p>Under Construction</p>
<p>Caution</p>
</div>
<div class="scroll-element secondary flex justify-around">
<b>Under Construction</b>
<b>Caution</b>
<b>Work In Progress</b>
<b>Under Construction</b>
<b>Caution</b>
<p>Under Construction</p>
<p>Caution</p>
<p>Work In Progress</p>
<p>Under Construction</p>
<p>Caution</p>
</div>
</div>
<div class="scroll-parent hazard w-full skew-2 overflow-hidden px-8">
<div class="scroll-element -primary flex justify-around">
<b>Caution</b>
<b>Work In Progress</b>
<b>Under Construction</b>
<b>Caution</b>
<b>Work In Progress</b>
<p>Caution</p>
<p>Work In Progress</p>
<p>Under Construction</p>
<p>Caution</p>
<p>Work In Progress</p>
</div>
<div class="scroll-element -secondary flex justify-around">
<b>Caution</b>
<b>Work In Progress</b>
<b>Under Construction</b>
<b>Caution</b>
<b>Work In Progress</b>
<p>Caution</p>
<p>Work In Progress</p>
<p>Under Construction</p>
<p>Caution</p>
<p>Work In Progress</p>
</div>
</div>
<div class="scroll-parent hazard w-full -skew-2 overflow-hidden px-8">
<div class="scroll-element primary flex justify-around">
<b>Work In Progress</b>
<b>Under Construction</b>
<b>Caution</b>
<b>Work In Progress</b>
<b>Under Construction</b>
<p>Work In Progress</p>
<p>Under Construction</p>
<p>Caution</p>
<p>Work In Progress</p>
<p>Under Construction</p>
</div>
<div class="scroll-element secondary flex justify-around">
<b>Work In Progress</b>
<b>Under Construction</b>
<b>Caution</b>
<b>Work In Progress</b>
<b>Under Construction</b>
<p>Work In Progress</p>
<p>Under Construction</p>
<p>Caution</p>
<p>Work In Progress</p>
<p>Under Construction</p>
</div>
</div>
</div>
@ -52,7 +52,7 @@
<style>
.scroll-parent {
position: relative;
height: 4rem;
height: 4.2rem;
}
.scroll-element {