From f5cc63a93eb114c9cc503c8a99a4503af21acd9e Mon Sep 17 00:00:00 2001
From: Luke Hagar <lukeslakemail@gmail.com>
Date: Mon, 20 May 2024 11:21:48 -0500
Subject: [PATCH] Update +layout.svelte

---
 src/routes/+layout.svelte | 68 +++++++++++++++++++--------------------
 1 file changed, 34 insertions(+), 34 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 24bd9cf..a8f9f59 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,47 +2,47 @@
 	import '$lib/theme-luke.css';
 	import '../app.postcss';
 
-	// import { onMount } from 'svelte';
+	import { onMount } from 'svelte';
 
-	// import { particlesInit } from '@tsparticles/svelte';
-	// import { loadFull } from 'tsparticles';
+	import { particlesInit } from '@tsparticles/svelte';
+	import { loadFull } from 'tsparticles';
 
-	// let ParticlesComponent;
+	let ParticlesComponent;
 
-	// onMount(async () => {
-	// 	const module = await import('@tsparticles/svelte');
+	onMount(async () => {
+		const module = await import('@tsparticles/svelte');
 
-	// 	ParticlesComponent = module.default;
-	// });
+		ParticlesComponent = module.default;
+	});
 
-	// const particlesConfig = {
-	// 	particles: {
-	// 		color: {
-	// 			value: ['#ffffff', '#0033a1', '#0071ce', '#54c0e8', '#cc27b0']
-	// 		},
-	// 		links: {
-	// 			enable: true,
-	// 			color: '#54c0e8'
-	// 		},
-	// 		move: {
-	// 			enable: true
-	// 		},
-	// 		number: {
-	// 			value: 200
-	// 		}
-	// 	}
-	// };
+	const particlesConfig = {
+		particles: {
+			color: {
+				value: ['#ffffff', '#0033a1', '#0071ce', '#54c0e8', '#cc27b0']
+			},
+			links: {
+				enable: true,
+				color: '#54c0e8'
+			},
+			move: {
+				enable: true
+			},
+			number: {
+				value: 200
+			}
+		}
+	};
 
-	// void particlesInit(async (engine) => {
-	// 	// call this once per app
-	// 	// you can use main to customize the tsParticles instance adding presets or custom shapes
-	// 	// this loads the tsparticles package bundle, it's the easiest method for getting everything ready
-	// 	// starting from v2 you can add only the features you need reducing the bundle size
-	// 	await loadFull(engine);
-	// 	// await loadSlim(engine);
-	// });
+	void particlesInit(async (engine) => {
+		// call this once per app
+		// you can use main to customize the tsParticles instance adding presets or custom shapes
+		// this loads the tsparticles package bundle, it's the easiest method for getting everything ready
+		// starting from v2 you can add only the features you need reducing the bundle size
+		await loadFull(engine);
+		// await loadSlim(engine);
+	});
 </script>
 
-<!-- <svelte:component this={ParticlesComponent} id="tsparticles" options={particlesConfig} /> -->
+<svelte:component this={ParticlesComponent} id="tsparticles" options={particlesConfig} />
 <!-- Page Route Content -->
 <slot />