LukeParke/LukeHagar.com
1
0
Fork 0
mirror of https://github.com/LukeHagar/LukeHagar.com.git synced 2025-12-06 04:20:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update +layout.svelte

Browse Source
This commit is contained in:
Luke Hagar
2024-05-20 11:21:48 -05:00
parent b123fcaec8
commit f5cc63a93e
1 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/routes/+layout.svelte
View File

@@ -2,47 +2,47 @@
import '$lib/theme-luke.css'; import '$lib/theme-luke.css';
import '../app.postcss'; import '../app.postcss';
// import { onMount } from 'svelte'; import { onMount } from 'svelte';
// import { particlesInit } from '@tsparticles/svelte'; import { particlesInit } from '@tsparticles/svelte';
// import { loadFull } from 'tsparticles'; import { loadFull } from 'tsparticles';
// let ParticlesComponent; let ParticlesComponent;
// onMount(async () => { onMount(async () => {
// const module = await import('@tsparticles/svelte'); const module = await import('@tsparticles/svelte');
// ParticlesComponent = module.default; ParticlesComponent = module.default;
// }); });
// const particlesConfig = { const particlesConfig = {
// particles: { particles: {
// color: { color: {
// value: ['#ffffff', '#0033a1', '#0071ce', '#54c0e8', '#cc27b0'] value: ['#ffffff', '#0033a1', '#0071ce', '#54c0e8', '#cc27b0']
// }, },
// links: { links: {
// enable: true, enable: true,
// color: '#54c0e8' color: '#54c0e8'
// }, },
// move: { move: {
// enable: true enable: true
// }, },
// number: { number: {
// value: 200 value: 200
// } }
// } }
// }; };
// void particlesInit(async (engine) => { void particlesInit(async (engine) => {
// // call this once per app // call this once per app
// // you can use main to customize the tsParticles instance adding presets or custom shapes // 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 // 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 // starting from v2 you can add only the features you need reducing the bundle size
// await loadFull(engine); await loadFull(engine);
// // await loadSlim(engine); // await loadSlim(engine);
// }); });
</script> </script>
<!-- <svelte:component this={ParticlesComponent} id="tsparticles" options={particlesConfig} /> --> <svelte:component this={ParticlesComponent} id="tsparticles" options={particlesConfig} />
<!-- Page Route Content --> <!-- Page Route Content -->
<slot /> <slot />