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

View File

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

View File

@ -1,23 +1,24 @@
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 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';
import styles from "./index.module.css";
function HomepageHeader() {
const { siteConfig } = useDocusaurusContext();
return (
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<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="/docs/intro">
to="/docs/intro"
>
Docusaurus Tutorial - 5min
</Link>
</div>
@ -31,7 +32,8 @@ export default function Home() {
return (
<Layout
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 />
<main>
<HomepageFeatures />

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>
);
}