From 9b5154d03d07392babf81a28f1f1534c45f69716 Mon Sep 17 00:00:00 2001
From: veextee <vi.tranx@gmail.com>
Date: Tue, 25 Aug 2020 09:59:28 -0700
Subject: [PATCH 1/8] Create event-landing page

Moving origi
---
 src/pages/attend-events.js | 70 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 src/pages/attend-events.js

diff --git a/src/pages/attend-events.js b/src/pages/attend-events.js
new file mode 100644
index 000000000..30fd2ad6f
--- /dev/null
+++ b/src/pages/attend-events.js
@@ -0,0 +1,70 @@
+import cx from 'classnames';
+import SEO from '../components/Seo';
+import { Button, Video } from '@newrelic/gatsby-theme-newrelic';
+import PageLayout from '../components/PageLayout';
+import ExternalLink from '../components/ExternalLink';
+import FeatherIcon from '../components/FeatherIcon';
+import nerdDays from '../images/nerd-days/nerd-days.png';
+import styles from './nerd-days.module.scss'
+
+const EventLandingPage = () => {
+  return (
+    <>
+      <SEO />
+      <PageLayout type={PageLayout.TYPE.SINGLE_COLUMN}>
+        <PageLayout.Header title="Developer Events" />
+        <PageLayout.Content>
+          <section className={cx(styles.section, styles.twoColumn)}>
+            <div>
+              <h3>
+                Developer Events <br />
+              </h3>
+              <p>
+                There are a lot of developer events out there, so we've curated a list of events we're hosting or sponsoring that are dedicated to developers, engineers, problem solvers, and builders like you.<br><br>
+
+                <strong>UPCOMING EVENTS</strong><br>
+                Nerd Days 1.0: Return of the Data Nerd<br>
+                Nerd Days is a FREE engineering conference that kicks off October 13 (Dates vary by region). Focused on building more perfect software, our goal is to spend less time looking at slides that tell you what software can do and more time on getting your hands on the software to solve problems efficiently.
+              </p>
+              <Button
+                as={ExternalLink}
+                variant={Button.VARIANT.PRIMARY}
+                href="https://developer.newrelic.com/nerd-days/"
+              >
+                Register here
+                <FeatherIcon
+                  className={styles.externalLinkIcon}
+                  name="external-link"
+                />
+              </Button>
+            </div>
+            <img
+              className={styles.img}
+              alt="Nerd Days 1.0: Return of the Data Nerd"
+            />
+          </section>
+          <section className={styles.section}>
+          <h2>Upcoming Events</h2>
+          </section>
+          <section className={cx(styles.section, styles.assetTable)}>
+            <div className={styles.point}>
+              <h4>KubeCon and CloudNativeCon North America 2020</h4>
+              <p>November 17-20</p>
+              <p>The Cloud Native Computing Foundation’s flagship conference gathers adopters and technologists from leading open source and cloud native communities.</p>
+            </div>
+            <h2>Past Events</h2>
+          </section>
+          <section className={cx(styles.section, styles.assetTable)}>
+            <div className={styles.point}>
+              <h4>KubeCon and CloudNativeCon Europe 2020</h4>
+              <p>August 17 – 20</p>
+              <p>The Cloud Native Computing Foundation’s flagship conference gathers adopters and technologists from leading open source and cloud native communities.</p>
+            </div>
+          </section>
+        </PageLayout.Content>
+      </PageLayout>
+    </>
+  );
+};
+
+export default EventLandingPage;

From 61b1828839bbf064c44a84312c323bd365b6df75 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 25 Aug 2020 10:09:55 -0700
Subject: [PATCH 2/8] chore: self-close the br tags

---
 src/pages/attend-events.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/attend-events.js b/src/pages/attend-events.js
