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}>
@ -16,17 +16,17 @@ export default function HomepageTerinaryFeatures() {
<ul> <ul>
<li> <li>
<a href={"/guides/"}> <a href={"/guides/"}>
Quickstart Quickstart
</a> </a>
</li> </li>
<li> <li>
<a href={"/guides/install/"}> <a href={"/guides/install/"}>
Installation Installation
</a> </a>
</li> </li>
<li> <li>
<a href={"/guides/models-list/"}> <a href={"/guides/models-list/"}>
Pre-configured Models Pre-configured Models
</a> </a>
</li> </li>
</ul> </ul>
@ -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}>
@ -42,17 +42,17 @@ export default function HomepageTerinaryFeatures() {
<ul> <ul>
<li> <li>
<a href={"/guides/thread/"}> <a href={"/guides/thread/"}>
Thread Management Thread Management
</a> </a>
</li> </li>
<li> <li>
<a href={"/guides/start-server/"}> <a href={"/guides/start-server/"}>
Local Server Local Server
</a> </a>
</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}>
@ -68,17 +68,17 @@ export default function HomepageTerinaryFeatures() {
<ul> <ul>
<li> <li>
<a href={"/guides/models-setup/"}> <a href={"/guides/models-setup/"}>
Models Setup Models Setup
</a> </a>
</li> </li>
<li> <li>
<a href={"/guides/extensions/"}> <a href={"/guides/extensions/"}>
Extensions Extensions
</a> </a>
</li> </li>
<li> <li>
<a href={"/guides/integrations/"}> <a href={"/guides/integrations/"}>
Integrations Integrations
</a> </a>
</li> </li>
</ul> </ul>
@ -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}>
@ -94,17 +94,17 @@ export default function HomepageTerinaryFeatures() {
<ul> <ul>
<li> <li>
<a href={"/guides/error-codes/"}> <a href={"/guides/error-codes/"}>
Error Codes Error Codes
</a> </a>
</li> </li>
<li> <li>
<a href={"/guides/common-error/"}> <a href={"/guides/common-error/"}>
Common Errors Common Errors
</a> </a>
</li> </li>
<li> <li>
<a href={"/guides/faqs/"}> <a href={"/guides/faqs/"}>
FAQ FAQ
</a> </a>
</li> </li>
</ul> </ul>

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,94 +3,93 @@
* 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) {
.homeBg {
background-size: auto 600px !important;
}
} }
}
@media screen and (max-width: 1400px) {
.homeBg { .homeBg {
background-image: url("/img/homepage-new/bg.png") !important; background-size: auto 600px !important;
background-size: contain;
background-repeat: no-repeat;
} }
}
.homeBg {
background-image: url('/img/homepage-new/bg.png') !important;
background-size: contain;
background-repeat: no-repeat;
}
.heroTitle {
font-size: 3rem;
font-weight: 600;
color: white;
margin-top: 4rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
.heroTitle { .heroTitle {
font-size: 3rem; font-size: 2rem;
font-weight: 600;
color: white;
margin-top: 4rem;
margin-bottom: 3rem;
} }
}
@media screen and (max-width: 1024px) { .searchBar {
.heroTitle { background-color: white;
font-size: 2rem; max-width: 580px;
} height: 50px;
} margin-left: auto;
margin-right: auto;
border-radius: 25px;
display: flex;
margin-bottom: 4rem;
}
.searchBar svg {
width: 20px;
height: 20px;
align-self: center;
margin-left: 16px;
margin-right: 8px;
color: #b8c2c8;
}
.searchBar { .searchBar input {
background-color: white; flex: auto;
max-width: 580px; border: none;
height: 50px; outline: none;
margin-left: auto; margin: 6px 8px 6px 6px;
margin-right: auto; }
border-radius: 25px;
display: flex;
margin-bottom: 4rem;
}
.searchBar svg { .searchBar input:focus {
width: 20px; border: none;
height: 20px; outline: none;
align-self: center; }
margin-left: 16px;
margin-right: 8px;
color: #B8C2C8;
}
.searchBar input { .searchBar input::placeholder {
flex: auto; color: #b8c2c8;
border: none; }
outline: none;
margin: 6px 8px 6px 6px;
}
.searchBar input:focus { .searchBar button {
border: none; height: 40px;
outline: none; width: 100%;
} border-radius: 20px;
background-color: white;
color: gray;
align-self: center;
padding: 0px 5px;
margin: 0px 10px;
}
.searchBar input::placeholder { .heroSubtitle {
color: #B8C2C8; font-size: 1.25rem;
} color: white;
}
.searchBar button {
height: 40px;
width: 100%;
border-radius: 20px;
background-color: white;
color: gray;
align-self: center;
padding: 0px 5px;
margin: 0px 10px
}
.heroSubtitle {
font-size: 1.25rem;
color: white;
}