diff options
Diffstat (limited to 'dev-docs/src/pages')
| -rw-r--r-- | dev-docs/src/pages/index.module.css | 27 | ||||
| -rw-r--r-- | dev-docs/src/pages/index.tsx | 35 | ||||
| -rw-r--r-- | dev-docs/src/pages/markdown-page.md | 7 |
3 files changed, 69 insertions, 0 deletions
diff --git a/dev-docs/src/pages/index.module.css b/dev-docs/src/pages/index.module.css new file mode 100644 index 0000000..4047102 --- /dev/null +++ b/dev-docs/src/pages/index.module.css @@ -0,0 +1,27 @@ +/** + * 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; +} + +[data-theme="dark"] .heroBanner { + color: #fff; +} + +@media screen and (max-width: 996px) { + .heroBanner { + padding: 2rem; + } +} + +.buttons { + display: flex; + align-items: center; + justify-content: center; +} diff --git a/dev-docs/src/pages/index.tsx b/dev-docs/src/pages/index.tsx new file mode 100644 index 0000000..f35c2e4 --- /dev/null +++ b/dev-docs/src/pages/index.tsx @@ -0,0 +1,35 @@ +import React from "react"; +import clsx from "clsx"; +import Layout from "@theme/Layout"; +import Link from "@docusaurus/Link"; +import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; +import styles from "./index.module.css"; +import HomepageFeatures from "@site/src/components/Homepage"; + +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"> + Get started + </Link> + </div> + </div> + </header> + ); +} + +export default function Home() { + return ( + <Layout description="For Excalidraw contributors or those integrating the Excalidraw editor"> + <HomepageHeader /> + <main> + <HomepageFeatures /> + </main> + </Layout> + ); +} diff --git a/dev-docs/src/pages/markdown-page.md b/dev-docs/src/pages/markdown-page.md new file mode 100644 index 0000000..9756c5b --- /dev/null +++ b/dev-docs/src/pages/markdown-page.md @@ -0,0 +1,7 @@ +--- +title: Markdown page example +--- + +# Markdown page example + +You don't need React to write simple standalone pages. |