index 30fd2ad6f..53e932319 100644
--- a/src/pages/attend-events.js
+++ b/src/pages/attend-events.js
@@ -22,8 +22,8 @@ const EventLandingPage = () => {
               <p>
                 There are a lot of developer events out there, so we've curated a list of events we're hosting or sponsoring that are dedicated to developers, engineers, problem solvers, and builders like you.<br><br>
 
-                <strong>UPCOMING EVENTS</strong><br>
-                Nerd Days 1.0: Return of the Data Nerd<br>
+                <strong>UPCOMING EVENTS</strong><br />
+                Nerd Days 1.0: Return of the Data Nerd<br />
                 Nerd Days is a FREE engineering conference that kicks off October 13 (Dates vary by region). Focused on building more perfect software, our goal is to spend less time looking at slides that tell you what software can do and more time on getting your hands on the software to solve problems efficiently.
               </p>
               <Button

From dae42ad5eb0dda0459186878c387e468a0e5185b Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 25 Aug 2020 10:15:57 -0700
Subject: [PATCH 3/8] chore: self-close more br tags

---
 src/pages/attend-events.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/attend-events.js b/src/pages/attend-events.js
index 53e932319..37b806cb9 100644
--- a/src/pages/attend-events.js
+++ b/src/pages/attend-events.js
@@ -20,7 +20,7 @@ const EventLandingPage = () => {
                 Developer Events <br />
               </h3>
               <p>
-                There are a lot of developer events out there, so we've curated a list of events we're hosting or sponsoring that are dedicated to developers, engineers, problem solvers, and builders like you.<br><br>
+                There are a lot of developer events out there, so we've curated a list of events we're hosting or sponsoring that are dedicated to developers, engineers, problem solvers, and builders like you.<br /><br />
 
                 <strong>UPCOMING EVENTS</strong><br />
                 Nerd Days 1.0: Return of the Data Nerd<br />

From d980ccb498ba6e948fa61b4afbad3505c39ae4d5 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 25 Aug 2020 10:20:31 -0700
Subject: [PATCH 4/8] chore: ensure React is imported

---
 src/pages/attend-events.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/attend-events.js b/src/pages/attend-events.js
index 37b806cb9..dafbe9a73 100644
--- a/src/pages/attend-events.js
+++ b/src/pages/attend-events.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import cx from 'classnames';
 import SEO from '../components/Seo';
 import { Button, Video } from '@newrelic/gatsby-theme-newrelic';

From 474ec7499bb1a8a49fdb79540ebd5ad21a1b9c29 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 25 Aug 2020 11:45:19 -0700
Subject: [PATCH 5/8] chore: move attend-events to developer-events

---
 src/pages/{attend-events.js => developer-events.js} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/pages/{attend-events.js => developer-events.js} (100%)

diff --git a/src/pages/attend-events.js b/src/pages/developer-events.js
similarity index 100%
rename from src/pages/attend-events.js
rename to src/pages/developer-events.js

From 861e3c7f9216066b347c8aa4732738a86049d26e Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 25 Aug 2020 11:55:52 -0700
Subject: [PATCH 6/8] feat: hook up Developer Events sidenav to landing page

---
 src/data/sidenav.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/data/sidenav.json b/src/data/sidenav.json
index 7bad85a63..f856ae911 100644
--- a/src/data/sidenav.json
+++ b/src/data/sidenav.json
@@ -518,6 +518,7 @@
   },
   {
     "displayName": "Developer events",
+    "url": "/developer-events",
     "children": [
       {
         "displayName": "Nerd days 1.0",

From fffa8b14e7960792854aa28524dec639665e00ac Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 25 Aug 2020 12:08:16 -0700
Subject: [PATCH 7/8] chore: update copy and organization of the developer
 events page

---
 src/pages/developer-events.js | 72 ++++++++++++++++++++++++++---------
 1 file changed, 53 insertions(+), 19 deletions(-)

diff --git a/src/pages/developer-events.js b/src/pages/developer-events.js
index dafbe9a73..8ff16a185 100644
--- a/src/pages/developer-events.js
+++ b/src/pages/developer-events.js
@@ -1,12 +1,12 @@
 import React from 'react';
 import cx from 'classnames';
 import SEO from '../components/Seo';
-import { Button, Video } from '@newrelic/gatsby-theme-newrelic';
+import { Button } from '@newrelic/gatsby-theme-newrelic';
+import { Link } from 'gatsby';
 import PageLayout from '../components/PageLayout';
-import ExternalLink from '../components/ExternalLink';
 import FeatherIcon from '../components/FeatherIcon';
 import nerdDays from '../images/nerd-days/nerd-days.png';
-import styles from './nerd-days.module.scss'
+import styles from './nerd-days.module.scss';
 
 const EventLandingPage = () => {
   return (
@@ -17,20 +17,26 @@ const EventLandingPage = () => {
         <PageLayout.Content>
           <section className={cx(styles.section, styles.twoColumn)}>
             <div>
-              <h3>
-                Developer Events <br />
-              </h3>
+              <p className="intro-text">
+                There are a lot of developer events out there, so we've curated
+                a list of events we're hosting or sponsoring that are dedicated
+                to developers, engineers, problem solvers, and builders like
+                you.
+              </p>
+              <h2>Featured event</h2>
+              <h3>Nerd Days 1.0: Return of the Data Nerd</h3>
               <p>
-                There are a lot of developer events out there, so we've curated a list of events we're hosting or sponsoring that are dedicated to developers, engineers, problem solvers, and builders like you.<br /><br />
-
-                <strong>UPCOMING EVENTS</strong><br />
-                Nerd Days 1.0: Return of the Data Nerd<br />
-                Nerd Days is a FREE engineering conference that kicks off October 13 (Dates vary by region). Focused on building more perfect software, our goal is to spend less time looking at slides that tell you what software can do and more time on getting your hands on the software to solve problems efficiently.
+                Nerd Days is a FREE engineering conference that kicks off
+                October 13 (Dates vary by region). Focused on building more
+                perfect software, our goal is to spend less time looking at
+                slides that tell you what software can do and more time on
+                getting your hands on the software to solve problems
+                efficiently.
               </p>
               <Button
-                as={ExternalLink}
+                as={Link}
                 variant={Button.VARIANT.PRIMARY}
-                href="https://developer.newrelic.com/nerd-days/"
+                href="/nerd-days"
               >
                 Register here
                 <FeatherIcon
@@ -40,26 +46,54 @@ const EventLandingPage = () => {
               </Button>
             </div>
             <img
+              src={nerdDays}
               className={styles.img}
               alt="Nerd Days 1.0: Return of the Data Nerd"
             />
           </section>
-          <section className={styles.section}>
           <h2>Upcoming Events</h2>
+          <section className={cx(styles.section, styles.assetTable)}>
+            <div className={styles.point}>
+              <h3>Nerd Days 1.0: Return of the Data Nerd</h3>
+              <p>
+                <strong>US:</strong> October 13, 2020
+                <br />
+                <strong>EMEA:</strong> October 21, 2020
+                <br />
+                <strong>APJ:</strong> October 22, 2020
+                <br />
+              </p>
+              <p>
+                Nerd Days is a FREE engineering conference that kicks off
+                October 13 (Dates vary by region). Focused on building more
+                perfect software, our goal is to spend less time looking at
+                slides that tell you what software can do and more time on
+                getting your hands on the software to solve problems
+                efficiently.
+              </p>
+            </div>
           </section>
           <section className={cx(styles.section, styles.assetTable)}>
             <div className={styles.point}>
-              <h4>KubeCon and CloudNativeCon North America 2020</h4>
+              <h3>KubeCon and CloudNativeCon North America 2020</h3>
               <p>November 17-20</p>
-              <p>The Cloud Native Computing Foundation’s flagship conference gathers adopters and technologists from leading open source and cloud native communities.</p>
+              <p>
+                The Cloud Native Computing Foundation’s flagship conference
+                gathers adopters and technologists from leading open source and
+                cloud native communities.
+              </p>
             </div>
-            <h2>Past Events</h2>
           </section>
+          <h2>Past Events</h2>
           <section className={cx(styles.section, styles.assetTable)}>
             <div className={styles.point}>
-              <h4>KubeCon and CloudNativeCon Europe 2020</h4>
+              <h3>KubeCon and CloudNativeCon Europe 2020</h3>
               <p>August 17 – 20</p>
-              <p>The Cloud Native Computing Foundation’s flagship conference gathers adopters and technologists from leading open source and cloud native communities.</p>
+              <p>
+                The Cloud Native Computing Foundation’s flagship conference
+                gathers adopters and technologists from leading open source and
+                cloud native communities.
+              </p>
             </div>
           </section>
         </PageLayout.Content>

From 19a44afab57d3099d2a9fdc2bbaab0012735d772 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 25 Aug 2020 13:21:16 -0700
Subject: [PATCH 8/8] chore: update spacing on the developer events page

---
 src/pages/developer-events.js | 38 ++++++++++++++++++++++++++---------
 1 file changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/pages/developer-events.js b/src/pages/developer-events.js
index 8ff16a185..f4e4524d2 100644
--- a/src/pages/developer-events.js
+++ b/src/pages/developer-events.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { css } from '@emotion/core';
 import cx from 'classnames';
 import SEO from '../components/Seo';
 import { Button } from '@newrelic/gatsby-theme-newrelic';
@@ -15,9 +16,21 @@ const EventLandingPage = () => {
       <PageLayout type={PageLayout.TYPE.SINGLE_COLUMN}>
         <PageLayout.Header title="Developer Events" />
         <PageLayout.Content>
-          <section className={cx(styles.section, styles.twoColumn)}>
+          <section
+            className={cx(styles.section, styles.twoColumn)}
+            css={css`
+              @media screen and (max-width: 1180px) {
+                grid-template-columns: 1fr;
+              }
+            `}
+          >
             <div>
-              <p className="intro-text">
+              <p
+                className="intro-text"
+                css={css`
+                  margin-bottom: 2rem;
+                `}
+              >
                 There are a lot of developer events out there, so we've curated
                 a list of events we're hosting or sponsoring that are dedicated
                 to developers, engineers, problem solvers, and builders like
@@ -47,13 +60,20 @@ const EventLandingPage = () => {
             </div>
             <img
               src={nerdDays}
-              className={styles.img}
               alt="Nerd Days 1.0: Return of the Data Nerd"
+              css={css`
+                width: 100%;
+                margin: 0 auto;
+              `}
             />
           </section>
           <h2>Upcoming Events</h2>
-          <section className={cx(styles.section, styles.assetTable)}>
-            <div className={styles.point}>
+          <section className={styles.section}>
+            <div
+              css={css`
+                margin-bottom: 2rem;
+              `}
+            >
               <h3>Nerd Days 1.0: Return of the Data Nerd</h3>
               <p>
                 <strong>US:</strong> October 13, 2020
@@ -72,9 +92,7 @@ const EventLandingPage = () => {
                 efficiently.
               </p>
             </div>
-          </section>
-          <section className={cx(styles.section, styles.assetTable)}>
-            <div className={styles.point}>
+            <div>
               <h3>KubeCon and CloudNativeCon North America 2020</h3>
               <p>November 17-20</p>
               <p>
@@ -85,8 +103,8 @@ const EventLandingPage = () => {
             </div>
           </section>
           <h2>Past Events</h2>
-          <section className={cx(styles.section, styles.assetTable)}>
-            <div className={styles.point}>
+          <section className={styles.section}>
+            <div>
               <h3>KubeCon and CloudNativeCon Europe 2020</h3>
               <p>August 17 – 20</p>
               <p>