Add youtube videos page
This commit is contained in:
@ -11,8 +11,8 @@ const SiteNav = () => (
|
||||
<div className='nav-links'>
|
||||
<a href='/roadmaps'>Roadmaps</a>
|
||||
<a href='/guides'>Guides</a>
|
||||
<a href='/podcasts'>
|
||||
Podcasts
|
||||
<a href='/watch'>
|
||||
Watch
|
||||
<span className='new-item' />
|
||||
</a>
|
||||
</div>
|
||||
|
@ -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';
|
||||
|
||||
|
83
pages/watch.js
Normal file
83
pages/watch.js
Normal file
@ -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;
|
@ -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>
|
@ -25,9 +25,14 @@ const getSlugPriority = (pageSlug) => {
|
||||
}
|
||||
|
||||
const slugPriorities = [
|
||||
['/roadmaps', '/guides', '/podcasts'], // 1.0
|
||||
['/signup'], // 0.9
|
||||
['/about'], // 0.8
|
||||
[
|
||||
'/roadmaps',
|
||||
'/guides',
|
||||
'/watch',
|
||||
'/podcasts'
|
||||
], // 1.0
|
||||
['/signup'], // 0.9
|
||||
['/about'], // 0.8
|
||||
];
|
||||
|
||||
const foundIndex = slugPriorities.findIndex(
|
||||
|
Reference in New Issue
Block a user