Merge branch 'source' into schedule-updates

Author: beerose

src/assets/css/_css/brand.less

@@ -269,7 +269,7 @@
   .zoom-platinum  {
     transition: transform .2s; /* Animation */
     width: 300px;
-    height: 153px;
+    max-height: 153px;
     cursor: pointer;
   }
   .zoom-platinum:hover {

src/components/Conf/Sponsors/index.tsx

@@ -6,6 +6,8 @@ import { ReactComponent as Solo } from "../../../../static/img/conf/Sponsors/Sol
 import { ReactComponent as Hasura } from "../../../../static/img/conf/Sponsors/Hasura.svg"
 import { ReactComponent as TheGraph } from "../../../../static/img/conf/Sponsors/TheGraph.svg"
 import { ReactComponent as TheGuild } from "../../../../static/img/conf/Sponsors/TheGuild.svg"
+import { ReactComponent as Hygraph } from "../../../../static/img/conf/Sponsors/Hygraph.svg"
+import { ReactComponent as StepZen } from "../../../../static/img/conf/Sponsors/StepZen.svg"
 
 interface Image {
   iconPath: string
@@ -47,6 +49,11 @@ const sponsorPlatinum: Image[] = [
     name: "Solo.io",
     link: "https://www.solo.io/",
   },
+  {
+    iconPath: Hygraph,
+    name: "Hygraph",
+    link: "https://hygraph.com/",
+  },
 ]
 
 const sponsorGold: Image[] = [
@@ -55,6 +62,11 @@ const sponsorGold: Image[] = [
     name: "The Graph",
     link: "https://thegraph.com/",
   },
+  {
+    iconPath: StepZen,
+    name: "StepZen",
+    link: "https://stepzen.com/",
+  },
 ]
 
 const sponsorSilver: Image[] = [
@@ -65,14 +77,6 @@ const sponsorSilver: Image[] = [
   },
 ]
 
-const workshopDaySponsors: Image[] = [
-  {
-    iconPath: TheGuild,
-    name: "The Guild",
-    link: "https://the-guild.dev/",
-  },
-]
-
 const SponsersConf = () => {
   return (
     <div id="sponsors" className="bg-white py-10 static">
@@ -97,13 +101,13 @@ const SponsersConf = () => {
       <h3 className="text-center text-[--rhodamine] font-bold my-10 underline underline-offset-8">
         PLATINUM
       </h3>
-      <div className="flex justify-center items-start flex-wrap gap-[20px]">
+      <div className="flex justify-center items-center flex-wrap gap-[20px]">
         {sponsorPlatinum
           .sort((a, b) => alphabetSort(a, b))
           .map((sponsor, i) => (
             <a
               key={i}
-              className="zoom-platinum flex flex-col items-center text-center w-full h-full"
+              className="zoom-platinum self-center flex flex-col text-center w-full"
               href={sponsor.link}
               target="_blank"
             >
@@ -115,7 +119,7 @@ const SponsersConf = () => {
       <h3 className="text-center text-[--rhodamine] font-bold my-10 underline underline-offset-8">
         GOLD
       </h3>
-      <div className="flex justify-center items-start flex-wrap gap-[20px]">
+      <div className="flex justify-center items-start flex-wrap gap-[40px]">
         {sponsorGold
           .sort((a, b) => alphabetSort(a, b))
           .map((sponsor, i) => (
@@ -133,7 +137,7 @@ const SponsersConf = () => {
       <h3 className="text-center text-[--rhodamine] font-bold my-10 underline underline-offset-8">
         SILVER
       </h3>
-      <div className="flex justify-center items-start flex-wrap gap-[20px]">
+      <div className="flex justify-center items-start flex-wrap gap-[40px]">
         {sponsorSilver
           .sort((a, b) => alphabetSort(a, b))
           .map((sponsor, i) => (
@@ -147,21 +151,6 @@ const SponsersConf = () => {
             </a>
           ))}
       </div>
-      <h1 className="text-center text-4xl text-[#171E26] font-bold my-8 pt-10">
-        Workshop Day Sponsor
-      </h1>
-      <div className="flex justify-center items-center flex-wrap gap-[40px]">
-        {workshopDaySponsors.map((sponsor, i) => (
-          <a
-            key={i}
-            className="zoom-diamond flex flex-col items-center text-center w-full h-full"
-            href={sponsor.link}
-            target="_blank"
-          >
-            <sponsor.iconPath />
-          </a>
-        ))}
-      </div>
     </div>
   )
 }

src/content/community/Community-Users.md

@@ -19,6 +19,7 @@ A number of GraphQL training courses are available.
 - [How to GraphQL](https://www.howtographql.com): The Fullstack Tutorial for GraphQL
 - [Apollo Odyssey](https://apollographql.com/tutorials/): Interactive courses for building GraphQL applications with Apollo's toolset
 - [Yoga GraphQL Server Tutorial](https://the-guild.dev/graphql/yoga-server/tutorial): Open source tutorial for creating modern GraphQL Servers in Node, CF Workers, Deno and others
+- [GraphQL Tutorials](https://hasura.io/learn/): Real World Fullstack GraphQL tutorials for developers by Hasura
 
 ## Where to ask questions