Move docs to right, add to bottom bar

This commit is contained in:
Daniel 2023-09-21 12:27:42 +08:00
parent 6b884582a9
commit a93e01a67d
5 changed files with 33 additions and 74 deletions

View File

@ -117,28 +117,28 @@ const config = {
}, },
{ {
type: "docSidebar", type: "docSidebar",
sidebarId: "docsSidebar", sidebarId: "companySidebar",
position: "left", position: "left",
label: "Company",
},
// Navbar right
{
type: "docSidebar",
sidebarId: "docsSidebar",
position: "right",
label: "Docs", label: "Docs",
}, },
{ {
type: "docSidebar", type: "docSidebar",
sidebarId: "hardwareSidebar", sidebarId: "hardwareSidebar",
position: "left", position: "right",
label: "Hardware", label: "Hardware",
}, },
{ {
position: "left", position: "right",
label: "API", label: "API",
to: "/api", to: "/api",
}, },
// Navbar right
{
type: "docSidebar",
sidebarId: "aboutSidebar",
position: "right",
label: "About",
},
{ {
href: "https://github.com/janhq/jan", href: "https://github.com/janhq/jan",
label: "GitHub", label: "GitHub",
@ -150,7 +150,7 @@ const config = {
style: "dark", style: "dark",
links: [ links: [
{ {
title: "Site", title: "Jan",
items: [ items: [
{ {
label: "Home", label: "Home",
@ -164,6 +164,11 @@ const config = {
label: "Use Cases", label: "Use Cases",
to: "/solutions", to: "/solutions",
}, },
],
},
{
title: "Docs",
items: [
{ {
label: "Docs", label: "Docs",
to: "/docs", to: "/docs",
@ -196,7 +201,7 @@ const config = {
], ],
}, },
{ {
title: "About", title: "Company",
items: [ items: [
{ {
label: "About", label: "About",

View File

@ -189,7 +189,7 @@ const sidebars = {
], ],
}, },
], ],
aboutSidebar: [ companySidebar: [
{ {
type: "category", type: "category",
label: "About Jan", label: "About Jan",

View File

@ -1,23 +1,24 @@
import React from 'react'; import React from "react";
import clsx from 'clsx'; import clsx from "clsx";
import Link from '@docusaurus/Link'; import Link from "@docusaurus/Link";
import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import Layout from '@theme/Layout'; import Layout from "@theme/Layout";
import HomepageFeatures from '@site/src/components/HomepageFeatures'; import HomepageFeatures from "@site/src/components/HomepageFeatures";
import styles from './index.module.css'; import styles from "./index.module.css";
function HomepageHeader() { function HomepageHeader() {
const {siteConfig} = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
return ( return (
<header className={clsx('hero hero--primary', styles.heroBanner)}> <header className={clsx("hero hero--primary", styles.heroBanner)}>
<div className="container"> <div className="container">
<h1 className="hero__title">{siteConfig.title}</h1> <h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p> <p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}> <div className={styles.buttons}>
<Link <Link
className="button button--secondary button--lg" className="button button--secondary button--lg"
to="/docs/intro"> to="/docs/intro"
>
Docusaurus Tutorial - 5min Docusaurus Tutorial - 5min
</Link> </Link>
</div> </div>
@ -27,15 +28,16 @@ function HomepageHeader() {
} }
export default function Home() { export default function Home() {
const {siteConfig} = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
return ( return (
<Layout <Layout
title={`Hello from ${siteConfig.title}`} title={`Hello from ${siteConfig.title}`}
description="Description will go into a meta tag in <head />"> description="Description will go into a meta tag in <head />"
>
<HomepageHeader /> <HomepageHeader />
<main> <main>
<HomepageFeatures /> <HomepageFeatures />
</main> </main>
</Layout> </Layout>
); );
} }

View File

@ -1,7 +0,0 @@
---
title: Markdown page example
---
# Markdown page example
You don't need React to write simple standalone pages.

View File

@ -1,41 +0,0 @@
import React from 'react';
import clsx from 'clsx';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Layout from '@theme/Layout';
import HomepageFeatures from '@site/src/components/HomepageFeatures';
import styles from './index.module.css';
function HomepageHeader() {
const { siteConfig } = useDocusaurusContext();
return (
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<div className="container">
<h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
to="/quickstart/overview">
Quickstart - 5min
</Link>
</div>
</div>
</header>
);
}
export default function Home() {
const { siteConfig } = useDocusaurusContext();
return (
<Layout
title={`Welcome`}
description="Developer documentation for Jan.ai, a self-hosted AI inference platform">
<HomepageHeader />
<main>
<HomepageFeatures />
</main>
</Layout>
);
}