docs: add why unittcms (#88)

This commit is contained in:
Takeshi Kimata
2024-10-26 22:28:56 +09:00
committed by GitHub
parent 919556c7be
commit 458fe51e78
9 changed files with 85 additions and 24 deletions

View File

@@ -6,25 +6,25 @@
/* You can override the default Infima variables here. */
:root {
--ifm-color-primary: #205d3b;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b;
--ifm-color-primary-light: #33925d;
--ifm-color-primary-lighter: #359962;
--ifm-color-primary-lightest: #3cad6e;
--ifm-color-primary: #28d06c;
--ifm-color-primary-dark: #24b860;
--ifm-color-primary-darker: #20a256;
--ifm-color-primary-darkest: #1b8a48;
--ifm-color-primary-light: #3add80;
--ifm-color-primary-lighter: #5be593;
--ifm-color-primary-lightest: #7bedaa;
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}
/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
--ifm-color-primary: #4fddbf;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1a8870;
--ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
--ifm-color-primary: #28d06c;
--ifm-color-primary-dark: #24b860;
--ifm-color-primary-darker: #20a256;
--ifm-color-primary-darkest: #1b8a48;
--ifm-color-primary-light: #3add80;
--ifm-color-primary-lighter: #5be593;
--ifm-color-primary-lightest: #7bedaa;
--docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.15);
}

View File

@@ -9,15 +9,18 @@ export default function Home() {
const { siteConfig } = useDocusaurusContext();
return (
<Layout title={`Hello from ${siteConfig.title}`} description="Description will go into a meta tag in <head />">
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<header className={clsx('hero', styles.heroBanner)}>
<div className="container">
<Heading as="h1" className="hero__title">
UnitTCMS Docs
</Heading>
<p className="hero__subtitle">Open Source Test Case Management System</p>
<div>
<Link className="button button--secondary button--lg" to="/docs">
Move to Docs📰
<div className={styles.buttons}>
<Link className="button button--primary button--lg" to="/docs">
Docs📰
</Link>
<Link className="button button--secondary button--lg" to="https://github.com/kimatata/unittcms">
GitHub
</Link>
</div>
</div>

View File

@@ -5,10 +5,15 @@
.heroBanner {
padding: 4rem 0;
text-align: center;
position: relative;
overflow: hidden;
}
.heroTitle {
color: blueviolet;
}
@media screen and (max-width: 996px) {
.heroBanner {
padding: 2rem;
@@ -18,6 +23,7 @@
.buttons {
display: flex;
column-gap: 10px;
align-items: center;
justify-content: center;
}