GraphQL Day at Future of Software Technology

public/images/next-image-export-optimizer-hashes.json

@@ -60,12 +60,14 @@
     "/blur-blob.806d2505.webp": "BInXgg69BRLrWxxX-vMwO09WhUgC8umt6F17w9-4lP0=",
     "/blur.701b3d8a.webp": "WzjpcF01ReIsRBgeKAs0KyCfB8h6tZk2lzY89i9xlKk=",
     "/business_layer.68bf746f.png": "DwCtOs-q1Y-DgBxEj6NqyVaOAiq5zCB8xPF-rZ5Qe1U=",
+    "/custom-rules-example.bef2e348.png": "PisYkER55XvsniNZZXLPpjkVyikRlDi-6kN99OLZMnA=",
     "/dataloader-query.9c90539e.png": "2xPPUoCjbgMKsH3EPLBAImfsNb-MYPb-Qf6gXg8QCn4=",
     "/fernando.8a674f38.webp": "VLcChFQr-iiIKTZ2OftoAAWS8cjUYAaBV0C-U9vcKS4=",
     "/frances.033cc832.webp": "WDYuYaN-sUoPKcZWY6udTedmfrgDg80CQW2Jr4LF8ng=",
     "/graphql-cover-1_53228256677_o.f1214f00.jpg": "OVKx+JK+SA2wdzmUs3VN+eHR7Fk2CXhTLYdNIyNbehg=",
     "/graphql-cover-2_53228256672_o.80b12e74.jpg": "eRqA89yK+I9hdGfjSlv7sIpExOhByCXKn7xY86Lt2yA=",
     "/graphql-cover-3_53228256612_o.a5360272.jpg": "MDj38ijAhAyJTMvi0vNE7JVj+uXRXNLUhdSXtZvEMT4=",
+    "/graphql-logo-stripes.ce1751be.png": "82owDHF2zOfFBFy44u5TnKNE95tLfwMRr6MlKaB8hLQ=",
     "/graphql-org-v0.8990439d.gif": "UuHxSMb-yt4-+HxYB-VRMfNYIa1UaNWQeGwA3Nd+GfI=",
     "/graphql-org-v1-learn-page.44ccd7df.png": "GsV1iA47a64oNe+IgjoFKEtcbBKTCqtm1+ZkoARjt+I=",
     "/graphql-org-v1.599caf32.gif": "Tp9NHPBhI8WQy7qOonZH5OqlRqtNlAIKnUMi0KefaOE=",
@@ -166,6 +168,7 @@
     "/graphqlconf-202396_53229628185_o.e02e8158.jpg": "CwcPIFPl3qMN77xrq3PNo3IDu2xdE5t-XAmqMN7vvrA=",
     "/graphqlconf-2023graphqlconf-2023_53228255062_o.29b776c3.jpg": "iXr9Z8xwKZhM1pUZPRRTFEHbvwYlw81k6ZIqW5zh3x4=",
     "/hero-photo.19f66b71.jpeg": "+1M5NcPmN+FvAM3dalHY2LN1vv+LNURKJEVZUw-yEZo=",
+    "/hero-photo.8b597c72.webp": "qG7S6m-ARx30pZ2Zf7myxqzuoanKvgJcsddMjBTdk9M=",
     "/hero1.2c973c2e.jpg": "jY1RePeWthuOOa5c59Yl4TQD4J731poNxeaqzKDFmfg=",
     "/hero2.fa425ea9.jpg": "siZR-Q3HPEB5l2gU0DAbheWVVUOCsrOuOv-Ch0xCR7M=",
     "/idit.feda6f62.jpg": "9oybNQ8aiuV++33v8KDL8ZgIL0H2T5UF3EjnhsksM5g=",
@@ -179,6 +182,7 @@
     "/marcandre.b8692933.jpg": "mUbreFySTVojHKZTl0VKcMQ9gHdSVCL47mSBnUYITBI=",
     "/marker-icon.d577052a.png": "L15ETF3vWj9pjeLgXar+ibZOYNJYXoQal5lJmpTWTbA=",
     "/mask.d8b3d3a1.webp": "ooHSo7veWXOjMT0Db6aLQN+zHXY7gzxQlsdLnBLk2es=",
