diff --git a/components/md-renderer/mdx-components/index.tsx b/components/md-renderer/mdx-components/index.tsx index 2a3f1a819..c3b21e448 100644 --- a/components/md-renderer/mdx-components/index.tsx +++ b/components/md-renderer/mdx-components/index.tsx @@ -10,6 +10,7 @@ import EnrichedLink from './a'; import { BadgeLink } from './badge-link'; import { Li, Ul } from './ul'; import PremiumBlock from './premium-block'; +import { ResourceGroupTitle } from './resource-group-title'; const MdxComponents = { p: P, @@ -22,6 +23,7 @@ const MdxComponents = { img: Img, code: Code, BadgeLink: BadgeLink, + ResourceGroupTitle: ResourceGroupTitle, PremiumBlock: PremiumBlock, ul: Ul, li: Li diff --git a/components/md-renderer/mdx-components/resource-group-title.tsx b/components/md-renderer/mdx-components/resource-group-title.tsx new file mode 100644 index 000000000..95eca8111 --- /dev/null +++ b/components/md-renderer/mdx-components/resource-group-title.tsx @@ -0,0 +1,12 @@ +import React from 'react'; +import { Heading } from '@chakra-ui/react'; + +type ResourceGroupTitleProps = { + children: React.ReactNode; +}; + +export function ResourceGroupTitle(props: ResourceGroupTitleProps) { + const { children } = props; + + return {children}; +} diff --git a/content/roadmaps/100-frontend/content/100-internet/readme.md b/content/roadmaps/100-frontend/content/100-internet/readme.md index afd51fb0e..d0c9f207f 100644 --- a/content/roadmaps/100-frontend/content/100-internet/readme.md +++ b/content/roadmaps/100-frontend/content/100-internet/readme.md @@ -2,6 +2,7 @@ The Internet is a global network of computers connected to each other which communicate through a standardized set of protocols. +Free Content Introduction to Internet How does the Internet work? The Internet Explained