diff options
| author | Yasutake Yohei <yohei@yasutakeyohei.com> | 2023-12-30 22:24:55 +0900 |
|---|---|---|
| committer | Yasutake Yohei <yohei@yasutakeyohei.com> | 2023-12-30 22:24:55 +0900 |
| commit | 3fc0ee1b72c12922254533b78695ffa17e7232be (patch) | |
| tree | f92d871e6720670f3fa98d9e28b9396a894d9135 /src/pages | |
| parent | e18d8441d03746158a72029381d8fbdee39184b3 (diff) | |
initial commit
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.js | 43 | ||||
| -rw-r--r-- | src/pages/index.module.css | 23 | ||||
| -rw-r--r-- | src/pages/markdown-page.md | 7 | ||||
| -rw-r--r-- | src/pages/my-markdown-page.md | 3 | ||||
| -rw-r--r-- | src/pages/my-react-page.js | 11 |
5 files changed, 87 insertions, 0 deletions
diff --git a/src/pages/index.js b/src/pages/index.js new file mode 100644 index 00000000..30b92acc --- /dev/null +++ b/src/pages/index.js @@ -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="https://yasutakeyohei.com/"> + 安竹洋平のオフィシャルサイトはこちら + </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> + ); +} diff --git a/src/pages/index.module.css b/src/pages/index.module.css new file mode 100644 index 00000000..9f71a5da --- /dev/null +++ b/src/pages/index.module.css @@ -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; +} diff --git a/src/pages/markdown-page.md b/src/pages/markdown-page.md new file mode 100644 index 00000000..9756c5b6 --- /dev/null +++ b/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. diff --git a/src/pages/my-markdown-page.md b/src/pages/my-markdown-page.md new file mode 100644 index 00000000..f367dc6d --- /dev/null +++ b/src/pages/my-markdown-page.md @@ -0,0 +1,3 @@ +# My Markdown page + +This is a Markdown page
\ No newline at end of file diff --git a/src/pages/my-react-page.js b/src/pages/my-react-page.js new file mode 100644 index 00000000..2f6c2a34 --- /dev/null +++ b/src/pages/my-react-page.js @@ -0,0 +1,11 @@ +import React from 'react'; +import Layout from '@theme/Layout'; + +export default function MyReactPage() { + return ( + <Layout> + <h1>My React page</h1> + <p>This is a React page</p> + </Layout> + ); +}
\ No newline at end of file |