new conf design — speaker and schedule OG images (#2019)

* Make the gradient match Figma

* Add top minds section

* improve styles

* Improve social buttons

* Add more socials

* Update styles

* More responsive styles

* Show [Become as speakser] if there is no /speakers page yet

* Improve the contrast of secondary button in dark mode

* Make Tanmai's photo as green as the others

* Add GetYourTicket section

* Improve GetYourTicket styles

* Improve the stripes

* Lower the opacity to make text readable

* Fix borders

* Update text

* Make the padding and borders better

* Add RegisterSection

* Underline links

* Add Sponsors section

* Tweak styles

* Use SVGR to load sponsor logos and fix the grid layout

* Make it less transparent and get rid of border radius

* Remove a redundant comment

* Remove unused import

* Fix a type name

* Use a proper icon

* Fix alignment

* Add Call for Proposals section

* make the dates table

* Improve styles

* Begin mobile version

* Tweak styles

* Add the stripes

* Add missing keys

* Add .typography-link utility

* Add FrequentlyAskedQuestions section

* Tweak spacing

* Bump navbar opacities

* Make the Navbar okay

* Add background strips per section

* Remove unused import

* Make the navbar more mobile friendly

* Make the navbar consistent color at the top

* Supress hydration warning from next-themes

* Make the FAQ work better on medium screens

* Fix the CallForProposals on mobile

* Take a random shot at fixing the stripes glitch

* Fix the navbar root link

* Make the logo link to / and the text to conf root

* Remove the old Register section

* Update old sections to new typography styles

* Fix Tyk logo

* Add shrink-0 to arrows

* Update navbar icons to pixelarticons

* Make CallForProposals better on tablet screens

* Fix border colors

* Tweak spacing

* Tweak the top minds for medium screens

* Tweak the heading width

* Add GraphQLFoundationCard

* Use proper trademark color

* Tweak spacings

* Improve mobile styles

* Refactor the logo link out, restyle old footer

* Add stripes to the footer

* Add grid borders to the footer

* Tweak the blur blob position

* Unify paddings

* Make the Stripes look more like the design

* Remove old pnpm-workspace.yaml

* Add a basic Marquee with Motion

* Copy the content of the marquee way too many times

* Make the decoration look like on the design

* Add remaining marquee sections

* Unify colors and block scroll in navbar

* Switch to current sponsors

* Restyle the Sponsorship perks section

* Run Prettier on SVGs

* Change dl to ul in WhatToExpectSection

* Show previous edition speakers in the top minds section

* Restyle Resources

* Unify widths per @saihaj's suggestion

Co-authored-by: Saihajpreet Singh <[email protected]>

* Unify more widths per @saihaj's suggestion

Co-authored-by: Saihajpreet Singh <[email protected]>

* Tweak styles

* Draft new Speakers and Schedule pages

* Bring styles closer to the design

* Improve styles

* Improve schedule grid styles

* Add [See the speakers] link

* Add comboboxes to filters

* Improve dark mode styles

* Add variant=tertiary to Button

* Reuse Hero component

* Improve [Clear Filters] button

* Fix the background color

* Improve hover style

* Improve the backlink

* Actually improve the backlink

* Bring styles closer to the design

* Add SpeakerCard

* Add a speaker name above the title

* Fix the TS target (match Node version)

* Remove (now redundant) @ts-ignore comments

* Display socials in consistent order

* Bring the schedule page closer to the design

* Improve UI

* Format

* Stop showing socials on speaker cards

* Improve styles

* Remove [View full PDF] button

* Improve the UI of session page

* Add a footer to speakers page

* Format

* Upgrade `@headlessui/react`

* Open the combobox as soon as it's focused

* Add USE_2025 constant

* Link to proper Sched on Schedule page

* Add a footer to the schedule page

* Improve styles

* Fix type errors

* Grab speaker tags

* Display returning and first time speaker

* Fix icon size

* Shorten a tag that's way too long

* wip

* wip

* wip

* wip

* wip

* Tweak things

* Progress

* Improve how session description looks like

* add force-cache to old data to help develop

* Format links in bios

* Remove a TODO comment

* Improve padding

* bring it closer to the design

* style the speaker page

* Format

* Fix speaker card on mobiles

* Tweak spacing

* Update Prettier to try to fix the CI

* Add React rules for ESLint back

* Remove extra padding on very narrow screens

* Run ESLint on CI

* Tailwind class autosorting is inconsistent between runs tailwindlabs/prettier-plugin-tailwindcss#246

* wip

* wip

* Speaker opengraph image UI

* Add session card, work around Sched rate limit

* Of course this broke socialurls

* Use smaller fonts when there is a lot of speakers or the title is very long

* Remove redundant photo

* Move the Sched API functions to shared dir and add a sync script

* Properly get speakers and schedule

* Update speaker details

* fix

* Changes

* Use p-limit and tsx

* Fix

* Sync schedules

* Sync some more speakers

* Add count-speakers-without-details

* Run every ten minutes

* Commit schedule opengraph image

* Prettierignore generated JSON files

* Add a redundant comment so Prettier stops removing this whitespace

* Ensure we always preprocess the same way

* Remove leftover bracket

* Downgrade to Next 14

* Sort properly

* Use new JSON files in frontend builds

* Add missing fields param

* Sync some more speakers

* Update lockfile

* Fix type errors

* Use otf instead of ttf

* Accumulate years in speakers.json

* Fix type errors

* Show only current year speakers

* Add a todo comment

* Comment out Commit Mono?

* Commit Sched data to JSON files

* Fix type errors

* Fix type errors

* Remove event_type_sort

* Merge years properly

* Fix type error

* Add generated .json files to .prettierignore

* Autoformat and remove nonexistend xs: breakpoint

* For now, run the conference-sync action only on workflow_dispatch

* Format

* Sync some more social URLs for 2023

* Do not render speaker bio if it is empty

* Fix type errors

* Remove tsconfig.tsbuildinfo from index

* Improve error handling

* Sync 2025 speakers

* Normalize protocol relative URLs

* Fix Speaker Opengraph Image so it also works in build

* Improve error logging

* Convert CommitMono to .ttf

* Format

* Fix type error

* Improve error handling

* Sync 2025 speakers

* Hide [Add to calendar] for now

* Fix schedule paddings, hide [first time speaker] (yes) and [add to calendar] (for now?)

* Clean up empty tag

* Add calendar link and fix long session cards

* Fix text color

* Format

* Fix type error

* Tweak long session card tags

* wip

* Fix type error

* Sync schedule 2025

* Omit inactive sessions

* Rotate speakers properly when syncing

* Show only speakers that have an active session

* Add aspect-square

* Fix schedule styles and handle malformed event types

* Fix it again

* Tweak cards knowing 2025 data

* Remove placeholder video

* Always lowercase social service name

* Tint using hue-rotate

* Make session OG image work

* Remove tsconfig.tsbuildinfo from index

* Uncomment output

* Remove redundant comment

* clean up

* Remove marker

* Remove file added back in merge

* Remove a file added back in merge

* Update lockfile

---------

Co-authored-by: Saihajpreet Singh <[email protected]>

Author: hasparus

pnpm-lock.yaml

@@ -4320,4 +4320,4 @@
       }
     ]
   }
-]
+]

scripts/sync-sched/schedule-2023.json

@@ -4645,4 +4645,4 @@
     "end_date": "2024-09-12",
     "end_time": "15:30:00"
   }
-]
+]

scripts/sync-sched/schedule-2024.json

@@ -0,0 +1,27 @@
+import React from "react"
+import { notFound } from "next/navigation"
+import { NewFontsStyleTag } from "../fonts"
+
+// @ts-expect-error: we want to import the same version as Nextra for the main page
+import { ThemeProvider } from "next-themes"
+
+import "../colors.css"
+
+export default function DevelopmentLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  if (process.env.NODE_ENV !== "development") notFound()
+
+  return (
+    <>
+      <NewFontsStyleTag />
+      <ThemeProvider attribute="class">
+        <div className="min-h-screen bg-neu-0 text-neu-900 antialiased">
+          {children}
+        </div>
+      </ThemeProvider>
+    </>
+  )
+}