mirror of
https://github.com/System-End/daydream-phoenix.git
synced 2026-04-19 19:45:13 +00:00
Update Pengang Site
This commit is contained in:
Gus Ruben
parent
8683984f95
commit
3cfa19ca33
1 changed files with 36 additions and 52 deletions
|
|
@ -2,8 +2,8 @@
|
|||
const eventName = "DayDream Penang";
|
||||
const eventLocation = "Penang";
|
||||
const eventAddress = "";
|
||||
// const directionsURL = "https://www.google.com/maps/search/1600+pennsylvania+avenue+washington+dc/"
|
||||
// const contactLink = "mailto:example@daydream.hackclub.com"
|
||||
const directionsURL = "https://www.google.com/maps/search/1600+pennsylvania+avenue+washington+dc/"
|
||||
const contactLink = "mailto:example@daydream.hackclub.com"
|
||||
|
||||
// Sponsors Configuration
|
||||
const sponsorsEnabled = false; // Set to false to hide the entire sponsors section
|
||||
|
|
@ -17,23 +17,23 @@
|
|||
{ image: "/example/logo7.png", name: "Sponsor 7", url: "https://example7.com" }
|
||||
];
|
||||
|
||||
const scheduleData = {
|
||||
saturday: {
|
||||
const scheduleData: { title: string; items: { event: string; time: string; }[] }[] = [
|
||||
{
|
||||
title: "Saturday, September 27th",
|
||||
items: [
|
||||
{ event: "Doors open", time: "9:00 AM" },
|
||||
{ event: "Opening ceremony", time: "9:15 PM" },
|
||||
{ event: "Workshop 1", time: "10:30 PM" },
|
||||
{ event: "Opening ceremony", time: "9:15 AM" },
|
||||
{ event: "Workshop 1", time: "10:30 AM" },
|
||||
{ event: "Lunch", time: "1:00 PM" },
|
||||
{ event: "Start working on the project", time: "2:00 PM" },
|
||||
{ event: "Workshop 2", time: "4:00 PM" },
|
||||
{ event: "Workshop 3", time: "4:00 PM" },
|
||||
{ event: "Dinner", time: "6:00 PM" },
|
||||
{ event: "Ship the project", time: "8:00 PM" },
|
||||
{ event: "Closing ceremony", time: "9:00 AM" }
|
||||
{ event: "Closing ceremony", time: "9:00 PM" }
|
||||
]
|
||||
}
|
||||
};
|
||||
];
|
||||
|
||||
|
||||
import { onMount } from "svelte";
|
||||
|
|
@ -963,43 +963,25 @@ Mumbai`.split("\n")
|
|||
|
||||
<!-- Schedule Content -->
|
||||
<div class="relative z-10">
|
||||
<!-- Saturday Section -->
|
||||
<div class="mb-8 bg-white/50 py-6 -mx-8">
|
||||
<h3 class="text-2xl font-sans font-bold text-[#335969] mb-6 text-center px-8 max-sm:text-xl max-sm:px-4">
|
||||
{scheduleData.saturday.title}
|
||||
</h3>
|
||||
|
||||
<div class="max-w-xl mx-auto px-4">
|
||||
{#each scheduleData.saturday.items as item, index}
|
||||
<div class="flex items-center justify-between py-2">
|
||||
<span class="text-lg font-sans text-[#477783]">{item.event}</span>
|
||||
<span class="text-lg font-sans text-[#477783]">{item.time}</span>
|
||||
</div>
|
||||
{#if index < scheduleData.saturday.items.length - 1}
|
||||
<div class="h-[2px] bg-white/30"></div>
|
||||
{/if}
|
||||
{/each}
|
||||
{#each scheduleData as day, dayIndex}
|
||||
<div class="bg-white/50 py-6 -mx-8 {dayIndex < scheduleData.length - 1 ? 'mb-8' : ''}">
|
||||
<h3 class="text-2xl font-sans font-bold text-[#335969] mb-6 text-center px-8 max-sm:text-xl max-sm:px-4">
|
||||
{day.title}
|
||||
</h3>
|
||||
|
||||
<div class="max-w-xl mx-auto px-4">
|
||||
{#each day.items as item, index}
|
||||
<div class="flex items-center justify-between py-2">
|
||||
<span class="text-lg font-sans text-[#477783]">{item.event}</span>
|
||||
<span class="text-lg font-sans text-[#477783]">{item.time}</span>
|
||||
</div>
|
||||
{#if index < day.items.length - 1}
|
||||
<div class="h-[2px] bg-white/30"></div>
|
||||
{/if}
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sunday Section -->
|
||||
<div class="bg-white/50 py-6 -mx-8">
|
||||
<h3 class="text-2xl font-sans font-bold text-[#335969] mb-6 text-center px-8 max-sm:text-xl max-sm:px-4">
|
||||
{scheduleData.sunday.title}
|
||||
</h3>
|
||||
|
||||
<div class="max-w-xl mx-auto px-4">
|
||||
{#each scheduleData.sunday.items as item, index}
|
||||
<div class="flex items-center justify-between py-2">
|
||||
<span class="text-lg font-sans text-[#477783]">{item.event}</span>
|
||||
<span class="text-lg font-sans text-[#477783]">{item.time}</span>
|
||||
</div>
|
||||
{#if index < scheduleData.sunday.items.length - 1}
|
||||
<div class="h-[2px] bg-white/30"></div>
|
||||
{/if}
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -1233,7 +1215,7 @@ Mumbai`.split("\n")
|
|||
<!-- Map container with cloudy edges -->
|
||||
<div class="relative w-full h-156 overflow-hidden bg-transparent">
|
||||
<iframe
|
||||
src="/event-map?location={encodeURIComponent(eventAddress)}"
|
||||
src={eventAddress ? "/event-map?location=" + encodeURIComponent(eventAddress) : "/map"}
|
||||
class="w-full h-full border-0 bg-[#acd4e0]"
|
||||
style="
|
||||
mask-image:
|
||||
|
|
@ -1324,13 +1306,15 @@ Mumbai`.split("\n")
|
|||
</iframe>
|
||||
</div>
|
||||
|
||||
<p class="text-center font-sans text-2xl pt-12 max-sm:text-xl text-[#60574b] z-10000">
|
||||
{#if directionsURL}
|
||||
Daydream {eventName} is taking place at <a class="underline text-pink" href={directionsURL}>{eventAddress}</a>!
|
||||
{:else}
|
||||
Daydream {eventName} is taking place at <span class="underline">{eventAddress}</span>!
|
||||
{/if}
|
||||
</p>
|
||||
{#if eventAddress}
|
||||
<p class="text-center font-sans text-2xl pt-12 max-sm:text-xl text-[#60574b] z-10000">
|
||||
{#if directionsURL}
|
||||
Daydream {eventName} is taking place at <a class="underline text-pink" href={directionsURL}>{eventAddress}</a>!
|
||||
{:else}
|
||||
Daydream {eventName} is taking place at <span class="underline">{eventAddress}</span>!
|
||||
{/if}
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue