updates

src/lib/home/Banner.svelte

@@ -68,7 +68,7 @@
 	});
 
 	let randomBannerPic = array[Math.floor(Math.random() * array.length)];
-	randomBannerPic = "/banner.png";
+	randomBannerPic = "/homepage/banner.png";
 </script>
 
 <main class="flex gap-5 items-center pt-5 pb-60 justify-between px-6 lg:px-20 relative z-0 overflow-hidden">
@@ -99,7 +99,7 @@
 			<span class="my-2">
 				<p class="text-gray-800 dark:text-gray-300 lg:w-3/4">
 					Bart Industries is a collection of everything I've done such as my projects, involvements and ambitions,
-					but also other things such as my furry side, stories and everything else I feel like sharing.
+					but also other things such as my furry side, stories, socials, blogposts and everything else I feel like sharing.
 					<br/><br/>
 					I am open for opportunities,
 					if you want to reach out you can use one of the methods below or <a href="#contact" class="a">the contact form</a>.
@@ -109,12 +109,9 @@
 			<Socials />
 		</div>
 
-		<div class="hidden lg:flex 3xl:hidden absolute left-0 bottom-0 w-full justify-center mb-40 z-50 text-8xl float scale-x-110 text-blue-600">
+		<span class="flex absolute left-0 bottom-0 w-full justify-center mb-40 z-50 text-8xl float text-blue-600">
-			🠗
+			<img src="/downarrow.png" class="w-10" />
-			<div class="absolute inset-0 flex justify-center -mt-5 font-bold text-black dark:text-white text-lg">
+		</span>
-				See What I've Made
-			</div>
-		</div>
 	</div>
 </main>
 
@@ -180,15 +177,15 @@
 	@keyframes float {
 		0% {
 			padding-top: 0px;
-			padding-bottom: 20px;
+			padding-bottom: 30px;
 		}
 		50% {
 			padding-top: 10px;
-			padding-bottom: 10px;
+			padding-bottom: 20px;
 		}
 		100% {
 			padding-top: 0px;
-			padding-bottom: 20px;
+			padding-bottom: 30px;
 		}
 	}
 </style>

src/lib/home/Card.svelte

@@ -20,6 +20,6 @@
 			<span class="px-5">{buttonText}</span>
 		</a>
 	{:else}
-		<span class="h-10 bg-opacity-50 group-hover:-translate-y-1 bg-white dark:bg-gray-900 rounded-b-xl duration-300"></span>
+		<span class="h-4 bg-opacity-50 group-hover:-translate-y-1 bg-white dark:bg-gray-900 rounded-b-xl duration-300"></span>
 	{/if}
 </div>

src/routes/index.svelte

@@ -28,7 +28,7 @@
 		</svg>
 	</div>
 
-	<section class="bg-gray-200 dark:bg-gray-800 z-20">
+	<section class="bg-gray-200 pt-10 dark:bg-gray-800 z-20" id="works">
 		<div class="container px-5 flex flex-col gap-10 justify-center">
 			<div class="flex flex-col gap-5">
 				<h2 class="font-bold text-4xl">I do a lot of things</h2>
@@ -43,7 +43,6 @@
 				<Card
 					buttonHref="https://puppypride.social"
 					buttonText="🌐 Visit Puppy Pride"
-					color="bg-gradient-to-br from-blue-300 to-blue-400 dark:bg-gradient-to-br dark:from-blue-700 dark:to-blue-900"
 				>
 					<h3
 						class="text-xl font-bold inline-flex items-center gap-3"
@@ -55,29 +54,27 @@
 						/> Puppy Pride
 					</h3>
 					<p class="text-sm text-gray-800 dark:text-gray-100">
-						I was the sole developer of the new Puppy Pride social
+						I was the developer of the new Puppy Pride social
-						network over the course of 2021, and continuing on to
+						network over the course of 2021, and continue to support and expand
-						this day. The whole site was built from the ground up
+						it to this day. The site was built from the ground up
 						using the TALL stack in PHP.
 						<br /><br />
-						The network sports a whole array of social features including
+						The site sports a whole array of social features including
-						blogging, picture albums, statuses, extensive user profiles,
+						blogging, picture albums, statuses, user profiles, forums,
-						events, customizable groups with roles and custom pages,
+						events, groups with roles and custom pages, location data,
 						instant messaging, various networking tools like friending
 						and blocking, notifications through channels like push and
