docs: update title Docs | Jan

This commit is contained in:
hieu-jan 2024-03-04 20:52:16 +09:00
parent 5540cd20d9
commit 7d4acf1e20
12 changed files with 493 additions and 492 deletions

View File

@ -0,0 +1,8 @@
{
"label": "Changelogs",
"position": 5,
"link": {
"type": "generated-index",
"description": "Changelog for Jan"
}
}

View File

@ -8,7 +8,7 @@ export default function HomepageTerinaryFeatures() {
<div className={clsx(styles.cards)}> <div className={clsx(styles.cards)}>
<div className={clsx(styles.card)}> <div className={clsx(styles.card)}>
<div className={styles.cardHeader}> <div className={styles.cardHeader}>
<img alt={"Icon"} src={"/img/homepage-new/roket.png"}/> <img alt={"Icon"} src={"/img/homepage-new/roket.png"} />
<h3>Get Started</h3> <h3>Get Started</h3>
</div> </div>
<div className={styles.cardContent}> <div className={styles.cardContent}>
@ -34,7 +34,7 @@ export default function HomepageTerinaryFeatures() {
</div> </div>
<div className={clsx(styles.card)}> <div className={clsx(styles.card)}>
<div className={styles.cardHeader}> <div className={styles.cardHeader}>
<img alt={"Icon"} src={"/img/homepage-new/buku.png"}/> <img alt={"Icon"} src={"/img/homepage-new/buku.png"} />
<h3>Settings</h3> <h3>Settings</h3>
</div> </div>
<div className={styles.cardContent}> <div className={styles.cardContent}>
@ -52,7 +52,7 @@ export default function HomepageTerinaryFeatures() {
</li> </li>
<li> <li>
<a href={"/guides/advanced-settings/"}> <a href={"/guides/advanced-settings/"}>
Advance Settings Advanced Settings
</a> </a>
</li> </li>
</ul> </ul>
@ -60,7 +60,7 @@ export default function HomepageTerinaryFeatures() {
</div> </div>
<div className={clsx(styles.card)}> <div className={clsx(styles.card)}>
<div className={styles.cardHeader}> <div className={styles.cardHeader}>
<img alt={"Icon"} src={"/img/homepage-new/setting.png"}/> <img alt={"Icon"} src={"/img/homepage-new/setting.png"} />
<h3>Features</h3> <h3>Features</h3>
</div> </div>
<div className={styles.cardContent}> <div className={styles.cardContent}>
@ -86,7 +86,7 @@ export default function HomepageTerinaryFeatures() {
</div> </div>
<div className={clsx(styles.card)}> <div className={clsx(styles.card)}>
<div className={styles.cardHeader}> <div className={styles.cardHeader}>
<img alt={"Icon"} src={"/img/homepage-new/doa.png"}/> <img alt={"Icon"} src={"/img/homepage-new/doa.png"} />
<h3>Troubleshooting</h3> <h3>Troubleshooting</h3>
</div> </div>
<div className={styles.cardContent}> <div className={styles.cardContent}>

View File

@ -28,12 +28,6 @@ function HomepageHeader() {
insight={true} insight={true}
/> />
</div> </div>
{/* <div className={styles.searchBar}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill={"currentColor"}>
<path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
<input placeholder={"Search for questions or topics ..."}/>
<button>Search</button>
</div> */}
<p className={clsx(styles.heroSubtitle)}> <p className={clsx(styles.heroSubtitle)}>
Open-source ChatGPT alternative that runs 100% offline on your Open-source ChatGPT alternative that runs 100% offline on your
computer. computer.
@ -47,7 +41,7 @@ export default function Home() {
const { siteConfig } = useDocusaurusContext() const { siteConfig } = useDocusaurusContext()
return ( return (
<Layout <Layout
title={`Home | ${siteConfig.title}`} title={`Docs`}
description="Description will go into a meta tag in <head />" description="Description will go into a meta tag in <head />"
> >
<div className={clsx(styles.homeBg)}> <div className={clsx(styles.homeBg)}>

View File

@ -3,47 +3,46 @@
* and scoped locally. * and scoped locally.
*/ */
.heroBanner { .heroBanner {
padding: 4rem 0; padding: 4rem 0;
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
@media screen and (max-width: 996px) { @media screen and (max-width: 996px) {
.heroBanner { .heroBanner {
padding: 2rem; padding: 2rem;
} }
} }
@media screen and (max-width: 1400px) { @media screen and (max-width: 1400px) {
.homeBg { .homeBg {
background-size: auto 600px !important; background-size: auto 600px !important;
} }
} }
.homeBg { .homeBg {
background-image: url("/img/homepage-new/bg.png") !important; background-image: url('/img/homepage-new/bg.png') !important;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.heroTitle { .heroTitle {
font-size: 3rem; font-size: 3rem;
font-weight: 600; font-weight: 600;
color: white; color: white;
margin-top: 4rem; margin-top: 4rem;
margin-bottom: 3rem; margin-bottom: 3rem;
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.heroTitle { .heroTitle {
font-size: 2rem; font-size: 2rem;
} }
} }
.searchBar {
.searchBar {
background-color: white; background-color: white;
max-width: 580px; max-width: 580px;
height: 50px; height: 50px;
@ -52,34 +51,34 @@
border-radius: 25px; border-radius: 25px;
display: flex; display: flex;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
.searchBar svg { .searchBar svg {
width: 20px; width: 20px;
height: 20px; height: 20px;
align-self: center; align-self: center;
margin-left: 16px; margin-left: 16px;
margin-right: 8px; margin-right: 8px;
color: #B8C2C8; color: #b8c2c8;
} }
.searchBar input { .searchBar input {
flex: auto; flex: auto;
border: none; border: none;
outline: none; outline: none;
margin: 6px 8px 6px 6px; margin: 6px 8px 6px 6px;
} }
.searchBar input:focus { .searchBar input:focus {
border: none; border: none;
outline: none; outline: none;
} }
.searchBar input::placeholder { .searchBar input::placeholder {
color: #B8C2C8; color: #b8c2c8;
} }
.searchBar button { .searchBar button {
height: 40px; height: 40px;
width: 100%; width: 100%;
border-radius: 20px; border-radius: 20px;
@ -87,10 +86,10 @@
color: gray; color: gray;
align-self: center; align-self: center;
padding: 0px 5px; padding: 0px 5px;
margin: 0px 10px margin: 0px 10px;
} }
.heroSubtitle { .heroSubtitle {
font-size: 1.25rem; font-size: 1.25rem;
color: white; color: white;
} }