Add youtube videos page

components/site-nav/index.js

@@ -11,8 +11,8 @@ const SiteNav = () => (
       <div className='nav-links'>
         <a href='/roadmaps'>Roadmaps</a>
         <a href='/guides'>Guides</a>
-        <a href='/podcasts'>
+        <a href='/watch'>
-          Podcasts
+          Watch
           <span className='new-item' />
         </a>
       </div>

pages/roadmaps.js

@@ -1,14 +1,12 @@
-import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { faCodeBranch, faEnvelope } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faEnvelope, faCodeBranch } from '@fortawesome/free-solid-svg-icons';
 import DefaultLayout from 'layouts/default/index';
 import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer';
 import PageHeader from 'components/page-header';
-import roadmaps from "content/roadmaps";
+import roadmaps from 'content/roadmaps';
 import RowBlock from 'components/row-block';
-import IconRowBlock from 'components/icon-row-block';
+import siteConfig from 'content/site';
-import siteConfig from "content/site";
 import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
 import Helmet from 'components/helmet';
 

pages/watch.js

@@ -0,0 +1,83 @@
+import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import DefaultLayout from 'layouts/default/index';
+import SiteNav from 'components/site-nav';
+import PageFooter from 'components/page-footer';
+import PageHeader from 'components/page-header';
+import RowBlock from 'components/row-block';
+import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
+import Helmet from 'components/helmet';
+import { faYoutube } from '@fortawesome/free-brands-svg-icons';
+
+
+const WatchList = () => (
+  <DefaultLayout>
+    <Helmet title='Watch' desciption='List of videos published on our youtube channel so far' />
+    <SiteNav />
+    <div className="container">
+      <PageHeader
+        title={'Watch'}
+        subtitle={'List of videos published on our youtube channel so far'}>
+        <BadgesList className="mt-4">
+          <BadgeLink href='https://www.youtube.com/channel/UCA0H2KIWgWTwpTFjSxp0now?sub_confirmation=1' target="_blank">
+            <SecondaryBadge>
+              <FontAwesomeIcon icon={faYoutube}/>
+              YouTube Channel
+            </SecondaryBadge>
+          </BadgeLink>
+          <BadgeLink href="/signup">
+            <PrimaryBadge>
+              <FontAwesomeIcon icon={faEnvelope}/>
+              Send me Updates
+            </PrimaryBadge>
+          </BadgeLink>
+        </BadgesList>
+      </PageHeader>
+    </div>
+    <div className="pt-5 pb-5 bg-light border-top">
+      <div className="container">
+        <div className="row">
+            <RowBlock
+              openExternal
+              title={ 'GitHub Actions' }
+              subtitle='Learn what is CI/CD and how to automate your workflows with GitHub actions.'
+              url='https://www.youtube.com/watch?v=nyKZTKQS_EQ'
+            />
+            <RowBlock
+              openExternal
+              title={ 'Dependency Injection' }
+              subtitle='Learn how to write testable and maintainable code with Dependency Injection.'
+              url='https://www.youtube.com/watch?v=nyKZTKQS_EQ'
+            />
+            <RowBlock
+              openExternal
+              title={ 'CSS Variables' }
+              subtitle='Learn how to write maintainable CSS using CSS Variables with a simple project based lesson.'
+              url='https://www.youtube.com/watch?v=nyKZTKQS_EQ'
+            />
+            <RowBlock
+              openExternal
+              title={ 'All about DOM' }
+              subtitle='Learn and understand the differences between the DOM, Shadow DOM and the Virtual DOM.'
+              url='https://www.youtube.com/watch?v=nyKZTKQS_EQ'
+            />
+            <RowBlock
+              openExternal
+              title={ 'Creating a React App' }
+              subtitle='Learn how to build a react application with this project based video series.'
+              url='https://www.youtube.com/watch?v=NyG7YJWJd6s&list=PLkZYeFmDuaN3NDLnBG01-sH2-nwn43mYu'
+            />
+            <RowBlock
+              openExternal
+              title={ 'Arrays and Objects in JavaScript' }
+              subtitle='Learn how to manipulate arrays and objects in JavaScript with built-in JavaScript methods.'
+              url='https://www.youtube.com/watch?v=n3NKGsM3iEw'
+            />
+        </div>
+      </div>
+    </div>
+    <PageFooter />
+  </DefaultLayout>
+);
+
+export default WatchList;

public/sitemap.xml

@@ -36,6 +36,12 @@
               <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
+<url>
+              <loc>https://roadmap.sh/guides/oauth</loc>
+              <changefreq>monthly</changefreq>
+              <lastmod>2020-06-28T19:59:14.191Z</lastmod>
+              <priority>1.0</priority>
+          </url>
 <url>
               <loc>https://roadmap.sh/guides/jwt-authentication</loc>
               <changefreq>monthly</changefreq>
@@ -183,13 +189,13 @@
 <url>
               <loc>https://roadmap.sh/podcasts</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-06-21T21:51:46.358Z</lastmod>
+              <lastmod>2020-06-21T21:52:29.496Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/roadmaps</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-06-21T19:06:10.218Z</lastmod>
+              <lastmod>2020-07-17T11:05:11.942Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
@@ -204,4 +210,10 @@
               <lastmod>2020-02-23T07:24:00.533Z</lastmod>
               <priority>0.5</priority>
           </url>
+<url>
+              <loc>https://roadmap.sh/watch</loc>
+              <changefreq>monthly</changefreq>
+              <lastmod>2020-07-17T11:04:35.389Z</lastmod>
+              <priority>1.0</priority>
+          </url>
 </urlset>

scripts/sitemap.js

@@ -25,7 +25,12 @@ const getSlugPriority = (pageSlug) => {
   }
 
   const slugPriorities = [
-    ['/roadmaps', '/guides', '/podcasts'],      // 1.0
+    [
+      '/roadmaps',
+      '/guides',
+      '/watch',
+      '/podcasts'
+    ], // 1.0
     ['/signup'], // 0.9
     ['/about'], // 0.8
   ];