diff --git a/src/lib/Footer.svelte b/src/lib/Footer.svelte index 13060dc..7e51640 100644 --- a/src/lib/Footer.svelte +++ b/src/lib/Footer.svelte @@ -17,7 +17,7 @@
-

© 2025 DDD South West | Privacy Policy

+

© 2026 DDD South West | Privacy Policy

diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte index b682c76..02138ac 100644 --- a/src/lib/Header.svelte +++ b/src/lib/Header.svelte @@ -2,6 +2,7 @@ import Navbar from '$lib/Navbar.svelte'; // import Carousel from '$lib/Carousel.svelte'; import { pageTitle, navExpanded } from '../stores.js'; + import { currentUpdate } from './latestUpdate.js'; function toggleNav() { if ($navExpanded === true) { @@ -29,7 +30,11 @@

DDD South West 2026

-

Coming soon...

+ {#if currentUpdate} +

+ {@html currentUpdate} +

+ {/if}
@@ -38,7 +43,7 @@
- +

{$pageTitle}

diff --git a/src/lib/LatestUpdate.svelte b/src/lib/LatestUpdate.svelte deleted file mode 100644 index 76a90d8..0000000 --- a/src/lib/LatestUpdate.svelte +++ /dev/null @@ -1,114 +0,0 @@ - - -{#if currentUpdate} -
-
-

Latest update

-

- {@html currentUpdate.content} -

-
-
-{/if} - - diff --git a/src/lib/Navbar.svelte b/src/lib/Navbar.svelte index e26b0bd..9596f11 100644 --- a/src/lib/Navbar.svelte +++ b/src/lib/Navbar.svelte @@ -11,7 +11,7 @@ let navItems = [ { text: 'Home', href: '/', hidden: false }, { text: 'About', href: '/about', hidden: false }, - { text: 'Sponsorship', href: '/sponsorship', hidden: true }, + { text: 'Sponsorship', href: '/sponsorship', hidden: false }, { text: 'Event Venue', href: '/venue', hidden: true }, { text: 'Room map', href: '/venue-layout', hidden: true }, { text: 'New Speakers Workshop', href: '/new-speakers-workshop', hidden: true }, diff --git a/src/lib/Timeline.svelte b/src/lib/Timeline.svelte new file mode 100644 index 0000000..bc285da --- /dev/null +++ b/src/lib/Timeline.svelte @@ -0,0 +1,78 @@ + + +

Timeline

+
+ {#each timelineItems as item} + + + {#if item.milestone.hasHappened} + check_circle + {:else} + circle + {/if} + +

{item.milestone.formattedDate}

+

{item.description}

+ + {/each} +
+We'll try our best to keep to these dates but please be patient - DDDSW is entirely volunteer + driven ❤️ + + + diff --git a/src/lib/latestUpdate.ts b/src/lib/latestUpdate.ts new file mode 100644 index 0000000..ae6be9a --- /dev/null +++ b/src/lib/latestUpdate.ts @@ -0,0 +1,52 @@ +import { Milestone, get } from '$lib/milestones'; + +const linkedInIcon = ` + + DDD South West LinkedIn + `; + +const sessionizeUrl = 'https://sessionize.com/ddd-south-west-2026/'; +const votingUrl = 'https://buff.ly/4hzncRk'; +const ticketTailorUrl = '...'; +const pocketdddUrl = 'https://pocket2026.dddsouthwest.com'; + +export let currentUpdate: string | undefined; + +if (get(Milestone.StartPlanning)?.hasHappened) + currentUpdate = `DDD South West 2026 planning has begun! More info coming soon 😎`; + +if (get(Milestone.SetADate)?.hasHappened) + currentUpdate = `DDD South West is coming... save the date! See you on the ${get(Milestone.TheActualEventDay)?.formattedDate}`; + +if (get(Milestone.OpenCallForSpeakers)?.willBeHappeningSoon()) + currentUpdate = `Watch this space.... call for speakers is opening on ${get(Milestone.OpenCallForSpeakers)!.formattedDate}.`; + +if (get(Milestone.OpenCallForSpeakers)?.hasHappened) + currentUpdate = `Call for speakers is open until ${get(Milestone.CloseCallForSpeakers)!.formattedDate}. + We are a friendly developers conference and welcome papers from speakers both old and new. + So whether you have an established talk you'd like to bring to Bristol or an idea you'd like help developing, + submit your talk now.`; + +if (get(Milestone.CloseCallForSpeakers)?.hasHappened) + currentUpdate = `Call for speakers is now closed. Session voting will be opening soon, watch this space or follow us on ${linkedInIcon}`; + +if (get(Milestone.OpenSessionVoting)?.hasHappened) + currentUpdate = `Session voting is now open! Take a look and vote for your favourites here.
Voting will close on ${get(Milestone.CloseSessionVoting)!.formattedDate}.`; + +if (get(Milestone.CloseSessionVoting)?.hasHappened) + currentUpdate = `Session voting has closed, hold tight - ticket registration will be opening on ${get(Milestone.AnnounceScheduleAndOpenTicketRegistration)!.formattedDate}`; + +if (get(Milestone.AnnounceScheduleAndOpenTicketRegistration)?.hasHappened) + currentUpdate = `Speakers have been announced and the schedule is live! Check full schedule details here. Get your tickets from Ticket Tailor.`; + +if (get(Milestone.SoldOut)?.hasHappened) + currentUpdate = `The day is fast approaching, we're fully sold out but you can still join the waitlist on Ticket Tailor.`; + +if (get(Milestone.FoundMoreTickets)?.hasHappened) + currentUpdate = `Good news - some tickets have become available! Go to Ticket Tailor to grab one before they go.`; + +if (get(Milestone.TheActualEventDay)?.hasHappened) + currentUpdate = `Today is the day! See you at Engine Shed and be sure to use Pocket DDD to give feedback to our wonderful speakers`; + +if (get(Milestone.ConkedOut)?.hasHappened) + currentUpdate = `Thank you to everyone for another great DDD South West. See you in ${get(Milestone.ConkedOut)!.targetDate!.getFullYear() + 1} 😉`; diff --git a/src/lib/milestones.ts b/src/lib/milestones.ts new file mode 100644 index 0000000..cc0f998 --- /dev/null +++ b/src/lib/milestones.ts @@ -0,0 +1,68 @@ +enum Status { + Done, + NotYet, + JustYouWait +} + +export enum Milestone { + StartPlanning, + SetADate, + OpenCallForSpeakers, + CloseCallForSpeakers, + OpenSessionVoting, + CloseSessionVoting, + AnnounceScheduleAndOpenTicketRegistration, + SoldOut, + FoundMoreTickets, + TheActualEventDay, + ConkedOut +} + +export class MilestoneDetails { + hasHappened: boolean; + formattedDate?: string; + targetDate?: Date; + + constructor(status: Status.Done | Status.NotYet); + constructor(status: Status, date: string); + constructor(status: Status, date?: string) { + if (date) { + this.targetDate = new Date(date); + + const formatter = new Intl.DateTimeFormat(undefined, { dateStyle: 'long' }); + this.formattedDate = formatter.format(this.targetDate); + } + if (status === Status.JustYouWait) this.hasHappened = this.targetDate!.valueOf() < Date.now(); + else this.hasHappened = status === Status.Done; + } + + willBeHappeningSoon(): boolean { + if (!this.targetDate || this.hasHappened) return false; + + const now = new Date(); + const oneMonthFromNowTimestamp = now.setMonth(now.getMonth() + 1); + + return this.targetDate.getTime() < oneMonthFromNowTimestamp; + } +} + +export function get(doneThing: Milestone): MilestoneDetails | undefined { + return milestones.get(doneThing); +} + +const milestones = new Map([ + [Milestone.StartPlanning, new MilestoneDetails(Status.Done)], + [Milestone.SetADate, new MilestoneDetails(Status.Done)], + [Milestone.OpenCallForSpeakers, new MilestoneDetails(Status.NotYet, '2026-01-31')], + [Milestone.CloseCallForSpeakers, new MilestoneDetails(Status.JustYouWait, '2026-03-07')], + [Milestone.OpenSessionVoting, new MilestoneDetails(Status.NotYet, '2026-03-14')], + [Milestone.CloseSessionVoting, new MilestoneDetails(Status.JustYouWait, '2026-03-28')], + [ + Milestone.AnnounceScheduleAndOpenTicketRegistration, + new MilestoneDetails(Status.NotYet, '2026-04-18') + ], + [Milestone.SoldOut, new MilestoneDetails(Status.NotYet)], + [Milestone.FoundMoreTickets, new MilestoneDetails(Status.NotYet)], + [Milestone.TheActualEventDay, new MilestoneDetails(Status.JustYouWait, '2026-05-16')], + [Milestone.ConkedOut, new MilestoneDetails(Status.JustYouWait, '2026-05-17')] +]); diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index df55ec4..08f20e4 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,9 +1,9 @@