feat: Photoslider

Author: Roboroads

assets/events/1.jpg

@@ -12,6 +12,8 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
+		"@fortawesome/free-solid-svg-icons": "^6.5.2",
+		"@sveltejs/adapter-node": "^5.2.0",
 		"@sveltejs/adapter-static": "^3.0.2",
 		"@sveltejs/enhanced-img": "^0.3.0",
 		"@sveltejs/kit": "^2.0.0",
@@ -24,7 +26,7 @@
 		"prettier-plugin-svelte": "^2.10.1",
 		"prettier-plugin-tailwindcss": "^0.2.4",
 		"svelte": "^4.0.0",
-		"svelte-awesome": "^3.0.1",
+		"svelte-awesome": "^3.3.1",
 		"svelte-check": "^3.4.3",
 		"tailwindcss": "^3.2.7",
 		"tslib": "^2.5.0",

assets/events/2.jpg

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
-	import { debounce, random, sample } from 'lodash-es';
+	import { debounce, omit, random, sample } from 'lodash-es';
 	import PosterBall from '$lib/components/PosterBall.svelte';
 
 	const BLUR_RADIUS = 64;
@@ -53,8 +53,6 @@
 		};
 	}
 
-	$: console.log(balls.length);
-
 	onMount(() => {
 		setWidthHeight();
 		window.addEventListener('resize', setWidthHeight);
@@ -65,7 +63,7 @@
 	<div class="z-10 h-full w-full bg-western blur-3xl" bind:this={wrapper}>
 		{#each balls as ball, i (ball.id)}
 			<PosterBall
-				{...ball}
+				{...omit(ball, 'id')}
 				{animated}
 				screenWidth={width}
 				on:done={() => (balls[i] = generateBall())}

assets/events/3.jpg

@@ -1,6 +1,7 @@
 <script>
 	import HeaderSection from './HeaderSection.svelte';
 	import InfoSection from './InfoSection.svelte';
+	import PhotoSliderSection from './PhotoSliderSection.svelte';
 	import PracticalInformationSection from './PracticalInformationSection.svelte';
 	import Spacer from './Spacer.svelte';
 	import SpeakerScheduleSection from './SpeakerScheduleSection.svelte';
@@ -30,4 +31,5 @@
 <HeaderSection />
 <InfoSection /><!--<SpeakerScheduleSection />-->
 <Spacer /><!--<WorkshopScheduleSection />--><!--<SpeakerSection />-->
+<PhotoSliderSection />
 <PracticalInformationSection />