diff --git a/src/routes/example/+page.svelte b/src/routes/example/+page.svelte index 43dbf3f..b2960b7 100644 --- a/src/routes/example/+page.svelte +++ b/src/routes/example/+page.svelte @@ -3,9 +3,46 @@ import { gsap } from "gsap"; import { ScrollTrigger } from "gsap/ScrollTrigger"; - // Event Configuration - const EVENT_NAME = "Example"; - const EVENT_LOCATION = "Example City"; + /** + * This is the template site! Create a copy of this folder (src/routes/example) + * and rename it to whatever you want your URL to be. + * + * Then, configure the event name, location, and schedule below: + */ + + // Configuration - Put your information here! + const eventName = "Example"; + const eventLocation = "Example City"; + + // Schedule Configuration + const scheduleData = { + saturday: { + title: "Saturday, September 27th", + items: [ + { event: "Doors open", time: "11:00 AM" }, + { event: "Opening ceremony", time: "12:00 PM" }, + { event: "Lunch", time: "12:30 PM" }, + { event: "Start working on your project!", time: "1:00 PM" }, + { event: "Workshop 1", time: "2:00 PM" }, + { event: "Activity 1", time: "4:00 PM" }, + { event: "Workshop 2", time: "4:00 PM" }, + { event: "Dinner", time: "6:00 PM" }, + { event: "Lightning talks", time: "8:00 PM" }, + { event: "Midnight surprise", time: "12:00 AM" } + ] + }, + sunday: { + title: "Sunday, September 28th", + items: [ + { event: "Breakfast", time: "8:00 AM" }, + { event: "Demos!", time: "10:30 AM" }, + { event: "Closing ceremony", time: "12:00 PM" } + ] + } + }; + + /** @type {import('./$types').PageData} */ + export let data; // Cities where the game jam is happening const cities = `Columbus @@ -262,7 +299,7 @@ Mumbai`.split("\n") let showVideoPopup = false; - // Generate ticker text from cities array - constant for local event + // Generate ticker text from cities array (constant) const tickerText = cities.join(" • "); // Particle system @@ -378,7 +415,18 @@ Mumbai`.split("\n") function createParticle () { if (!particleContainer || !isTabVisible) return; - const button = document.querySelector('a[href="https://forms.hackclub.com/daydream-stickers"]'); + // Find the visible button - mobile first, then desktop + const buttons = document.querySelectorAll('a[href="https://forms.hackclub.com/daydream-stickers"]'); + let button = null; + + for (const btn of buttons) { + const styles = window.getComputedStyle(btn); + if (styles.display !== 'none') { + button = btn; + break; + } + } + if (!button) return; const buttonRect = button.getBoundingClientRect(); @@ -452,6 +500,7 @@ Mumbai`.split("\n") } onMount(() => { + console.log('User city:', data.userCity); // Register GSAP plugins gsap.registerPlugin(ScrollTrigger); @@ -561,6 +610,7 @@ Mumbai`.split("\n") Daydream +
@@ -632,7 +682,7 @@ Mumbai`.split("\n")

- Organized by teenagers in {EVENT_LOCATION} + Organized by Teenagers in {eventLocation}

@@ -653,7 +703,7 @@ Mumbai`.split("\n") Get free stickers --> -
+
{#each particles as particle (particle.id)} + +
@@ -695,9 +747,9 @@ Mumbai`.split("\n")
- - - + + + @@ -722,6 +774,26 @@ Mumbai`.split("\n")
+ + +
@@ -773,30 +845,129 @@ Mumbai`.split("\n")
-
- -
+
+ +
+ +
+ + +
+
+ +
+ + + + +
+

+ Schedule +

+ +
+
+ + +
+ +
+ + +
+ +
+

+ {scheduleData.saturday.title} +

+ +
+ {#each scheduleData.saturday.items as item, index} +
+ {item.event} + {item.time} +
+ {#if index < scheduleData.saturday.items.length - 1} +
+ {/if} + {/each} +
+
+ + +
+

+ {scheduleData.sunday.title} +

+ +
+ {#each scheduleData.sunday.items as item, index} +
+ {item.event} + {item.time} +
+ {#if index < scheduleData.sunday.items.length - 1} +
+ {/if} + {/each} +
+
+
+
+ + +
+
+ + +
+
+
+
+
+
+
+
+ + +
+ +
+ +
-
- Here's How You Organize a + +
+ Here's How You Crush a Game Jam
-
-
+
- - - + + + - Paper airplane + Paper airplane
@@ -805,7 +976,7 @@ Mumbai`.split("\n")
- #1: Sign up for Daydream {EVENT_NAME} + #1: Sign up for Daydream {eventName}
@@ -832,7 +1003,7 @@ Mumbai`.split("\n")
- #3: Start building your game - no experience needed + #3: Start building your game - no experience needed
@@ -856,7 +1027,7 @@ Mumbai`.split("\n")
- #5: Share what you made with the world + #5: Share what you made with the world!
@@ -867,24 +1038,109 @@ Mumbai`.split("\n")
-
-
-
-
-

- {EVENT_LOCATION} -

+
+
+
+ 100 Cities Worldwide + + +
+
- -
- Local Event -
-

All daydream events are organized by high school students like yourself!
Sign up to organize now!

+ +

All daydream events are organized by high school students like yourself!
Sign up to organize now!

-
+
diff --git a/static/billboard-bars.png b/static/billboard-bars.png new file mode 100644 index 0000000..0b236e6 Binary files /dev/null and b/static/billboard-bars.png differ diff --git a/static/billboard-bg-texture.png b/static/billboard-bg-texture.png new file mode 100644 index 0000000..5158fa0 Binary files /dev/null and b/static/billboard-bg-texture.png differ diff --git a/static/billboard-lights.png b/static/billboard-lights.png new file mode 100644 index 0000000..998945b Binary files /dev/null and b/static/billboard-lights.png differ diff --git a/static/billboard-pillar.png b/static/billboard-pillar.png new file mode 100644 index 0000000..629f21c Binary files /dev/null and b/static/billboard-pillar.png differ diff --git a/static/gamejam-1-alt.png b/static/gamejam-1-alt.png new file mode 100644 index 0000000..60cb551 Binary files /dev/null and b/static/gamejam-1-alt.png differ