-						mail, live feed, subscriptions and views, extensive comment
+						mail, live feed, subscriptions and viewcounts, comment
-						sections, discussions, and much more.
+						sections, likes and followers, and much more.
 						<br /><br />
 						The project is nearing completion and will be released soon.
-						Puppy Pride is the world's leading pup play community and
+						You may find a beta release public at <a class="a" href="https://beta.puppypride.social">beta.puppypride.social</a>.
-						has tens of thousands of members across the globe.
 					</p>
 				</Card>
 
 				<Card
 					buttonHref="https://discord.gg/ygw4DNnKvt"
 					buttonText="🚪 Join the Discord"
-					color="bg-gradient-to-br from-orange-300 to-orange-400 dark:bg-gradient-to-br dark:from-orange-700 dark:to-orange-900"
 				>
 					<h3
 						class="text-xl font-bold inline-flex items-center gap-3"
@@ -127,9 +124,6 @@
 						construction of any type, be it a webapp or simple portfolio.
 						We focus on efficiency in communication and satisfaction
 						of the end result.
-						<br /><br />
-						We are also expanding into the SaaS business with our own Cloud Storage solution built on top
-						of Nextcloud and a communication platform in the works called Flame.
 					</p>
 				</Card>
 			</div>
@@ -143,7 +137,7 @@
 				</p>
 			</div>
 
-			<div class="grid grid-cols-1 lg:grid-cols-4 gap-10 justify-between">
+			<div class="grid grid-cols-1 lg:grid-cols-3 gap-10 justify-between">
 				<Card
 					buttonHref="https://sivkyne.xyz"
 					buttonRedirect="_blank"
@@ -187,6 +181,27 @@
 					</p>
 				</Card>
 
+				<span class="row-span-3">
+					<Card
+					>
+						<h3
+							class="text-xl font-bold inline-flex items-center gap-3"
+						>
+							🙋
+							Want your own?
+						</h3>
+						<p class="text-sm text-gray-800 dark:text-gray-100">
+							My focus is on making people ''wow'' when they open your site with a design that is something truly unique and represents you. <br/><br/>
+							Anything is possible! Your site can have your socials, a blog, an email contact form, a gallery, and anything else.
+							In some cases a site's upkeep can be entirely free forever, too! <br/><br/>
+							I am open to requests so if you want to explore the possibilities of having your own website and what one can do for you, please feel free to <a class="a" href="#contact">contact me</a>.
+							<br/><br/>
+							If you are a larger business, have complicated needs or desire a more formal agreement please <a class="a" href="https://dubbelnull.com" target="_blank">contact me via my company DubbelNull</a>.
+						</p>
+						<img src="/banner4.png" class="w-full -mb-10"/>
+					</Card>
+				</span>
+
 				<Card
 					buttonHref="https://trickthefox.com/"
 					buttonRedirect="_blank"
@@ -214,15 +229,12 @@
 					<h3
 						class="text-xl font-bold inline-flex items-center gap-3"
 					>
-						🙋
+						Upcoming: Sona Factory
-						Want your own?
 					</h3>
 					<p class="text-sm text-gray-800 dark:text-gray-100">
-						My focus is on making people ''wow'' when they open the site and design something truly unique that represents you and your style.
+						I am currently working on developing a portfolio site called Sona Factory,
-						Smaller websites can feature a range of things such as your socials, blog, contact form, CMS pages, gallery, and much more. In certain cases, their upkeep can be entirely free forever!
+						featuring an open folder directory containing arts and works, a gallery and contact form,
-						I am open to requests so if you want to explore the possibilities of having your own website and what one can do for you, please feel free to <a class="a" href="#contact">contact me</a>.
+						and unique page designs for various characters displayed on the site called fursonas.
-						<br/><br/>
-						If you are a larger business, have complicated needs or desire a more formal agreement please contact me via my company DubbelNull.
 					</p>
 				</Card>
 			</div>

static/homepage/wave1-dark.svg

