-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
d78c135
commit cade279
Showing
11 changed files
with
539 additions
and
55 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,10 @@ | ||
| { | ||
| "title": { | ||
| "message": "Devchat", | ||
| "message": "DevChat", | ||
| "description": "The title in the navbar" | ||
| }, | ||
| "logo.alt": { | ||
| "message": "Devchat Logo", | ||
| "message": "DevChat Logo", | ||
| "description": "The alt text of navbar logo" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,10 @@ | ||
| { | ||
| "title": { | ||
| "message": "Devchat", | ||
| "message": "DevChat", | ||
| "description": "The title in the navbar" | ||
| }, | ||
| "logo.alt": { | ||
| "message": "Devchat Logo", | ||
| "message": "DevChat Logo", | ||
| "description": "The alt text of navbar logo" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| import clsx from 'clsx'; | ||
| import Heading from '@theme/Heading'; | ||
| import styles from './styles.module.css'; | ||
|
|
||
| const FeatureList = [ | ||
| { | ||
| title: 'Easy to Use', | ||
| Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default, | ||
| description: ( | ||
| <> | ||
| Docusaurus was designed from the ground up to be easily installed and | ||
| used to get your website up and running quickly. | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| title: 'Focus on What Matters', | ||
| Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default, | ||
| description: ( | ||
| <> | ||
| Docusaurus lets you focus on your docs, and we'll do the chores. Go | ||
| ahead and move your docs into the <code>docs</code> directory. | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| title: 'Powered by React', | ||
| Svg: require('@site/static/img/undraw_docusaurus_react.svg').default, | ||
| description: ( | ||
| <> | ||
| Extend or customize your website layout by reusing React. Docusaurus can | ||
| be extended while reusing the same header and footer. | ||
| </> | ||
| ), | ||
| }, | ||
| ]; | ||
|
|
||
| function Feature({Svg, title, description}) { | ||
| return ( | ||
| <div className={clsx('col col--4')}> | ||
| <div className="text--center"> | ||
| <Svg className={styles.featureSvg} role="img" /> | ||
| </div> | ||
| <div className="text--center padding-horiz--md"> | ||
| <Heading as="h3">{title}</Heading> | ||
| <p>{description}</p> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default function HomepageFeatures() { | ||
| return ( | ||
| <section className={styles.features}> | ||
| <div className="container"> | ||
| <div className="row"> | ||
| {FeatureList.map((props, idx) => ( | ||
| <Feature key={idx} {...props} /> | ||
| ))} | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| .features { | ||
| display: flex; | ||
| align-items: center; | ||
| padding: 2rem 0; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .featureSvg { | ||
| height: 200px; | ||
| width: 200px; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| import clsx from 'clsx'; | ||
| import Link from '@docusaurus/Link'; | ||
| import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; | ||
| import Layout from '@theme/Layout'; | ||
| import HomepageFeatures from '@site/src/components/HomepageFeatures'; | ||
|
|
||
| import Heading from '@theme/Heading'; | ||
| import styles from './index.module.css'; | ||
|
|
||
| function HomepageHeader() { | ||
| const {siteConfig} = useDocusaurusContext(); | ||
| return ( | ||
| <header className={clsx('hero hero--primary', styles.heroBanner)}> | ||
| <div className="container"> | ||
| <Heading as="h1" className="hero__title"> | ||
| {siteConfig.title} | ||
| </Heading> | ||
| <p className="hero__subtitle">{siteConfig.tagline}</p> | ||
| <div className={styles.buttons}> | ||
| <Link | ||
| className="button button--secondary button--lg" | ||
| to="/docs"> | ||
| Docusaurus Tutorial - 5min ⏱️ | ||
| </Link> | ||
| </div> | ||
| </div> | ||
| </header> | ||
| ); | ||
| } | ||
|
|
||
| export default function Home() { | ||
| const {siteConfig} = useDocusaurusContext(); | ||
| return ( | ||
| <Layout | ||
| title={`Hello from ${siteConfig.title}`} | ||
| description="Description will go into a meta tag in <head />"> | ||
| <HomepageHeader /> | ||
| <main> | ||
| <HomepageFeatures /> | ||
| </main> | ||
| </Layout> | ||
| ); | ||
| } |
Oops, something went wrong.