Update docs top page

This commit is contained in:
Takeshi Kimata
2024-05-12 19:33:53 +09:00
parent c30059f51c
commit 164e053cf8
12 changed files with 62 additions and 432 deletions

View File

@@ -1,40 +1,29 @@
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 clsx from "clsx";
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">
Get started
</Link>
</div>
</div>
</header>
);
}
import Heading from "@theme/Heading";
import styles from "./index.module.css";
export default function Home() {
const {siteConfig} = useDocusaurusContext();
const { siteConfig } = useDocusaurusContext();
return (
<Layout
title={`Hello from ${siteConfig.title}`}
description="Description will go into a meta tag in <head />">
<HomepageHeader />
description="Description will go into a meta tag in <head />"
>
<header className={clsx("hero hero--primary", styles.heroBanner)}>
<div className="container">
<Heading as="h1" className="hero__title">
TestPlat
</Heading>
<p className="hero__subtitle">
Open Source Test Case Management Web Application
</p>
Integrate and manage all your software testing.
</div>
</header>
<main>
<HomepageFeatures />
</main>

View File

@@ -5,7 +5,6 @@
.heroBanner {
padding: 4rem 0;
text-align: center;
position: relative;
overflow: hidden;
}
@@ -13,6 +12,7 @@
@media screen and (max-width: 996px) {
.heroBanner {
padding: 2rem;
text-align: center;
}
}