Make some real pages

shioyama · Dec 21, 2020 · 505964c · 505964c
1 parent 8bcb495
commit 505964c
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 233 deletions.
diff --git a/website/docs/doc1.md b/website/docs/doc1.md
diff --git a/website/docs/doc2.md b/website/docs/doc2.md
diff --git a/website/docs/doc3.md b/website/docs/doc3.md
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -33,12 +33,8 @@ module.exports = {
           title: 'Docs',
           items: [
             {
-              label: 'Style Guide',
-              to: 'docs/',
-            },
-            {
-              label: 'Second Doc',
-              to: 'docs/doc2/',
+              label: 'Getting Started',
+              to: 'docs/getting-started',
             },
           ],
         },

diff --git a/website/sidebars.js b/website/sidebars.js
@@ -1,6 +1,8 @@
 module.exports = {
   someSidebar: {
-    Docusaurus: ['doc1', 'doc2', 'doc3'],
-    Features: ['mdx'],
+    'Getting Started': ['intro', 'installation', 'configuration', 'upgrading_to_version_1'],
+    Design: ['plugins', 'backends'],
+    Backends: ['key_value', 'table', 'column', 'json'],
+    Plugins: ['locale_accessors', 'fallthrough_accessors', 'dirty_tracking', 'fallbacks'],
   },
 };
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -45,3 +45,11 @@ h2 {
 section {
   margin-bottom: 50px;
 }
+
+.hero {
+  padding-bottom: 1.5rem;
+}
+
+.main-wrapper {
+  margin-bottom: 2rem;
+}
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -131,7 +131,7 @@ function Hero() {
   const context = useDocusaurusContext();
   const { siteConfig = {} } = context;
   return  (
-    <header className={clsx('hero hero--light', styles.heroBanner)}>
+    <header className='hero hero--light'>
       <div className="container margin-vert--lg">
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
@@ -140,7 +140,7 @@ function Hero() {
             'button button--outline button--primary button--lg',
             styles.getStarted,
           )}
-          to={useBaseUrl('docs/getting-started')}>
+          to={useBaseUrl('docs/installation')}>
           Get Started
         </Link>
         <Link