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}>
@ -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}>
@ -52,7 +52,7 @@ export default function HomepageTerinaryFeatures() {
</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}>
@ -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}>

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