@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 2000 500" width="2000" height="500" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 312L47.7 311.7C95.3 311.3 190.7 310.7 285.8 327.7C381 344.7 476 379.3 571.2 375C666.3 370.7 761.7 327.3 857 318C952.3 308.7 1047.7 333.3 1143 328.3C1238.3 323.3 1333.7 288.7 1428.8 290.5C1524 292.3 1619 330.7 1714.2 348.2C1809.3 365.7 1904.7 362.3 1952.3 360.7L2000 359L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#141c2b"></path><path d="M0 339L47.7 320.3C95.3 301.7 190.7 264.3 285.8 255.5C381 246.7 476 266.3 571.2 283.5C666.3 300.7 761.7 315.3 857 306.8C952.3 298.3 1047.7 266.7 1143 249C1238.3 231.3 1333.7 227.7 1428.8 222.3C1524 217 1619 210 1714.2 209.7C1809.3 209.3 1904.7 215.7 1952.3 218.8L2000 222L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#161f2e"></path><path d="M0 182L47.7 187.2C95.3 192.3 190.7 202.7 285.8 211.5C381 220.3 476 227.7 571.2 237C666.3 246.3 761.7 257.7 857 246C952.3 234.3 1047.7 199.7 1143 188.5C1238.3 177.3 1333.7 189.7 1428.8 201.2C1524 212.7 1619 223.3 1714.2 218C1809.3 212.7 1904.7 191.3 1952.3 180.7L2000 170L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#192231"></path><path d="M0 105L47.7 110.8C95.3 116.7 190.7 128.3 285.8 134.7C381 141 476 142 571.2 151C666.3 160 761.7 177 857 178.8C952.3 180.7 1047.7 167.3 1143 160.5C1238.3 153.7 1333.7 153.3 1428.8 154.5C1524 155.7 1619 158.3 1714.2 152.2C1809.3 146 1904.7 131 1952.3 123.5L2000 116L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#1c2534"></path><path d="M0 63L47.7 67.7C95.3 72.3 190.7 81.7 285.8 84.5C381 87.3 476 83.7 571.2 81.5C666.3 79.3 761.7 78.7 857 81C952.3 83.3 1047.7 88.7 1143 84.7C1238.3 80.7 1333.7 67.3 1428.8 63.3C1524 59.3 1619 64.7 1714.2 64.8C1809.3 65 1904.7 60 1952.3 57.5L2000 55L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#1f2937"></path></svg>

static/homepage/wave1-light.svg

@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 2000 500" width="2000" height="500" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 312L47.7 311.7C95.3 311.3 190.7 310.7 285.8 327.7C381 344.7 476 379.3 571.2 375C666.3 370.7 761.7 327.3 857 318C952.3 308.7 1047.7 333.3 1143 328.3C1238.3 323.3 1333.7 288.7 1428.8 290.5C1524 292.3 1619 330.7 1714.2 348.2C1809.3 365.7 1904.7 362.3 1952.3 360.7L2000 359L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#eff1f3"></path><path d="M0 339L47.7 320.3C95.3 301.7 190.7 264.3 285.8 255.5C381 246.7 476 266.3 571.2 283.5C666.3 300.7 761.7 315.3 857 306.8C952.3 298.3 1047.7 266.7 1143 249C1238.3 231.3 1333.7 227.7 1428.8 222.3C1524 217 1619 210 1714.2 209.7C1809.3 209.3 1904.7 215.7 1952.3 218.8L2000 222L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#eceff1"></path><path d="M0 182L47.7 187.2C95.3 192.3 190.7 202.7 285.8 211.5C381 220.3 476 227.7 571.2 237C666.3 246.3 761.7 257.7 857 246C952.3 234.3 1047.7 199.7 1143 188.5C1238.3 177.3 1333.7 189.7 1428.8 201.2C1524 212.7 1619 223.3 1714.2 218C1809.3 212.7 1904.7 191.3 1952.3 180.7L2000 170L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#eaecef"></path><path d="M0 105L47.7 110.8C95.3 116.7 190.7 128.3 285.8 134.7C381 141 476 142 571.2 151C666.3 160 761.7 177 857 178.8C952.3 180.7 1047.7 167.3 1143 160.5C1238.3 153.7 1333.7 153.3 1428.8 154.5C1524 155.7 1619 158.3 1714.2 152.2C1809.3 146 1904.7 131 1952.3 123.5L2000 116L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#e7eaed"></path><path d="M0 63L47.7 67.7C95.3 72.3 190.7 81.7 285.8 84.5C381 87.3 476 83.7 571.2 81.5C666.3 79.3 761.7 78.7 857 81C952.3 83.3 1047.7 88.7 1143 84.7C1238.3 80.7 1333.7 67.3 1428.8 63.3C1524 59.3 1619 64.7 1714.2 64.8C1809.3 65 1904.7 60 1952.3 57.5L2000 55L2000 0L1952.3 0C1904.7 0 1809.3 0 1714.2 0C1619 0 1524 0 1428.8 0C1333.7 0 1238.3 0 1143 0C1047.7 0 952.3 0 857 0C761.7 0 666.3 0 571.2 0C476 0 381 0 285.8 0C190.7 0 95.3 0 47.7 0L0 0Z" fill="#e5e7eb"></path></svg>

