From e210e14647464370a9c7f71011f5975c91bce3c3 Mon Sep 17 00:00:00 2001
From: beerose <alexsandra.sikora@gmail.com>
Date: Wed, 21 Jun 2023 12:31:37 +0200
Subject: [PATCH 1/7] Add Program page and remove references to the speak page

---
 src/components/Conf/Footer/index.tsx   |   7 +-
 src/components/Conf/Header/index.tsx   |   2 +-
 src/components/Conf/Sponsors/index.tsx |   1 -
 src/pages/conf/index.tsx               |  10 +-
 src/pages/conf/program.tsx             |  60 +++++
 src/pages/conf/speak.tsx               | 348 -------------------------
 6 files changed, 66 insertions(+), 362 deletions(-)
 create mode 100644 src/pages/conf/program.tsx
 delete mode 100644 src/pages/conf/speak.tsx

diff --git a/src/components/Conf/Footer/index.tsx b/src/components/Conf/Footer/index.tsx
index fb27e09a33..6f5b2b26da 100644
--- a/src/components/Conf/Footer/index.tsx
+++ b/src/components/Conf/Footer/index.tsx
@@ -12,7 +12,6 @@ const links = [
     { text: "Location", href: "/conf/#location" },
   ],
   [
-    { text: "Speak", href: "/conf/speak/" },
     { text: "Sponsor", href: "/conf/sponsor/" },
     { text: "FAQ", href: "/conf/faq/" },
     { text: "Contact Us", href: "/conf/faq/#contact" },
@@ -25,11 +24,11 @@ const links = [
   ],
 ]
 
