chore(docs): update docs

dstack-js · Jan 29, 2022 · 33f3e67 · 33f3e67
1 parent 9c4b23b
commit 33f3e67
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 16 deletions.
diff --git a/docs/src/components/Flowchart.js b/docs/src/components/Flowchart.js
@@ -1,5 +1,9 @@
 import React from 'react';
-import ReactFlow, { Background } from 'react-flow-renderer';
+import ReactFlow, { Background, Controls } from 'react-flow-renderer';
+
+const fitView = (reactFlowInstance) => {
+  reactFlowInstance.fitView();
+};
 
 export default ({ elements, style, ...props }) => (
   <div
@@ -15,11 +19,15 @@ export default ({ elements, style, ...props }) => (
       elements={elements}
       grid={true}
       nodesDraggable={false}
+      onLoad={fitView}
+      onMove={fitView}
       nodesConnectable={false}
       elementsSelectable={false}
       {...props}
     >
       <Background variant="dots" gap={10} size={0.5} />
+      {/* <MiniMap /> */}
+      <Controls />
     </ReactFlow>
   </div>
 );
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -52,3 +52,7 @@ nav.navbar {
   background-color: #fcf9e8;
   color: black;
 }
+
+.navbar-sidebar__brand > .navbar__brand {
+  color: white;
+}
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
@@ -6,19 +6,22 @@ import Head from '@docusaurus/Head';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import styles from './index.module.css';
 import HomepageFeatures from '../components/HomepageFeatures';
+import Logo from '../../static/img/logo.svg';
 
 function HomepageHeader() {
-  const {siteConfig} = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
   return (
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
       <div className="container">
+        <Logo className={clsx('hero--logo', styles.heroLogo)} />
         <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">
-             Tutorial 🧑‍💻
+            to="/docs/intro"
+          >
+            Tutorial 🧑‍💻
           </Link>
         </div>
       </div>
@@ -27,14 +30,15 @@ function HomepageHeader() {
 }
 
 export default function Home() {
-  const {siteConfig} = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
   return (
-    <Layout
-      title={siteConfig.tagline}
-      description={siteConfig.tagline}>
+    <Layout title={siteConfig.tagline} description={siteConfig.tagline}>
       <HomepageHeader />
       <Head>
-        <meta name="google-site-verification" content="7OoBzgK8xinCKmquWj2sKMWQBbKmn7AFPAFKw6lCi6g" />
+        <meta
+          name="google-site-verification"
+          content="7OoBzgK8xinCKmquWj2sKMWQBbKmn7AFPAFKw6lCi6g"
+        />
       </Head>
       <main>
         <HomepageFeatures />

diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css
@@ -10,6 +10,10 @@
   overflow: hidden;
 }
 
+.heroLogo {
+  margin-bottom: 50px;
+}
+
 @media screen and (max-width: 966px) {
   .heroBanner {
     padding: 2rem;

diff --git a/docs/src/pages/markdown-page.md b/docs/src/pages/markdown-page.md