static/homepage/wave2-dark.svg

@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 2000 500" width="2000" height="500" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 186L47.7 186.3C95.3 186.7 190.7 187.3 285.8 170.3C381 153.3 476 118.7 571.2 123C666.3 127.3 761.7 170.7 857 180C952.3 189.3 1047.7 164.7 1143 169.7C1238.3 174.7 1333.7 209.3 1428.8 207.5C1524 205.7 1619 167.3 1714.2 149.8C1809.3 132.3 1904.7 135.7 1952.3 137.3L2000 139L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#141c2b"></path><path d="M0 159L47.7 177.7C95.3 196.3 190.7 233.7 285.8 242.5C381 251.3 476 231.7 571.2 214.5C666.3 197.3 761.7 182.7 857 191.2C952.3 199.7 1047.7 231.3 1143 249C1238.3 266.7 1333.7 270.3 1428.8 275.7C1524 281 1619 288 1714.2 288.3C1809.3 288.7 1904.7 282.3 1952.3 279.2L2000 276L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#161f2e"></path><path d="M0 316L47.7 310.8C95.3 305.7 190.7 295.3 285.8 286.5C381 277.7 476 270.3 571.2 261C666.3 251.7 761.7 240.3 857 252C952.3 263.7 1047.7 298.3 1143 309.5C1238.3 320.7 1333.7 308.3 1428.8 296.8C1524 285.3 1619 274.7 1714.2 280C1809.3 285.3 1904.7 306.7 1952.3 317.3L2000 328L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#192231"></path><path d="M0 393L47.7 387.2C95.3 381.3 190.7 369.7 285.8 363.3C381 357 476 356 571.2 347C666.3 338 761.7 321 857 319.2C952.3 317.3 1047.7 330.7 1143 337.5C1238.3 344.3 1333.7 344.7 1428.8 343.5C1524 342.3 1619 339.7 1714.2 345.8C1809.3 352 1904.7 367 1952.3 374.5L2000 382L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#1c2534"></path><path d="M0 435L47.7 430.3C95.3 425.7 190.7 416.3 285.8 413.5C381 410.7 476 414.3 571.2 416.5C666.3 418.7 761.7 419.3 857 417C952.3 414.7 1047.7 409.3 1143 413.3C1238.3 417.3 1333.7 430.7 1428.8 434.7C1524 438.7 1619 433.3 1714.2 433.2C1809.3 433 1904.7 438 1952.3 440.5L2000 443L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#1f2937"></path></svg>

static/homepage/wave2-light.svg