-const FooterConf = () => {
+const FooterConf = ({ includeSponors = true, includePartners = true }) => {
   return (
     <>
-      <SponsorsConf />
-      <PartnersConf />
+      {includeSponors && <SponsorsConf />}
+      {includePartners && <PartnersConf />}
       <footer className="text-gray-600 bg-[#171E26]">
         <div className="container px-5 md:py-24 mx-auto flex md:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
           <div className="w-64 shrink-0 md:mx-0 text-left">
diff --git a/src/components/Conf/Header/index.tsx b/src/components/Conf/Header/index.tsx
index 8f81604bb8..5016539d07 100644
--- a/src/components/Conf/Header/index.tsx
+++ b/src/components/Conf/Header/index.tsx
@@ -9,7 +9,7 @@ interface LinkItem {
 
 const links: LinkItem[] = [
   { text: "Attend", href: "/conf/#attend" },
-  { text: "Speak", href: "/conf/speak/" },
+  { text: "Program", href: "/conf/program/" },
   { text: "Sponsor", href: "/conf/sponsor/" },
   { text: "Partner", href: "/conf/partner/" },
   { text: "FAQ", href: "/conf/faq/" },
diff --git a/src/components/Conf/Sponsors/index.tsx b/src/components/Conf/Sponsors/index.tsx
index b969a46cb0..cb71fd8940 100644
--- a/src/components/Conf/Sponsors/index.tsx
+++ b/src/components/Conf/Sponsors/index.tsx
@@ -70,7 +70,6 @@ const workshopDaySponsors: Image[] = [
     iconPath: TheGuild,
     name: "The Guild",
     link: "https://the-guild.dev/",
-    workshopSponsor: true,
   },
 ]
 
diff --git a/src/pages/conf/index.tsx b/src/pages/conf/index.tsx
index 91f629307e..de71364f84 100644
--- a/src/pages/conf/index.tsx
+++ b/src/pages/conf/index.tsx
@@ -13,10 +13,6 @@ import SeoConf, { defaults as seoDefaults } from "../../components/Conf/Seo"
 import { CalendarIcon, GlobeIcon } from "@radix-ui/react-icons"
 
 export default () => {
-  const today = new Date()
-  const expiredDate = new Date("2023-06-10")
-  const isExpired = expiredDate > today
-
   return (
     <LayoutConf>
       <HeaderConf />
@@ -40,12 +36,10 @@ export default () => {
                   <span>San Francisco Bay Area, CA</span>
                 </div>
               </div>
-              <div className="flex justify-left gap-4 flex-row flex-wrap">
+              <div className="flex justify-start gap-4 flex-row">
                 <ButtonConf href="/conf/sponsor/">Join as a Sponsor</ButtonConf>
                 <ButtonConf href="/conf/partner/">Join as a Partner</ButtonConf>
-                {isExpired && (
-                  <ButtonConf href="/conf/speak/">Submit to Speak</ButtonConf>
-                )}
+                <ButtonConf href="/conf/partner/">View the Schedule</ButtonConf>
               </div>
             </div>
           </div>
diff --git a/src/pages/conf/program.tsx b/src/pages/conf/program.tsx
new file mode 100644
index 0000000000..bb6c8113b8
--- /dev/null
+++ b/src/pages/conf/program.tsx
@@ -0,0 +1,60 @@
+import React from "react"
+import FooterConf from "../../components/Conf/Footer"
+import HeaderConf from "../../components/Conf/Header"
+import LayoutConf from "../../components/Conf/Layout"
+import { ReactComponent as TheGuild } from "../../../static/img/conf/Sponsors/TheGuild.svg"
+import SeoConf from "../../components/Conf/Seo"
+import { Script } from "gatsby"
+
+export default () => {
+  return (
+    <LayoutConf>
+      <HeaderConf />
+      <div className="bg-white">
+        <div className="prose lg:prose-lg mx-auto py-10 max-sm:px-4">
+          <h1>GraphQLConf 2023 Program</h1>
+          <section className="px-0 my-8">
+            <h4>September 19-21, 2023 I San Francisco Bay Area, CA</h4>
+            <p>
+              Please note: All session times are in Pacific Daylight Time (UTC
+              -7). To view the schedule in your <b>preferred timezone</b>,
+              please select from the drop-down menu to the right, above “Filter
+              by Date.”
+            </p>
+            <p>
+              <b>IMPORTANT NOTE: </b>Timing of sessions and room locations are{" "}
+              <b>subject to change</b>.
+            </p>
+            <div className="-ml-[15px]">
+              <a id="sched-embed" href="https://graphqlconf23.sched.com/">
+                View the graphqlconf23 schedule &amp; directory.
+              </a>
+              <Script
+                type="text/javascript"
+                src="https://graphqlconf23.sched.com/js/embed.js"
+              ></Script>
+            </div>
+            <p>
+              Join us for a GraphQLConf Workshop Day on September 19. Workshops
+              are included in GraphQLConf registration though pre-registration
+              is required - <a href="/conf/#attend">register now</a>, or modify
+              your registration and join us! Workshop space is available on a
+              first come, first served basis.
+            </p>
+            <p>Thank you to our Workshop Day sponsor, The Guild.</p>
+            <div className="w-48">
+              <TheGuild />
+            </div>
+          </section>
+        </div>
+      </div>
+      <FooterConf includePartners={false} includeSponors={false} />
+    </LayoutConf>
+  )
+}
+
+export function Head() {
+  return (
+    <SeoConf title="Partner with GraphQLConf 2023 - Media and Community Partners" />
+  )
+}
diff --git a/src/pages/conf/speak.tsx b/src/pages/conf/speak.tsx
deleted file mode 100644
index 8b6b0c1da4..0000000000
--- a/src/pages/conf/speak.tsx
+++ /dev/null
@@ -1,348 +0,0 @@
-import React, { ReactNode, Fragment } from "react"
-import FooterConf from "../../components/Conf/Footer"
-import HeaderConf from "../../components/Conf/Header"
-import LayoutConf from "../../components/Conf/Layout"
-import ButtonConf from "../../components/Conf/Button"
-import SectionConf from "../../components/Conf/Section"
-import SeoConf from "../../components/Conf/Seo"
-
-const cfp: Array<{ id: string; title: string; contents: ReactNode }> = [
-  {
-    id: "dates",
-    title: "Dates to Remember",
-    contents: (
-      <DL
-        items={[
-          ["CFP Closes", "Friday, June 9 at 11:59 PM PDT (UTC-7)"],
-          ["CFP Notifications", "Wednesday, June 21"],
-          ["Schedule Announcement", "Week of June 26"],
-          ["Slide upload deadline to Sched.com", "Friday, September 15"],
-          ["Event Date", "Tuesday, September 19 – Thursday, September 21"],
-        ]}
-      />
-    ),
-  },
-  {
-    id: "topics",
-    title: "Suggested Topics",
-    contents: (
-      <DL
-        items={[
-          [
-            "GraphQL Core",
-            "Latest and greatest developments in the GraphQL specification, graphql.js, GraphQL over HTTP, GraphiQL, and Composite Schemas.",
-          ],
-          [
-            "GraphQL in Production",
-            "Best practices, real world use cases, spectacular success, spectacular failures, and lessons learned from production deployments of GraphQL.",
-          ],
-          [
-            "GraphQL Security",
-            "Authentication/authorization, security testing, threat models, GraphQL and OWASP Top 10, exploit analysis and retrospective, full-lifecycle security considerations.",
-          ],
-          [
-            "GraphQL Clients",
-            "Client development (web, mobile, and beyond) with GraphQL, frontend frameworks, GraphQL IDEs.",
-          ],
-          [
-            "Platform and Backend",
-            "GraphQL server implementations, data sources for GraphQL resolvers, integration with platform providers/frameworks, serverless, mesh architectures, AI/ML.",
-          ],
-          [
-            "Spec Fusion",
-            "Orchestrating a Symphony of API Standards. In today’s connected world, GraphQL coexists with various other specifications to enable seamless integrations and interoperability. Share your experiences and insights on integrating GraphQL with REST, gRPC, Websockets, RSocket, or other related technologies. Explore the harmonization of FAIR, FHIR,  RDF/SPARQL, BIAN, or similar standards to create a beautiful symphony of API specifications.",
-          ],
-          [
-            "GraphQL and Data",
-            "Discuss using GraphQL to interact with existing internal or external data sources, conventions and best practices for API design in different types of query and data workloads, federation across data sources, and authorization ownership and implementation best practices.",
-          ],
-          [
-            "Scaling",
-            "Everything related to scaling GraphQL: testing, automation, performance, social/organizational considerations.",
-          ],
-          [
-            "Beyond Javascript",
-            "Implementing and interacting with GraphQL APIs using languages and frameworks beyond JavaScript: Go, Ruby, Python, Rust, .NET, WebAssembly, et al.",
-          ],
-          [
-            "GraphQL Academia",
-            "Research papers or studies in academia that involve GraphQL.",
-          ],
-          [
-            "Emerging Community Trends",
-            "What’s happening at the vanguard of GraphQL adoption that will help define the future of GraphQL usage in the community.",
-          ],
-          [
-            "Defies Categorization",
-            "Have a talk idea that doesn’t fit inside the topics above? Challenge accepted! Wow us with your awesome talk submission and we’ll work with you to fit it into our track structure. ",
-          ],
-        ]}
-      />
-    ),
-  },
-  {
-    id: "types",
-    title: "Submission Types",
-    contents: (
-      <DL
-        items={[
-          [
-            "Session Presentation",
-            "Typically 30-40 minutes in length, 1-2 speakers presenting on a topic",
-          ],
-          [
-            "Panel Discussion",
-            "Typically 30-40 minutes in length, 3-5 speakers presenting on a topic",
-          ],
-          ["Birds of a Feather", "Typically 45 minutes to 1 hour in length"],
-          ["Lightning Talk", "Typically 5-10 minutes in length"],
-          ["Workshop", "Typically 1-2 hours in length"],
-        ]}
-      />
-    ),
-  },
-  {
-    id: "important",
-    title: "Important Notes",
-    contents: (
-      <>
-        <p>
-          All speakers are required to adhere to our{" "}
-          <a href="/conf/faq/#codeofconduct">Code of Conduct</a>. We also highly
-          recommend that speakers take our online{" "}
-          <a
-            href="https://training.linuxfoundation.org/linux-courses/open-source-compliance-courses/inclusive-speaker-orientation"
-            target="_blank"
-          >
-            Inclusive Speaker Orientation Course
-          </a>
-          .
-        </p>
-        <p>
-          Panel submissions must include the names of all participants in the
-          initial submission to be considered. In an effort to promote speaker
-          diversity, The Linux Foundation does not accept submissions with
-          all-male panels, and speakers must not all be from the same company.
-        </p>
-        <p>
-          Complimentary Passes For Speakers – One complimentary pass for the
-          event will be provided for the accepted speaker(s) per submission.
-        </p>
-        <p>
-          Avoid sales or marketing pitches and discussing unlicensed or
-          potentially closed-source technologies when preparing your proposal;
-          these talks are almost always rejected due to the fact that they take
-          away from the integrity of our events, and are rarely well-received by
-          conference attendees.
-        </p>
-        <p>
-          The Linux Foundation will not select submissions that have already
-          been presented at a previous Linux Foundation event within the past
-          year. If your submission is similar to a previous talk, please explain
-          how this version differs.
-        </p>
-        <p>
-          You are allowed to be listed as a speaker on a maximum of two
-          proposals submitted to the CFP, regardless of the format. If you are
-          listed on more than two, we will contact you to remove yourself from
-          any additional proposals.
-        </p>
-        <p>
-          You may only be selected to speak on one panel and one non-panel
-          session per event.
-        </p>
-        <p>
-          All accepted speakers are required to submit their slides prior to the
-          event.
-        </p>
-      </>
-    ),
-  },
-  {
-    id: "prepare",
-    title: "Prepare to Submit",
-    contents: (
-      <>
-        <p>
-          While it is not our intention to provide you with strict instructions
-          on how to prepare your proposal, we hope you will take a moment to
-          review the following guidelines that we have put together to help you
-          prepare the best submission possible. To get started, here are three
-          things that you should consider before submitting your proposal:
-        </p>
-        <ul className="list-disc">
-          <li>What are you hoping to get from your presentation?</li>
-          <li>
-            What do you expect the audience to gain from your presentation?
-          </li>
-          <li>How will your presentation help better the ecosystem?</li>
-          <li>
-            There are plenty of ways to give a presentation about projects and
-            technologies without focusing on company-specific efforts. Remember
-            the things to consider that we mentioned above when writing your
-            proposal and think of ways to make it interesting for attendees
-            while still letting you share your experiences, educate the
-            community about an issue, or generate interest in a project.
-          </li>
-        </ul>
-        <h3>Writing Your Proposal</h3>
-        <p>
-          Your abstract title will be the main point of reference for attendees
-          to decide if they want to attend your talk, so choose it carefully.
-          The title should accurately reflect the content of your talk and
-          comply with The Linux Foundation’s{" "}
-          <a
-            href="https://events.linuxfoundation.org/graphqlconf/program/cfp/#preparing-to-submit:~:text=The%20Linux%20Foundation%E2%80%99s-,Inclusive%20Language%20Initiative.,-It%20will%20appear"
-            target="_blank"
-          >
-            Inclusive Language Initiative
-          </a>
-          . Please use title case when inputting your title.
-        </p>
-        <p>
-          In the abstract, make the most of your opportunity to pitch your talk
-          to the program committee by emphasizing its problem, contribution, and
-          relevance. Don’t forget technical details, but keep the big picture in
-          mind. Your proposal’s description should be focused, detailed, and
-          comply with The Linux Foundation’s Inclusive Language Initiative. It
-          will appear on the website schedule if accepted, so ensure it’s
-          error-free, uses full sentences, and written in the third person. This
-          description can make or break an attendee’s decision to attend your
-          talk, so provide enough information to aid their choice, and be
-          concise. The competition for presentation slots is high, so a
-          well-crafted, engaging abstract will improve your chances of
-          acceptance.
-        </p>
-        <h3>How to Give a Great Talk</h3>
-        <p>
-          We want to make sure submitters receive resources to help put together
-          a great submission and if accepted, give the best presentation
-          possible. To help with this, we recommend viewing seasoned speaker
-          Dawn Foster’s in-depth talk:{" "}
-          <a href="https://youtu.be/2I5fYBLCfUA" target="_blank">
-            Getting Over Your Imposter Syndrome to Become a Conference Speaker –
-            Dawn Foster, VMware
-          </a>
-        </p>
-        <h3>
-          Have More Questions? First Time Submitting? Don’t Feel Intimidated
-        </h3>
-        Linux Foundation events are an excellent way to get to know the
-        community and share your ideas and the work that you are doing and we
-        strongly encourage first-time speakers to submit talks for our events.
-        In the instance that you aren’t sure about your abstract,{" "}
-        <a href="mailto:cfp@linuxfoundation.org">reach out to us</a> and we will
-        be more than happy to work with you on your proposal.
-      </>
-    ),
-  },
-  {
-    id: "sessionize",
-    title: "Using Sessionize",
-    contents: (
-      <>
-        <h3>First time using Sessionize?</h3>
-        <p>
-          Sessionize is a cloud-based event content management software designed
-          to be intuitive and user-friendly. If you need guidance, please review
-          how to submit your session for an event for step-by-step instructions
-          and helpful screenshots.
-        </p>
-
-        <h3>Submitting on behalf of somebody else?</h3>
-        <p>
-          While speakers ordinarily submit their sessions themselves, it’s also
-          common for them to have someone else do it in their name. Submitters
-          can choose to submit as someone else and must fill out the necessary
-          speaker fields, but the session submission process is otherwise
-          identical to when the session is submitted by the speaker themselves.
-        </p>
-      </>
-    ),
-  },
-]
-
-function DL({ items }: { items: [header: string, contents: ReactNode][] }) {
-  return (
-    <dl className="my-4">
-      {items.map(([header, contents]) => (
-        <Fragment key={header}>
-          <dt className="mt-6 mb-2 text-xl">{header}</dt>
-          <dd>{contents}</dd>
-        </Fragment>
-      ))}
-    </dl>
-  )
-}
-
-export default () => {
-  const today = new Date()
-  const expiredDate = new Date("2023-06-10")
-  const isExpired = expiredDate > today
-
-  return (
-    <LayoutConf>
-      <HeaderConf />
-      <div className="bg-white">
-        <div className="prose lg:prose-lg mx-auto py-10 max-sm:px-4">
-          <h1>Speak at GraphQLConf</h1>
-          <section className="px-0 my-8">
-            <p>
-              Putting on an amazing conference depends on great content, which
-              is where you come in! Join other GraphQL leaders and community
-              members as a presenter by submitting to our Call for Proposals
-              (CFP) and sharing your experience across a wide range of topics.
-            </p>
-            <p>
-              The CFP is open through Friday, June 9. For any questions
-              regarding the CFP process, please email{" "}
-              <a href="mailto:cfp@linuxfoundation.org">
-                cfp@linuxfoundation.org
-              </a>
-              .
-            </p>
-            {isExpired ? (
-              <ButtonConf href="https://sessionize.com/graphqlconf2023/">
-                Submit a Proposal
-              </ButtonConf>
-            ) : (
-              <div className="font-bold"> The CFP has closed.</div>
-            )}
-            <p className="italic">
-              Please be aware that the Linux Foundation will now be utilizing
-              Sessionize for CFP submissions. Sessionize is a cloud-based event
-              content management software designed to be intuitive and
-              user-friendly. If you need guidance, please review{" "}
-              <a
-                target="_blank"
-                href="https://sessionize.com/playbook/submit-your-session-for-an-event"
-              >
-                how to submit your session for an event
-              </a>{" "}
-              to see step-by-step instructions and helpful screenshots.
-            </p>
-          </section>
-          <ul className="md:columns-2 max-lg:p-0 max-lg:m-0 list-none">
-            {cfp.map(q => (
-              <li key={q.id} className="md:mt-0 md:mb-2">
-                <a href={`#${q.id}`}>{q.title}</a>
-              </li>
-            ))}
-          </ul>
-          {cfp.map(q => (
-            <SectionConf key={q.id} id={q.id} title={q.title}>
-              {q.contents}
-            </SectionConf>
-          ))}
-        </div>
-      </div>
-      <FooterConf />
-    </LayoutConf>
-  )
-}
-
-export function Head() {
-  return (
-    <SeoConf title="Speak at GraphQLConf 2023 - (CFP) Call for proposals" />
-  )
-}

From 3761ef8dd5d232bf1f4802547ee8b72f073f3646 Mon Sep 17 00:00:00 2001
From: beerose <alexsandra.sikora@gmail.com>
Date: Wed, 21 Jun 2023 12:41:00 +0200
Subject: [PATCH 2/7] Improve styles

---
 src/pages/conf/program.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/conf/program.tsx b/src/pages/conf/program.tsx
index bb6c8113b8..3dfa2e4387 100644
--- a/src/pages/conf/program.tsx
+++ b/src/pages/conf/program.tsx
@@ -25,15 +25,15 @@ export default () => {
               <b>IMPORTANT NOTE: </b>Timing of sessions and room locations are{" "}
               <b>subject to change</b>.
             </p>
-            <div className="-ml-[15px]">
+            <div className="[&>div]:-ml-[15px]">
               <a id="sched-embed" href="https://graphqlconf23.sched.com/">
                 View the graphqlconf23 schedule &amp; directory.
               </a>
-              <Script
-                type="text/javascript"
-                src="https://graphqlconf23.sched.com/js/embed.js"
-              ></Script>
             </div>
+            <Script
+              type="text/javascript"
+              src="https://graphqlconf23.sched.com/js/embed.js"
+            ></Script>
             <p>
               Join us for a GraphQLConf Workshop Day on September 19. Workshops
               are included in GraphQLConf registration though pre-registration

From 5fe86151d29dc2a2f46d263ac189e50679dc3e15 Mon Sep 17 00:00:00 2001
From: beerose <alexsandra.sikora@gmail.com>
Date: Wed, 21 Jun 2023 13:03:44 +0200
Subject: [PATCH 3/7] trigger ci


From 7bfde40ded57b50a5ff37268bfa6ec1684918f26 Mon Sep 17 00:00:00 2001
From: beerose <alexsandra.sikora@gmail.com>
Date: Wed, 21 Jun 2023 17:28:02 +0200
Subject: [PATCH 4/7] Minor updates

---
 src/pages/conf/index.tsx   |  2 +-
 src/pages/conf/program.tsx | 15 +++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/conf/index.tsx b/src/pages/conf/index.tsx
index de71364f84..b5efed0686 100644
--- a/src/pages/conf/index.tsx
+++ b/src/pages/conf/index.tsx
@@ -39,7 +39,7 @@ export default () => {
               <div className="flex justify-start gap-4 flex-row">
                 <ButtonConf href="/conf/sponsor/">Join as a Sponsor</ButtonConf>
                 <ButtonConf href="/conf/partner/">Join as a Partner</ButtonConf>
-                <ButtonConf href="/conf/partner/">View the Schedule</ButtonConf>
+                <ButtonConf href="/conf/program/">View the Schedule</ButtonConf>
               </div>
             </div>
           </div>
diff --git a/src/pages/conf/program.tsx b/src/pages/conf/program.tsx
index 3dfa2e4387..fbe899e15b 100644
--- a/src/pages/conf/program.tsx
+++ b/src/pages/conf/program.tsx
@@ -34,12 +34,17 @@ export default () => {
               type="text/javascript"
               src="https://graphqlconf23.sched.com/js/embed.js"
             ></Script>
+
+            <h2>Workshop Day</h2>
             <p>
               Join us for a GraphQLConf Workshop Day on September 19. Workshops
               are included in GraphQLConf registration though pre-registration
-              is required - <a href="/conf/#attend">register now</a>, or modify
-              your registration and join us! Workshop space is available on a
-              first come, first served basis.
+              is required -{" "}
+              <a href="https://cvent.me/4zbxz9" target="_blank">
+                register now
+              </a>
+              , or modify your registration and join us! Workshop space is
+              available on a first come, first served basis.
             </p>
             <p>Thank you to our Workshop Day sponsor, The Guild.</p>
             <div className="w-48">
@@ -54,7 +59,5 @@ export default () => {
 }
 
 export function Head() {
-  return (
-    <SeoConf title="Partner with GraphQLConf 2023 - Media and Community Partners" />
-  )
+  return <SeoConf title="GraphQLConf 2023 Program" />
 }

From 9f4edfc6c34f2d27601cfab727290d733964c1ed Mon Sep 17 00:00:00 2001
From: beerose <alexsandra.sikora@gmail.com>
Date: Thu, 22 Jun 2023 14:18:28 +0200
Subject: [PATCH 5/7] Fix wrap issue

---
 src/pages/conf/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/conf/index.tsx b/src/pages/conf/index.tsx
index b5efed0686..e7f1a08c5b 100644
--- a/src/pages/conf/index.tsx
+++ b/src/pages/conf/index.tsx
@@ -18,7 +18,7 @@ export default () => {
       <HeaderConf />
       <div className="text-gray-600 bg-color-[#562556] bg-[url('/img/conf/graphql-conf-bg.png')] bg-cover bg-blend-multiply	bg-opacity-20	bg-black">
         <div className="container flex py-16 md:py-36 items-center justify-center flex-col">
-          <div className="flex flex-col justify-center items-center w-full gap-2 lg:gap-32 lg:flex-row">
+          <div className="flex flex-col justify-center w-full gap-2 lg:gap-32 lg:flex-row">
             <div>
               <img
                 src="/img/conf/graphql-conf-logo.svg"
@@ -36,7 +36,7 @@ export default () => {
                   <span>San Francisco Bay Area, CA</span>
                 </div>
               </div>
-              <div className="flex justify-start gap-4 flex-row">
+              <div className="flex justify-start gap-4 flex-row flex-wrap">
                 <ButtonConf href="/conf/sponsor/">Join as a Sponsor</ButtonConf>
                 <ButtonConf href="/conf/partner/">Join as a Partner</ButtonConf>
                 <ButtonConf href="/conf/program/">View the Schedule</ButtonConf>

From 5738d3635d6a80e1b6177f1c7fb127392dd68f48 Mon Sep 17 00:00:00 2001
From: beerose <alexsandra.sikora@gmail.com>
Date: Wed, 28 Jun 2023 22:47:58 +0200
Subject: [PATCH 6/7] Program page changes

---
 src/pages/conf/program.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/pages/conf/program.tsx b/src/pages/conf/program.tsx
index fbe899e15b..6a8f666f62 100644
--- a/src/pages/conf/program.tsx
+++ b/src/pages/conf/program.tsx
@@ -15,24 +15,17 @@ export default () => {
           <h1>GraphQLConf 2023 Program</h1>
           <section className="px-0 my-8">
             <h4>September 19-21, 2023 I San Francisco Bay Area, CA</h4>
-            <p>
-              Please note: All session times are in Pacific Daylight Time (UTC
-              -7). To view the schedule in your <b>preferred timezone</b>,
-              please select from the drop-down menu to the right, above “Filter
-              by Date.”
-            </p>
-            <p>
-              <b>IMPORTANT NOTE: </b>Timing of sessions and room locations are{" "}
-              <b>subject to change</b>.
-            </p>
             <div className="[&>div]:-ml-[15px]">
-              <a id="sched-embed" href="https://graphqlconf23.sched.com/">
+              <a
+                id="sched-embed"
+                href="//graphqlconf23.sched.com/directory/speakers"
+              >
                 View the graphqlconf23 schedule &amp; directory.
               </a>
             </div>
             <Script
               type="text/javascript"
-              src="https://graphqlconf23.sched.com/js/embed.js"
+              src="//graphqlconf23.sched.com/js/embed.js"
             ></Script>
 
             <h2>Workshop Day</h2>

From 3a6a4fc6da5b71eef9cbe0af6e5bea2fdea62418 Mon Sep 17 00:00:00 2001
From: beerose <alexsandra.sikora@gmail.com>
Date: Fri, 30 Jun 2023 18:57:55 +0200
Subject: [PATCH 7/7] Update program note and bring back speak

---
 src/pages/conf/program.tsx |   4 +
 src/pages/conf/speak.tsx   | 348 +++++++++++++++++++++++++++++++++++++
 2 files changed, 352 insertions(+)
 create mode 100644 src/pages/conf/speak.tsx

diff --git a/src/pages/conf/program.tsx b/src/pages/conf/program.tsx
index 6a8f666f62..dae95df133 100644
--- a/src/pages/conf/program.tsx
+++ b/src/pages/conf/program.tsx
@@ -15,6 +15,10 @@ export default () => {
           <h1>GraphQLConf 2023 Program</h1>
           <section className="px-0 my-8">
             <h4>September 19-21, 2023 I San Francisco Bay Area, CA</h4>
+            <p>
+              We are excited to announce our speakers for GraphQLConf 2023.
+              Please check back for more details about the program.
+            </p>
             <div className="[&>div]:-ml-[15px]">
               <a
                 id="sched-embed"
diff --git a/src/pages/conf/speak.tsx b/src/pages/conf/speak.tsx
new file mode 100644
index 0000000000..8b6b0c1da4
--- /dev/null
+++ b/src/pages/conf/speak.tsx
@@ -0,0 +1,348 @@
+import React, { ReactNode, Fragment } from "react"
+import FooterConf from "../../components/Conf/Footer"
+import HeaderConf from "../../components/Conf/Header"
+import LayoutConf from "../../components/Conf/Layout"
+import ButtonConf from "../../components/Conf/Button"
+import SectionConf from "../../components/Conf/Section"
+import SeoConf from "../../components/Conf/Seo"
+
+const cfp: Array<{ id: string; title: string; contents: ReactNode }> = [
+  {
+    id: "dates",
+    title: "Dates to Remember",
+    contents: (
+      <DL
+        items={[
+          ["CFP Closes", "Friday, June 9 at 11:59 PM PDT (UTC-7)"],
+          ["CFP Notifications", "Wednesday, June 21"],
+          ["Schedule Announcement", "Week of June 26"],
+          ["Slide upload deadline to Sched.com", "Friday, September 15"],
+          ["Event Date", "Tuesday, September 19 – Thursday, September 21"],
+        ]}
+      />
+    ),
+  },
+  {
+    id: "topics",
+    title: "Suggested Topics",
+    contents: (
+      <DL
+        items={[
+          [
+            "GraphQL Core",
+            "Latest and greatest developments in the GraphQL specification, graphql.js, GraphQL over HTTP, GraphiQL, and Composite Schemas.",
+          ],
+          [
+            "GraphQL in Production",
+            "Best practices, real world use cases, spectacular success, spectacular failures, and lessons learned from production deployments of GraphQL.",
+          ],
+          [
+            "GraphQL Security",
+            "Authentication/authorization, security testing, threat models, GraphQL and OWASP Top 10, exploit analysis and retrospective, full-lifecycle security considerations.",
+          ],
+          [
+            "GraphQL Clients",
+            "Client development (web, mobile, and beyond) with GraphQL, frontend frameworks, GraphQL IDEs.",
+          ],
+          [
+            "Platform and Backend",
+            "GraphQL server implementations, data sources for GraphQL resolvers, integration with platform providers/frameworks, serverless, mesh architectures, AI/ML.",
+          ],
+          [
+            "Spec Fusion",
+            "Orchestrating a Symphony of API Standards. In today’s connected world, GraphQL coexists with various other specifications to enable seamless integrations and interoperability. Share your experiences and insights on integrating GraphQL with REST, gRPC, Websockets, RSocket, or other related technologies. Explore the harmonization of FAIR, FHIR,  RDF/SPARQL, BIAN, or similar standards to create a beautiful symphony of API specifications.",
+          ],
+          [
+            "GraphQL and Data",
+            "Discuss using GraphQL to interact with existing internal or external data sources, conventions and best practices for API design in different types of query and data workloads, federation across data sources, and authorization ownership and implementation best practices.",
+          ],
+          [
+            "Scaling",
+            "Everything related to scaling GraphQL: testing, automation, performance, social/organizational considerations.",
+          ],
+          [
+            "Beyond Javascript",
+            "Implementing and interacting with GraphQL APIs using languages and frameworks beyond JavaScript: Go, Ruby, Python, Rust, .NET, WebAssembly, et al.",
+          ],
+          [
+            "GraphQL Academia",
+            "Research papers or studies in academia that involve GraphQL.",
+          ],
+          [
+            "Emerging Community Trends",
+            "What’s happening at the vanguard of GraphQL adoption that will help define the future of GraphQL usage in the community.",
+          ],
+          [
+            "Defies Categorization",
+            "Have a talk idea that doesn’t fit inside the topics above? Challenge accepted! Wow us with your awesome talk submission and we’ll work with you to fit it into our track structure. ",
+          ],
+        ]}
+      />
+    ),
+  },
+  {
+    id: "types",
+    title: "Submission Types",
+    contents: (
+      <DL
+        items={[
+          [
+            "Session Presentation",
+            "Typically 30-40 minutes in length, 1-2 speakers presenting on a topic",
+          ],
+          [
+            "Panel Discussion",
+            "Typically 30-40 minutes in length, 3-5 speakers presenting on a topic",
+          ],
+          ["Birds of a Feather", "Typically 45 minutes to 1 hour in length"],
+          ["Lightning Talk", "Typically 5-10 minutes in length"],
+          ["Workshop", "Typically 1-2 hours in length"],
+        ]}
+      />
+    ),
+  },
+  {
+    id: "important",
+    title: "Important Notes",
+    contents: (
+      <>
+        <p>
+          All speakers are required to adhere to our{" "}
+          <a href="/conf/faq/#codeofconduct">Code of Conduct</a>. We also highly
+          recommend that speakers take our online{" "}
+          <a
+            href="https://training.linuxfoundation.org/linux-courses/open-source-compliance-courses/inclusive-speaker-orientation"
+            target="_blank"
+          >
+            Inclusive Speaker Orientation Course
+          </a>
+          .
+        </p>
+        <p>
+          Panel submissions must include the names of all participants in the
+          initial submission to be considered. In an effort to promote speaker
+          diversity, The Linux Foundation does not accept submissions with
+          all-male panels, and speakers must not all be from the same company.
+        </p>
+        <p>
+          Complimentary Passes For Speakers – One complimentary pass for the
+          event will be provided for the accepted speaker(s) per submission.
+        </p>
+        <p>
+          Avoid sales or marketing pitches and discussing unlicensed or
+          potentially closed-source technologies when preparing your proposal;
+          these talks are almost always rejected due to the fact that they take
+          away from the integrity of our events, and are rarely well-received by
+          conference attendees.
+        </p>
+        <p>
+          The Linux Foundation will not select submissions that have already
+          been presented at a previous Linux Foundation event within the past
+          year. If your submission is similar to a previous talk, please explain
+          how this version differs.
+        </p>
+        <p>
+          You are allowed to be listed as a speaker on a maximum of two
+          proposals submitted to the CFP, regardless of the format. If you are
+          listed on more than two, we will contact you to remove yourself from
+          any additional proposals.
+        </p>
+        <p>
+          You may only be selected to speak on one panel and one non-panel
+          session per event.
+        </p>
+        <p>
+          All accepted speakers are required to submit their slides prior to the
+          event.
+        </p>
+      </>
+    ),
+  },
+  {
+    id: "prepare",
+    title: "Prepare to Submit",
+    contents: (
+      <>
+        <p>
+          While it is not our intention to provide you with strict instructions
+          on how to prepare your proposal, we hope you will take a moment to
+          review the following guidelines that we have put together to help you
+          prepare the best submission possible. To get started, here are three
+          things that you should consider before submitting your proposal:
+        </p>
+        <ul className="list-disc">
+          <li>What are you hoping to get from your presentation?</li>
+          <li>
+            What do you expect the audience to gain from your presentation?
+          </li>
+          <li>How will your presentation help better the ecosystem?</li>
+          <li>
+            There are plenty of ways to give a presentation about projects and
+            technologies without focusing on company-specific efforts. Remember
+            the things to consider that we mentioned above when writing your
+            proposal and think of ways to make it interesting for attendees
+            while still letting you share your experiences, educate the
+            community about an issue, or generate interest in a project.
+          </li>
+        </ul>
+        <h3>Writing Your Proposal</h3>
+        <p>
+          Your abstract title will be the main point of reference for attendees
+          to decide if they want to attend your talk, so choose it carefully.
+          The title should accurately reflect the content of your talk and
+          comply with The Linux Foundation’s{" "}
+          <a
+            href="https://events.linuxfoundation.org/graphqlconf/program/cfp/#preparing-to-submit:~:text=The%20Linux%20Foundation%E2%80%99s-,Inclusive%20Language%20Initiative.,-It%20will%20appear"
+            target="_blank"
+          >
+            Inclusive Language Initiative
+          </a>
+          . Please use title case when inputting your title.
+        </p>
+        <p>
+          In the abstract, make the most of your opportunity to pitch your talk
+          to the program committee by emphasizing its problem, contribution, and
+          relevance. Don’t forget technical details, but keep the big picture in
+          mind. Your proposal’s description should be focused, detailed, and
+          comply with The Linux Foundation’s Inclusive Language Initiative. It
+          will appear on the website schedule if accepted, so ensure it’s
+          error-free, uses full sentences, and written in the third person. This
+          description can make or break an attendee’s decision to attend your
+          talk, so provide enough information to aid their choice, and be
+          concise. The competition for presentation slots is high, so a
+          well-crafted, engaging abstract will improve your chances of
+          acceptance.
+        </p>
+        <h3>How to Give a Great Talk</h3>
+        <p>
+          We want to make sure submitters receive resources to help put together
+          a great submission and if accepted, give the best presentation
+          possible. To help with this, we recommend viewing seasoned speaker
+          Dawn Foster’s in-depth talk:{" "}
+          <a href="https://youtu.be/2I5fYBLCfUA" target="_blank">
+            Getting Over Your Imposter Syndrome to Become a Conference Speaker –
+            Dawn Foster, VMware
+          </a>
+        </p>
+        <h3>
+          Have More Questions? First Time Submitting? Don’t Feel Intimidated
+        </h3>
+        Linux Foundation events are an excellent way to get to know the
+        community and share your ideas and the work that you are doing and we
+        strongly encourage first-time speakers to submit talks for our events.
+        In the instance that you aren’t sure about your abstract,{" "}
+        <a href="mailto:cfp@linuxfoundation.org">reach out to us</a> and we will
+        be more than happy to work with you on your proposal.
+      </>
+    ),
+  },
+  {
+    id: "sessionize",
+    title: "Using Sessionize",
+    contents: (
+      <>
+        <h3>First time using Sessionize?</h3>
+        <p>
+          Sessionize is a cloud-based event content management software designed
+          to be intuitive and user-friendly. If you need guidance, please review
+          how to submit your session for an event for step-by-step instructions
+          and helpful screenshots.
+        </p>
+
+        <h3>Submitting on behalf of somebody else?</h3>
+        <p>
+          While speakers ordinarily submit their sessions themselves, it’s also
+          common for them to have someone else do it in their name. Submitters
+          can choose to submit as someone else and must fill out the necessary
+          speaker fields, but the session submission process is otherwise
+          identical to when the session is submitted by the speaker themselves.
+        </p>
+      </>
+    ),
+  },
+]
+
+function DL({ items }: { items: [header: string, contents: ReactNode][] }) {
+  return (
+    <dl className="my-4">
+      {items.map(([header, contents]) => (
+        <Fragment key={header}>
+          <dt className="mt-6 mb-2 text-xl">{header}</dt>
+          <dd>{contents}</dd>
+        </Fragment>
+      ))}
+    </dl>
+  )
+}
+
+export default () => {
+  const today = new Date()
+  const expiredDate = new Date("2023-06-10")
+  const isExpired = expiredDate > today
+
+  return (
+    <LayoutConf>
+      <HeaderConf />
+      <div className="bg-white">
+        <div className="prose lg:prose-lg mx-auto py-10 max-sm:px-4">
+          <h1>Speak at GraphQLConf</h1>
+          <section className="px-0 my-8">
+            <p>
+              Putting on an amazing conference depends on great content, which
+              is where you come in! Join other GraphQL leaders and community
+              members as a presenter by submitting to our Call for Proposals
+              (CFP) and sharing your experience across a wide range of topics.
+            </p>
+            <p>
+              The CFP is open through Friday, June 9. For any questions
+              regarding the CFP process, please email{" "}
+              <a href="mailto:cfp@linuxfoundation.org">
+                cfp@linuxfoundation.org
+              </a>
+              .
+            </p>
+            {isExpired ? (
+              <ButtonConf href="https://sessionize.com/graphqlconf2023/">
+                Submit a Proposal
+              </ButtonConf>
+            ) : (
+              <div className="font-bold"> The CFP has closed.</div>
+            )}
+            <p className="italic">
+              Please be aware that the Linux Foundation will now be utilizing
+              Sessionize for CFP submissions. Sessionize is a cloud-based event
+              content management software designed to be intuitive and
+              user-friendly. If you need guidance, please review{" "}
+              <a
+                target="_blank"
+                href="https://sessionize.com/playbook/submit-your-session-for-an-event"
+              >
+                how to submit your session for an event
+              </a>{" "}
+              to see step-by-step instructions and helpful screenshots.
+            </p>
+          </section>
+          <ul className="md:columns-2 max-lg:p-0 max-lg:m-0 list-none">
+            {cfp.map(q => (
+              <li key={q.id} className="md:mt-0 md:mb-2">
+                <a href={`#${q.id}`}>{q.title}</a>
+              </li>
+            ))}
+          </ul>
+          {cfp.map(q => (
+            <SectionConf key={q.id} id={q.id} title={q.title}>
+              {q.contents}
+            </SectionConf>
+          ))}
+        </div>
+      </div>
+      <FooterConf />
+    </LayoutConf>
+  )
+}
+
+export function Head() {
+  return (
+    <SeoConf title="Speak at GraphQLConf 2023 - (CFP) Call for proposals" />
+  )
+}