diff --git a/docs/index.md b/docs/index.md
index b152369..78b35c8 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,6 +1,7 @@
---
id: index
title: Home Page
+slug: /
sidebar_position: 1
---
@@ -8,7 +9,7 @@ sidebar_position: 1
This is the place that stores the cumulative knowledge of the Vignette community.
-To get started with Vignette, you can go to [The Windows Installation Guide](install/install-win.md) or [The Linux Installation Guide](install/install-linux.md).
+To get started, you can go on the [Installation Guide](install/install-methods.md).
Or, if you are looking for a specific page, you can use the sidebar instead.
Currently WIP.
diff --git a/docs/install/install-aur.md b/docs/install/install-aur.md
new file mode 100644
index 0000000..2e889ae
--- /dev/null
+++ b/docs/install/install-aur.md
@@ -0,0 +1,9 @@
+---
+id: aur
+title: AUR (Linux)
+sidebar_position: 4
+---
+
+# Installing Vignette using AUR
+
+something
\ No newline at end of file
diff --git a/docs/install/install-linux.md b/docs/install/install-linux.md
deleted file mode 100644
index caa72d0..0000000
--- a/docs/install/install-linux.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# Linux Installation Guide
-
-There are a number of ways to chose from to install Vignette on Linux:
-
-- [Steam](#Steam)
-
-- [AUR](#AUR)
-
-- [Portable](#Portable)
-
-
-
-## Steam
-
-something
-
-
-
-
-
-## AUR
-
-something
-
-
-
-
-
-## Portable
-
-something
diff --git a/docs/install/install-methods.md b/docs/install/install-methods.md
new file mode 100644
index 0000000..dd7be7d
--- /dev/null
+++ b/docs/install/install-methods.md
@@ -0,0 +1,12 @@
+---
+id: install-methods
+title: Installation Methods
+sidebar_position: 1
+---
+
+# Installation methods
+You can choose which installation method you prefer.
+- [Windows Store (Windows)](install-windows-store.md)
+- [Steam](install-steam.md)
+- [AUR (Linux)](install-aur.md)
+- [Portable](install-portable.md)
\ No newline at end of file
diff --git a/docs/install/install-portable.md b/docs/install/install-portable.md
new file mode 100644
index 0000000..d96cdf9
--- /dev/null
+++ b/docs/install/install-portable.md
@@ -0,0 +1,9 @@
+---
+id: portable
+title: Portable
+sidebar_position: 5
+---
+
+# Installing Vignette Portable
+
+something
\ No newline at end of file
diff --git a/docs/install/install-steam.md b/docs/install/install-steam.md
new file mode 100644
index 0000000..fc9e245
--- /dev/null
+++ b/docs/install/install-steam.md
@@ -0,0 +1,9 @@
+---
+id: steam
+title: Steam
+sidebar_position: 3
+---
+
+# Installing Vignette using Steam
+
+something
\ No newline at end of file
diff --git a/docs/install/install-win.md b/docs/install/install-win.md
deleted file mode 100644
index 2e8838a..0000000
--- a/docs/install/install-win.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Windows Installation Guide
-
-There are a number of ways to chose from toinstall Vignette on Windows:
-
-- [Windows Store](#Windows-Store)
-
-- [Steam](#Steam)
-
-- [Portable](#Portable)
-
-
-
-## Windows Store
-
-something
-
-
-
-## Steam
-
-something
-
-
-
-## Portable
-
-something
\ No newline at end of file
diff --git a/docs/install/install-windows-store.md b/docs/install/install-windows-store.md
new file mode 100644
index 0000000..5f4e6e2
--- /dev/null
+++ b/docs/install/install-windows-store.md
@@ -0,0 +1,9 @@
+---
+id: windows-store
+title: Windows Store (Windows)
+sidebar_position: 2
+---
+
+# Installing Vignette using Windows Store
+
+something
\ No newline at end of file
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 15b4ea0..5ebf22e 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -23,6 +23,7 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
sidebarPath: require.resolve('./sidebars.js'),
// Please change this to your repo.
editUrl: 'https://github.com/vignetteapp/docs/edit/master/website/',
+ routeBasePath: '/'
},
theme: {
customCss: require.resolve('./src/css/custom.css'),
@@ -43,9 +44,9 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
items: [
{
type: 'doc',
- docId: 'index',
+ docId: 'install/install-methods',
position: 'left',
- label: 'Home Page',
+ label: 'Installation Guide',
},
{
href: 'https://github.com/vignetteapp/vignette',
@@ -62,7 +63,11 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
items: [
{
label: 'Home Page',
- to: '/docs/index',
+ to: '/',
+ },
+ {
+ label: 'Installation Guide',
+ to: '/install/install-methods',
},
],
},
@@ -70,8 +75,8 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
title: 'Community',
items: [
{
- label: 'Stack Overflow',
- href: 'https://stackoverflow.com/questions/tagged/your-mom',
+ label: 'Open Collective',
+ href: 'https://opencollective.com/vignette',
},
{
label: 'Discord',
@@ -86,6 +91,10 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
{
title: 'More',
items: [
+ {
+ label: 'vignetteapp.org',
+ href: 'https://vignetteapp.org',
+ },
{
label: 'GitHub',
href: 'https://github.com/vignetteapp/vignette',
diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js
deleted file mode 100644
index 16f820b..0000000
--- a/src/components/HomepageFeatures.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './HomepageFeatures.module.css';
-
-const FeatureList = [
- {
- title: 'Easy to Use',
- Svg: require('../../static/img/undraw_docusaurus_mountain.svg').default,
- description: (
- <>
- Docusaurus was designed from the ground up to be easily installed and
- used to get your website up and running quickly.
- >
- ),
- },
- {
- title: 'Focus on What Matters',
- Svg: require('../../static/img/undraw_docusaurus_tree.svg').default,
- description: (
- <>
- Docusaurus lets you focus on your docs, and we'll do the chores. Go
- ahead and move your docs into the docs
directory.
- >
- ),
- },
- {
- title: 'Powered by React',
- Svg: require('../../static/img/undraw_docusaurus_react.svg').default,
- description: (
- <>
- Extend or customize your website layout by reusing React. Docusaurus can
- be extended while reusing the same header and footer.
- >
- ),
- },
-];
-
-function Feature({Svg, title, description}) {
- return (
-
{description}
-