@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 2000 500" width="2000" height="500" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 186L47.7 186.3C95.3 186.7 190.7 187.3 285.8 170.3C381 153.3 476 118.7 571.2 123C666.3 127.3 761.7 170.7 857 180C952.3 189.3 1047.7 164.7 1143 169.7C1238.3 174.7 1333.7 209.3 1428.8 207.5C1524 205.7 1619 167.3 1714.2 149.8C1809.3 132.3 1904.7 135.7 1952.3 137.3L2000 139L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#eff1f3"></path><path d="M0 159L47.7 177.7C95.3 196.3 190.7 233.7 285.8 242.5C381 251.3 476 231.7 571.2 214.5C666.3 197.3 761.7 182.7 857 191.2C952.3 199.7 1047.7 231.3 1143 249C1238.3 266.7 1333.7 270.3 1428.8 275.7C1524 281 1619 288 1714.2 288.3C1809.3 288.7 1904.7 282.3 1952.3 279.2L2000 276L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#eceff1"></path><path d="M0 316L47.7 310.8C95.3 305.7 190.7 295.3 285.8 286.5C381 277.7 476 270.3 571.2 261C666.3 251.7 761.7 240.3 857 252C952.3 263.7 1047.7 298.3 1143 309.5C1238.3 320.7 1333.7 308.3 1428.8 296.8C1524 285.3 1619 274.7 1714.2 280C1809.3 285.3 1904.7 306.7 1952.3 317.3L2000 328L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#eaecef"></path><path d="M0 393L47.7 387.2C95.3 381.3 190.7 369.7 285.8 363.3C381 357 476 356 571.2 347C666.3 338 761.7 321 857 319.2C952.3 317.3 1047.7 330.7 1143 337.5C1238.3 344.3 1333.7 344.7 1428.8 343.5C1524 342.3 1619 339.7 1714.2 345.8C1809.3 352 1904.7 367 1952.3 374.5L2000 382L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#e7eaed"></path><path d="M0 435L47.7 430.3C95.3 425.7 190.7 416.3 285.8 413.5C381 410.7 476 414.3 571.2 416.5C666.3 418.7 761.7 419.3 857 417C952.3 414.7 1047.7 409.3 1143 413.3C1238.3 417.3 1333.7 430.7 1428.8 434.7C1524 438.7 1619 433.3 1714.2 433.2C1809.3 433 1904.7 438 1952.3 440.5L2000 443L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#e5e7eb"></path></svg>

static/waveshomepage1.svg

@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 2000 500" width="2000" height="500" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 140L47.7 130.5C95.3 121 190.7 102 285.8 97.2C381 92.3 476 101.7 571.2 115.8C666.3 130 761.7 149 857 165.3C952.3 181.7 1047.7 195.3 1143 194.7C1238.3 194 1333.7 179 1428.8 171C1524 163 1619 162 1714.2 160.5C1809.3 159 1904.7 157 1952.3 156L2000 155L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#eff1f3"></path><path d="M0 190L47.7 203.5C95.3 217 190.7 244 285.8 255C381 266 476 261 571.2 248.7C666.3 236.3 761.7 216.7 857 220.5C952.3 224.3 1047.7 251.7 1143 259.5C1238.3 267.3 1333.7 255.7 1428.8 240.2C1524 224.7 1619 205.3 1714.2 206.7C1809.3 208 1904.7 230 1952.3 241L2000 252L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#eceff1"></path><path d="M0 310L47.7 306.8C95.3 303.7 190.7 297.3 285.8 302C381 306.7 476 322.3 571.2 331.5C666.3 340.7 761.7 343.3 857 339C952.3 334.7 1047.7 323.3 1143 320.7C1238.3 318 1333.7 324 1428.8 311.7C1524 299.3 1619 268.7 1714.2 266.5C1809.3 264.3 1904.7 290.7 1952.3 303.8L2000 317L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#eaecef"></path><path d="M0 368L47.7 357.3C95.3 346.7 190.7 325.3 285.8 329C381 332.7 476 361.3 571.2 364C666.3 366.7 761.7 343.3 857 329.8C952.3 316.3 1047.7 312.7 1143 315.2C1238.3 317.7 1333.7 326.3 1428.8 327C1524 327.7 1619 320.3 1714.2 329.3C1809.3 338.3 1904.7 363.7 1952.3 376.3L2000 389L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#e7eaed"></path><path d="M0 389L47.7 391.2C95.3 393.3 190.7 397.7 285.8 408.8C381 420 476 438 571.2 435.5C666.3 433 761.7 410 857 406C952.3 402 1047.7 417 1143 417.8C1238.3 418.7 1333.7 405.3 1428.8 406.5C1524 407.7 1619 423.3 1714.2 430C1809.3 436.7 1904.7 434.3 1952.3 433.2L2000 432L2000 501L1952.3 501C1904.7 501 1809.3 501 1714.2 501C1619 501 1524 501 1428.8 501C1333.7 501 1238.3 501 1143 501C1047.7 501 952.3 501 857 501C761.7 501 666.3 501 571.2 501C476 501 381 501 285.8 501C190.7 501 95.3 501 47.7 501L0 501Z" fill="#e5e7eb"></path></svg>

static/waveshomepage2.svg

