add /events page (#2336)

* feat: /events page

* feat: add /events page to menu

* feat: add share image

* try node 18 with sharp

* fix build for node 18

* mobile event filters + new components

* fix style bugs

* add airtable key to CI

* fix load more button not hiding at the end

* use event `type` instead of `topic`

* fix webp processing

* increase processed image size

.github/workflows/cd.yml

@@ -67,6 +67,7 @@ jobs:
           CONTENTFUL_ACCESS_TOKEN: ${{ secrets.CONTENTFUL_ACCESS_TOKEN }}
           CONTENTFUL_HOST: ${{ secrets.CONTENTFUL_HOST }}
           CONTENTFUL_SPACE_ID: ${{ secrets.CONTENTFUL_SPACE_ID }}
+          AIRTABLE_KEY: ${{ secrets.AIRTABLE_SA_PORTAL_SERVICE_ACCOUNT }}
 
       - name: Get URL
         id: get-url

.github/workflows/preview-deployment.yml

@@ -18,7 +18,7 @@ jobs:
           fetch-depth: 0
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - uses: actions/github-script@v6
         with:
           script: |
@@ -77,6 +77,7 @@ jobs:
           CONTENTFUL_ACCESS_TOKEN: ${{ secrets.CONTENTFUL_ACCESS_TOKEN }}
           CONTENTFUL_HOST: ${{ secrets.CONTENTFUL_HOST }}
           CONTENTFUL_SPACE_ID: ${{ secrets.CONTENTFUL_SPACE_ID }}
+          AIRTABLE_KEY: ${{ secrets.AIRTABLE_SA_PORTAL_SERVICE_ACCOUNT }}
           SLACK_TOKEN: ${{ secrets.SLACK_TOKEN }}
 
       - name: Report build error

.github/workflows/update-search.yml

@@ -28,6 +28,7 @@ jobs:
           CONTENTFUL_ACCESS_TOKEN: ${{ secrets.CONTENTFUL_ACCESS_TOKEN }}
           CONTENTFUL_HOST: ${{ secrets.CONTENTFUL_HOST }}
           CONTENTFUL_SPACE_ID: ${{ secrets.CONTENTFUL_SPACE_ID }}
+          AIRTABLE_KEY: ${{ secrets.AIRTABLE_SA_PORTAL_SERVICE_ACCOUNT }}
 
       - name: Update search index
         run: |

docusaurus.config.js

@@ -34,6 +34,7 @@ const {
 const fs = require("fs");
 const validateShowcasePlugin = require("./plugins/validate-showcase.js");
 const contentfulPlugin = require("./plugins/contentful");
+const airtablePlugin = require("./plugins/airtable");
 
 const isDeployPreview = !!process.env.PREVIEW_CANISTER_ID;
 
@@ -410,16 +411,16 @@ const marketingNav = {
               href: "/node-providers",
               description: "Become a node provider",
             },
+            {
+              name: "Events",
+              href: "/events",
+              description: "Meet fellow Web3 enthusiasts",
+            },
             {
               name: "Community Blog",
               href: "https://medium.com/dfinity",
               description: "Keep up to date",
             },
-            {
-              name: "Upcoming events",
-              description: "Meet fellow Web3 enthusiasts",
-              href: "https://dfinity.org/events-and-news/",
-            },
           ],
           featured: {
             title: "ICP around the world",
@@ -478,7 +479,6 @@ const config = {
   },
   scripts: [],
   plugins: [
-    ["docusaurus2-dotenv", { systemvars: true }],
     "docusaurus-plugin-sass",
     customWebpack,
     tailwindPlugin,
@@ -494,6 +494,7 @@ const config = {
     matomoPlugin,
     blogPostsPlugin,
     contentfulPlugin,
+    airtablePlugin,
     validateShowcasePlugin,
     externalRedirectsPlugin({
       redirects: [...getExternalRedirects(), ...getExactUrlRedirects()],