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"; @import "tailwindcss";
@plugin "daisyui"; @plugin "daisyui";
:root {
@apply font-[Roboto];
}

6
src/app.html
View file

@ -2,6 +2,12 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <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" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %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-parent hazard w-full -skew-2 overflow-hidden px-8">
<div class="scroll-element primary flex justify-around"> <div class="scroll-element primary flex justify-around">
<b>Under Construction</b> <p>Under Construction</p>
<b>Caution</b> <p>Caution</p>
<b>Work In Progress</b> <p>Work In Progress</p>
<b>Under Construction</b> <p>Under Construction</p>
<b>Caution</b> <p>Caution</p>
</div> </div>
<div class="scroll-element secondary flex justify-around"> <div class="scroll-element secondary flex justify-around">
<b>Under Construction</b> <p>Under Construction</p>
<b>Caution</b> <p>Caution</p>
<b>Work In Progress</b> <p>Work In Progress</p>
<b>Under Construction</b> <p>Under Construction</p>
<b>Caution</b> <p>Caution</p>
</div> </div>
</div> </div>
<div class="scroll-parent hazard w-full skew-2 overflow-hidden px-8"> <div class="scroll-parent hazard w-full skew-2 overflow-hidden px-8">
<div class="scroll-element -primary flex justify-around"> <div class="scroll-element -primary flex justify-around">
<b>Caution</b> <p>Caution</p>
<b>Work In Progress</b> <p>Work In Progress</p>
<b>Under Construction</b> <p>Under Construction</p>
<b>Caution</b> <p>Caution</p>
<b>Work In Progress</b> <p>Work In Progress</p>
</div> </div>
<div class="scroll-element -secondary flex justify-around"> <div class="scroll-element -secondary flex justify-around">
<b>Caution</b> <p>Caution</p>
<b>Work In Progress</b> <p>Work In Progress</p>
<b>Under Construction</b> <p>Under Construction</p>
<b>Caution</b> <p>Caution</p>
<b>Work In Progress</b> <p>Work In Progress</p>
</div> </div>
</div> </div>
<div class="scroll-parent hazard w-full -skew-2 overflow-hidden px-8"> <div class="scroll-parent hazard w-full -skew-2 overflow-hidden px-8">
<div class="scroll-element primary flex justify-around"> <div class="scroll-element primary flex justify-around">
<b>Work In Progress</b> <p>Work In Progress</p>
<b>Under Construction</b> <p>Under Construction</p>
<b>Caution</b> <p>Caution</p>
<b>Work In Progress</b> <p>Work In Progress</p>
<b>Under Construction</b> <p>Under Construction</p>
</div> </div>
<div class="scroll-element secondary flex justify-around"> <div class="scroll-element secondary flex justify-around">
<b>Work In Progress</b> <p>Work In Progress</p>
<b>Under Construction</b> <p>Under Construction</p>
<b>Caution</b> <p>Caution</p>
<b>Work In Progress</b> <p>Work In Progress</p>
<b>Under Construction</b> <p>Under Construction</p>
</div> </div>
</div> </div>
</div> </div>
@ -52,7 +52,7 @@
<style> <style>
.scroll-parent { .scroll-parent {
position: relative; position: relative;
height: 4rem; height: 4.2rem;
} }
.scroll-element { .scroll-element {