@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 900 450" width="900" height="450" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="900" height="450" fill="#f3f4f6"></rect><path d="M0 239L21.5 249.3C43 259.7 86 280.3 128.8 292.8C171.7 305.3 214.3 309.7 257.2 312.5C300 315.3 343 316.7 385.8 309.8C428.7 303 471.3 288 514.2 293.8C557 299.7 600 326.3 642.8 318.8C685.7 311.3 728.3 269.7 771.2 271C814 272.3 857 316.7 878.5 338.8L900 361L900 0L878.5 0C857 0 814 0 771.2 0C728.3 0 685.7 0 642.8 0C600 0 557 0 514.2 0C471.3 0 428.7 0 385.8 0C343 0 300 0 257.2 0C214.3 0 171.7 0 128.8 0C86 0 43 0 21.5 0L0 0Z" fill="#eeeff2"></path><path d="M0 212L21.5 223C43 234 86 256 128.8 252.8C171.7 249.7 214.3 221.3 257.2 205.5C300 189.7 343 186.3 385.8 194C428.7 201.7 471.3 220.3 514.2 239.5C557 258.7 600 278.3 642.8 280.3C685.7 282.3 728.3 266.7 771.2 255.3C814 244 857 237 878.5 233.5L900 230L900 0L878.5 0C857 0 814 0 771.2 0C728.3 0 685.7 0 642.8 0C600 0 557 0 514.2 0C471.3 0 428.7 0 385.8 0C343 0 300 0 257.2 0C214.3 0 171.7 0 128.8 0C86 0 43 0 21.5 0L0 0Z" fill="#eaebee"></path><path d="M0 223L21.5 212.8C43 202.7 86 182.3 128.8 182C171.7 181.7 214.3 201.3 257.2 206.8C300 212.3 343 203.7 385.8 203.3C428.7 203 471.3 211 514.2 208.2C557 205.3 600 191.7 642.8 184.2C685.7 176.7 728.3 175.3 771.2 183.7C814 192 857 210 878.5 219L900 228L900 0L878.5 0C857 0 814 0 771.2 0C728.3 0 685.7 0 642.8 0C600 0 557 0 514.2 0C471.3 0 428.7 0 385.8 0C343 0 300 0 257.2 0C214.3 0 171.7 0 128.8 0C86 0 43 0 21.5 0L0 0Z" fill="#e5e7eb"></path><path d="M0 142L21.5 143.8C43 145.7 86 149.3 128.8 144C171.7 138.7 214.3 124.3 257.2 116.8C300 109.3 343 108.7 385.8 114C428.7 119.3 471.3 130.7 514.2 129.7C557 128.7 600 115.3 642.8 118.3C685.7 121.3 728.3 140.7 771.2 140.3C814 140 857 120 878.5 110L900 100L900 0L878.5 0C857 0 814 0 771.2 0C728.3 0 685.7 0 642.8 0C600 0 557 0 514.2 0C471.3 0 428.7 0 385.8 0C343 0 300 0 257.2 0C214.3 0 171.7 0 128.8 0C86 0 43 0 21.5 0L0 0Z" fill="#dcdfe4"></path><path d="M0 85L21.5 82.7C43 80.3 86 75.7 128.8 77.2C171.7 78.7 214.3 86.3 257.2 85.3C300 84.3 343 74.7 385.8 76.3C428.7 78 471.3 91 514.2 94.8C557 98.7 600 93.3 642.8 94C685.7 94.7 728.3 101.3 771.2 103C814 104.7 857 101.3 878.5 99.7L900 98L900 0L878.5 0C857 0 814 0 771.2 0C728.3 0 685.7 0 642.8 0C600 0 557 0 514.2 0C471.3 0 428.7 0 385.8 0C343 0 300 0 257.2 0C214.3 0 171.7 0 128.8 0C86 0 43 0 21.5 0L0 0Z" fill="#d3d7de"></path></svg>

tailwind.config.cjs

@@ -3,7 +3,15 @@ module.exports = {
 	content: ['./src/**/*.{html,js,svelte,ts}'],
 	theme: {
 		container: {
-			center: true
+			center: true,
+			screens: {
+				sm: '100%',
+				md: '100%',
+				lg: '1000px',
+				xl: '1500px',
+				'2xl': '1500px',
+				'3xl': '1500px'
+			}
 		},
 		extend: {
 			borderWidth: {