From 7eac677d8a861be7038c8d73dce8f2bd8e10c594 Mon Sep 17 00:00:00 2001 From: Clark Sell Date: Sun, 17 Dec 2023 13:42:24 -0600 Subject: [PATCH] adds keynotes and attendees to event --- src/_components/SponsorSimple.svelte | 4 +- src/_components/activities/UpNextEvent.svelte | 15 +- src/_components/members/MemberCard.svelte | 2 +- .../navigation/thatConference/EventNav.svelte | 3 +- .../thatConference/MobileEventNav.svelte | 1 + src/_components/newsletter/Wide.svelte | 28 +- .../api.that.tech/events/queries.js | 36 +- src/_elements/FeaturedActivity.svelte | 7 +- src/routes/(root)/members/[member]/+layout.js | 2 +- .../_components/Attendees.svelte | 43 +++ .../_components/Dates.svelte | 19 +- .../_components/ImageGallery.svelte | 4 +- .../_components/Keynoters.svelte | 69 ++++ .../_components/Partners.svelte | 2 +- .../_components/attendees/Hero.svelte | 28 ++ .../_components/speakers/Speakers.svelte | 19 +- .../(that conferences)/tx/[year]/+page.js | 15 + .../(that conferences)/tx/[year]/+page.svelte | 64 ++-- .../[year]/_components/CamperTickets.svelte | 308 +++++++++--------- .../tx/[year]/_components/Gallery.svelte | 11 +- .../tx/[year]/_components/What.svelte | 8 +- .../tx/[year]/_components/WhatIs.svelte | 2 +- .../tx/[year]/attendees/+page.js | 10 + .../tx/[year]/attendees/+page.svelte | 107 ++++++ .../tx/[year]/attendees/followerMachine.js | 46 +++ .../(that conferences)/wi/[year]/+page.js | 15 + .../(that conferences)/wi/[year]/+page.svelte | 92 +++--- .../wi/[year]/attendees/+page.js | 10 + .../wi/[year]/attendees/+page.svelte | 107 ++++++ .../wi/[year]/attendees/followerMachine.js | 46 +++ static/images/heros/attendees.jpg | Bin 0 -> 104147 bytes 31 files changed, 848 insertions(+), 275 deletions(-) create mode 100644 src/routes/(that conferences)/_components/Attendees.svelte create mode 100644 src/routes/(that conferences)/_components/Keynoters.svelte create mode 100644 src/routes/(that conferences)/_components/attendees/Hero.svelte create mode 100644 src/routes/(that conferences)/tx/[year]/+page.js create mode 100644 src/routes/(that conferences)/tx/[year]/attendees/+page.js create mode 100644 src/routes/(that conferences)/tx/[year]/attendees/+page.svelte create mode 100644 src/routes/(that conferences)/tx/[year]/attendees/followerMachine.js create mode 100644 src/routes/(that conferences)/wi/[year]/+page.js create mode 100644 src/routes/(that conferences)/wi/[year]/attendees/+page.js create mode 100644 src/routes/(that conferences)/wi/[year]/attendees/+page.svelte create mode 100644 src/routes/(that conferences)/wi/[year]/attendees/followerMachine.js create mode 100644 static/images/heros/attendees.jpg diff --git a/src/_components/SponsorSimple.svelte b/src/_components/SponsorSimple.svelte index 2b0285c..91ee9a4 100644 --- a/src/_components/SponsorSimple.svelte +++ b/src/_components/SponsorSimple.svelte @@ -57,10 +57,10 @@
-

Our Featured Camp Sponsors -

+
diff --git a/src/_components/activities/UpNextEvent.svelte b/src/_components/activities/UpNextEvent.svelte index 257667a..9beffcd 100644 --- a/src/_components/activities/UpNextEvent.svelte +++ b/src/_components/activities/UpNextEvent.svelte @@ -15,17 +15,18 @@ .slice(0, 9); -
+
-

- Featured Activities +

+ Session Spotlights

+

- Do you have a ticket? - View the full schedule. + View the full schedule.

