docs: add why unittcms (#88)
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user