changed to docusaurus
This commit is contained in:
		
							
								
								
									
										41
									
								
								src/pages/index.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										41
									
								
								src/pages/index.js
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,41 @@ | ||||
| import React from 'react'; | ||||
| 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 styles from './index.module.css'; | ||||
|  | ||||
| function HomepageHeader() { | ||||
|   const {siteConfig} = useDocusaurusContext(); | ||||
|   return ( | ||||
|     <header className={clsx('hero hero--primary', styles.heroBanner)}> | ||||
|       <div className="container"> | ||||
|         <h1 className="hero__title">{siteConfig.title}</h1> | ||||
|         <p className="hero__subtitle">{siteConfig.tagline}</p> | ||||
|         <div className={styles.buttons}> | ||||
|           <Link | ||||
|             className="button button--secondary button--lg" | ||||
|             to="/docs/intro"> | ||||
|             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> | ||||
|   ); | ||||
| } | ||||
							
								
								
									
										23
									
								
								src/pages/index.module.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										23
									
								
								src/pages/index.module.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,23 @@ | ||||
| /** | ||||
|  * CSS files with the .module.css suffix will be treated as CSS modules | ||||
|  * and scoped locally. | ||||
|  */ | ||||
|  | ||||
| .heroBanner { | ||||
|   padding: 4rem 0; | ||||
|   text-align: center; | ||||
|   position: relative; | ||||
|   overflow: hidden; | ||||
| } | ||||
|  | ||||
| @media screen and (max-width: 996px) { | ||||
|   .heroBanner { | ||||
|     padding: 2rem; | ||||
|   } | ||||
| } | ||||
|  | ||||
| .buttons { | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
|   justify-content: center; | ||||
| } | ||||
							
								
								
									
										7
									
								
								src/pages/markdown-page.md
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								src/pages/markdown-page.md
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,7 @@ | ||||
| --- | ||||
| title: Markdown page example | ||||
| --- | ||||
|  | ||||
| # Markdown page example | ||||
|  | ||||
| You don't need React to write simple standalone pages. | ||||
		Reference in New Issue
	
	Block a user