@@ -38,10 +39,6 @@ {/each} {/if} - -
diff --git a/src/_components/members/MemberCard.svelte b/src/_components/members/MemberCard.svelte index 422b6ab..814e650 100644 --- a/src/_components/members/MemberCard.svelte +++ b/src/_components/members/MemberCard.svelte @@ -16,7 +16,7 @@ const srcset = buildImageSrc(userProfileImage, ['128', '500']); - +
diff --git a/src/_components/navigation/thatConference/EventNav.svelte b/src/_components/navigation/thatConference/EventNav.svelte index d67cf72..e1bff39 100644 --- a/src/_components/navigation/thatConference/EventNav.svelte +++ b/src/_components/navigation/thatConference/EventNav.svelte @@ -14,7 +14,7 @@
-
+
@@ -27,6 +27,7 @@
Speakers Schedule + Attendees Sponsors Dates Travel diff --git a/src/_components/navigation/thatConference/MobileEventNav.svelte b/src/_components/navigation/thatConference/MobileEventNav.svelte index 6dc1100..9edb66a 100644 --- a/src/_components/navigation/thatConference/MobileEventNav.svelte +++ b/src/_components/navigation/thatConference/MobileEventNav.svelte @@ -78,6 +78,7 @@ Tickets Speakers Schedule + Attendees Sponsors Dates FAQ diff --git a/src/_components/newsletter/Wide.svelte b/src/_components/newsletter/Wide.svelte index 779253f..711b91f 100644 --- a/src/_components/newsletter/Wide.svelte +++ b/src/_components/newsletter/Wide.svelte @@ -2,10 +2,9 @@ import HubspotForm from './HubspotForm.svelte'; -
+
+ class="relative isolate mx-auto max-w-screen-xl px-4 sm:px-6 lg:flex lg:items-center lg:px-8">

+
diff --git a/src/_dataSources/api.that.tech/events/queries.js b/src/_dataSources/api.that.tech/events/queries.js index 4d09536..58818c5 100644 --- a/src/_dataSources/api.that.tech/events/queries.js +++ b/src/_dataSources/api.that.tech/events/queries.js @@ -122,7 +122,7 @@ const eventFieldsFragment = ` ...productBaseFields } - sessions { + sessions(pageSize: 150) { sessions { ...coreSessionFields speakers { @@ -131,7 +131,8 @@ const eventFieldsFragment = ` } } - followers { + followers(pageSize: 100) { + cursor members { ...memberFields } @@ -515,6 +516,24 @@ export const QUERY_EVENTS_VENUE_PRODUCTS = ` } `; +export const QUERY_EVENT_FOLLOWERS = ` + ${userFragment} + query QUERY_EVENT_FOLLOWERS ($slug: String!, $cursor: String) { + events { + event (findBy: {slug: $slug}) { + get { + followers(pageSize: 100, cursor: $cursor) { + cursor + members { + ...memberFields + } + } + } + } + } + } +`; + export default (fetch) => { const client = fetch ? gFetch(fetch) : gFetch(); @@ -679,6 +698,16 @@ export default (fetch) => { }); } + function queryEventFollowers(eventSlug, cursor) { + const variables = { slug: eventSlug, cursor }; + + return client.query({ query: QUERY_EVENT_FOLLOWERS, variables }).then(({ data, errors }) => { + if (errors) log({ errors, tag: 'QUERY_EVENT_FOLLOWERS' }); + + return data?.events?.event?.get.followers; + }); + } + return { queryEvents, queryEventsByCommunity, @@ -693,6 +722,7 @@ export default (fetch) => { queryActiveEventsByCommunitiesForJobs, queryActiveEventsForProducts, queryEventsForVenueAndProducts, - queryEventSpeakers + queryEventSpeakers, + queryEventFollowers }; }; diff --git a/src/_elements/FeaturedActivity.svelte b/src/_elements/FeaturedActivity.svelte index faacf0d..0fbeab9 100644 --- a/src/_elements/FeaturedActivity.svelte +++ b/src/_elements/FeaturedActivity.svelte @@ -20,16 +20,17 @@ const profileImage = host.profileImage ? host.profileImage : config.defaultProfileImage; const userProfileImage = profileImage || config.defaultProfileImage; - const srcset = buildImageSrc(userProfileImage, ['128', '500']); + const srcset = buildImageSrc(userProfileImage, ['160', '224']);
-
+
+ export let followers = []; + import MemberCard from '$components/members/MemberCard.svelte'; + import StandardLink from '$elements/links/Standard.svelte'; + + let randomFollowers = followers + .slice() + .sort(() => Math.random() - 0.5) + .slice(0, 15); + + +
+
+

+ Connecting the Community +

+

+ Your_Tribe++; +

+

+ Come for the content, leave with a community. At THAT Conference one of our core principles is + to better connect our community. We do this through our online activities, our events, and the + platform we built to serve you. +

+
+ +
+
    + {#each randomFollowers as m (m.id)} +
  • + +
    • + {/each} +
+
+ +
+ Meet The Campers +
+
diff --git a/src/routes/(that conferences)/_components/Dates.svelte b/src/routes/(that conferences)/_components/Dates.svelte index 6c84858..0acbbf4 100644 --- a/src/routes/(that conferences)/_components/Dates.svelte +++ b/src/routes/(that conferences)/_components/Dates.svelte @@ -14,18 +14,25 @@ } -
-
+
+
-
+
+

+ A Good Scout is Always Prepared +

- Key Dates You Need To Know + class="text mb-8 mt-8 text-4xl font-bold leading-8 tracking-tight text-thatBlue-700 sm:text-5xl sm:leading-10"> + Mark Your Calendar !important

-
+

+ THAT Conference will be here before you know it. All of our planning milestone date + are listed below and like any good software project, change from time to time. +

+