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

4
src/app.css
View file

@ -1,2 +1,6 @@
@import "tailwindcss";
@plugin "daisyui";
:root {
@apply font-[Roboto];
}

6
src/app.html
View file

@ -2,6 +2,12 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%

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 {