add videos

Author: edieblu

gatsby-config.js

@@ -1,7 +1,7 @@
 module.exports = {
   siteMetadata: {
     title: 'includeJS - Learning JavaScript',
-    description: 'A junior dev figuring out the world of web development.',
+    description: 'A junior dev figuring out the world of web development. Main topics covered are JavaScript, ReactJS, web development, teaching, community building and accelerated learning.',
     siteUrl: 'https://includejs.dev/',
     author: 'Eva @GirlsCodeMK',
     keywords: ['JavaScript', 'ReactJS', 'git', 'bash', 'web development', 'junior dev', 'women in tech']

src/components/header.js

@@ -44,10 +44,13 @@ const Header = () => (
         Home
       </NavLink>
       <NavLink to="/TIL" activeClassName="current-page">
-        TIL
+        Notes
+      </NavLink>
+      <NavLink to="/video" activeClassName="current-page">
+        Video
       </NavLink>
       <NavLink to="/contact" activeClassName="current-page">
-        Contact us
+        Contact
       </NavLink>
       <NavLink to="/code-of-conduct" activeClassName="current-page">
         Code of conduct

src/components/layout.js

@@ -63,6 +63,10 @@ const Layout = ({ children }) => {
             margin-bottom: 1.5rem;
           }
 
+          h5 {
+            font-weight: 400;
+          }
+
           a {
             text-underline-position: under;
           }

src/pages/contact.js

@@ -6,7 +6,7 @@ export default () => (
   <Layout>
     <div className="contact-container">
       <div className="contact-title">
-        <h2>Contact us</h2>
+        <h2>Contact me</h2>
       </div>
 
       <form

src/pages/video.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import Layout from '../components/layout';
+import StyledA from '../components/styled-a';
+
+export default () => (
+  <Layout>
+    <div>
+      <h2>Twitch streaming is a thing: 📺</h2>
+    </div>
+    <p>
+      Due to COVID-19, lockdown and all the meetups and other events being
+      cancelled, I moved online and started streaming on{' '}
+      <StyledA href="https://www.twitch.tv/edieblu/">Twitch.</StyledA>
+    </p>
+    <p>
+      My streams revolve around starting your journey in tech, getting your
+      first job as a developer, effective learning, teaching, women in tech,
+      ReactJS and more.
+    </p>
+
+    <h4>Watch recordings:</h4>
+    <ul>
+      <li>
+        <h5>
+          Title: Eva and Anjana talk Career change, web development and karaoke. 🎤
+          <br></br>
+          April 7, 2020 (
+          <StyledA href="https://www.youtube.com/watch?v=sAxV1CV1Idc">
+            YouTube Link
+          </StyledA>
+          )
+        </h5>
+      </li>
+
+      <li>
+        <h5>
+          Eva and Cassidy talk ReactJS, Teaching . Life. Universe. Everything. ⌨️
+          <br></br>
+          March 27, 2020 (
+          <StyledA href="https://www.youtube.com/watch?v=Rw5DtXGTeuc">
+            YouTube Link
+          </StyledA>
+          )
+        </h5>
+      </li>
+
+      <li>
+        <h5>
+        Eva and Jessica talk how to get from self-taught to junior developer 👩‍💻
+          <br></br>
+          March 23, 2020 (
+          <StyledA href="https://www.youtube.com/watch?v=WqWNhpzxFf8">
+            YouTube Link
+          </StyledA>
+          )
+        </h5>
+      </li>
+
+      <li>
+        <h5>
+        Eva and Alexandra talk Things to know when applying for a Rails Girls Summer of Code Scholarship 💬
+          <br></br>
+          March 16, 2020 (
+          <StyledA href="https://www.youtube.com/watch?v=AOc2PUFWYio">
+            YouTube Link
+          </StyledA>
+          )
+        </h5>
+      </li>
+    </ul>
+  </Layout>
+);