+    "/matteo-collina.6d00c895.webp": "Z2GXMHdWblGtGMPMarpL1-cX-TzPzV6k+8evmNEjQmg=",
     "/pathological-query.2de43465.png": "Xoi58Mnu6FqfvNp4+gXgt-IyMDdMpdbqPUyNzlH5YJQ=",
     "/playground-transition-banner.2458871d.png": "ffm4o7utOWkmwaWC2KVVHPOz9zsaD6fG2P269pHT8uQ=",
     "/rest-api-people.c2b56e20.png": "KDbPJA1rAhVT43LeGLckdesx+bISV+6g0q9fJQNl5Tg=",

src/app/conf/2025/components/graphql-foundation-card.tsx

@@ -9,7 +9,7 @@ export function GraphQLFoundationCard({ className }: { className?: string }) {
         <div className="flex items-center justify-center px-8 py-10 lg:px-16 lg:py-24">
           <FoundationWordmark className="h-[68px] text-rhodamine dark:text-current lg:h-[100px] [&_g]:fill-current" />
         </div>
-        <p className="typography-body-lg text-pretty px-8 py-10 max-md:text-center lg:px-16 lg:py-24">
+        <p className="typography-body-lg my-auto h-fit text-pretty px-8 py-10 max-md:text-center lg:px-16 lg:py-24">
           GraphQLConf is presented by the GraphQL Foundation, uniting the global
           GraphQL community to promote education, adoption, and advancement of
           GraphQL.

src/app/conf/2025/components/hero/index.tsx

@@ -19,6 +19,7 @@ export type HeroProps = {
   bottom?: React.ReactNode
   colorScheme?: "primary" | "neutral"
   stripes?: ReactNode
+  rightContent?: ReactNode
 } & (
   | { year: string | number; subtitle?: never }
   | { year?: never; subtitle: string }
@@ -62,18 +63,22 @@ export function Hero(props: HeroProps) {
                 </span>
               </h1>
             )}
-            <div className="flex h-min items-center gap-4">
-              <span className="typography-body-sm whitespace-pre">
-                hosted by
-              </span>
-              <GraphQLFoundationWordmark
-                width={128}
-                height={34.877}
-                className={
-                  colorScheme === "neutral" ? "[&_path]:fill-primary" : ""
-                }
-              />
-            </div>
+            {props.rightContent !== undefined ? (
+              props.rightContent
+            ) : (
+              <div className="flex h-min items-center gap-4">
+                <span className="typography-body-sm whitespace-pre">
+                  hosted by
+                </span>
+                <GraphQLFoundationWordmark
+                  width={128}
+                  height={34.877}
+                  className={
+                    colorScheme === "neutral" ? "[&_path]:fill-primary" : ""
+                  }
+                />
+              </div>
+            )}
           </div>
 
           <div className="flex flex-col gap-8">{props.children}</div>

src/app/conf/2025/events/fost/hero-image-proper.tsx

@@ -0,0 +1,27 @@
+"use client"
+
+import heroPhoto from "./hero-photo.webp"
+
+if (typeof window !== "undefined") {
+  const img = new Image()
+  img.src = heroPhoto.src
+  img.onload = () => {
+    const el = document.getElementById("hero-image") as HTMLImageElement | null
+    if (el) {
+      el.src = heroPhoto.src
+      el.style.opacity = "1"
+    }
+  }
+}
+
+export function HeroImageProper() {
+  return (
+    <img
+      id="hero-image"
+      suppressHydrationWarning
+      className="absolute inset-0 size-full object-cover opacity-0 duration-150"
+      width={heroPhoto.width}
+      height={heroPhoto.height}
+    />
+  )
+}

src/app/conf/2025/events/fost/opengraph-image.tsx

@@ -0,0 +1,10 @@
+import { SimpleOpengraphImage } from "../../components/og-images/simple-opengraph-image"
+export {
+  generateStaticParams,
+  contentType,
+  size,
+} from "../../components/og-images/simple-opengraph-image"
+
+export default SimpleOpengraphImage.bind(null, {
+  pageTitle: "GraphQL Day at FOST",
+})