From 659aeff39ded6bf6bd0dfc40ccc5ff07ffc10f51 Mon Sep 17 00:00:00 2001 From: Nikita Tchayka Date: Sun, 27 Aug 2023 13:01:29 +0100 Subject: Update --- src/pages/index.module.css | 23 +++++++++++++++++++++++ src/pages/index.tsx | 47 ++++++++++++++++++++++++++++++++++++++++++++++ src/pages/markdown-page.md | 7 +++++++ 3 files changed, 77 insertions(+) create mode 100644 src/pages/index.module.css create mode 100644 src/pages/index.tsx create mode 100644 src/pages/markdown-page.md (limited to 'src/pages') diff --git a/src/pages/index.module.css b/src/pages/index.module.css new file mode 100644 index 0000000..9f71a5d --- /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/index.tsx b/src/pages/index.tsx new file mode 100644 index 0000000..8762287 --- /dev/null +++ b/src/pages/index.tsx @@ -0,0 +1,47 @@ +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 ( +
+
+
+ logo +

{siteConfig.title}

+
+

{siteConfig.tagline}

+
+ + + +
+
+
+
+ ); +} + +export default function Home(): JSX.Element { + const { siteConfig } = useDocusaurusContext(); + return ( + <> + + +
+ +
+
+ + ); +} diff --git a/src/pages/markdown-page.md b/src/pages/markdown-page.md new file mode 100644 index 0000000..9756c5b --- /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. -- cgit