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

View File

@ -28,12 +28,6 @@ function HomepageHeader() {
insight={true}
/>
</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)}>
Open-source ChatGPT alternative that runs 100% offline on your
computer.
@ -47,7 +41,7 @@ export default function Home() {
const { siteConfig } = useDocusaurusContext()
return (
<Layout
title={`Home | ${siteConfig.title}`}
title={`Docs`}
description="Description will go into a meta tag in <head />"
>
<div className={clsx(styles.homeBg)}>

View File

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