major: Furnish repository

4 files changed, 192 insertions, 0 deletions

diff --git a/src/css/custom.css b/src/css/custom.css
new file mode 100644
index 0000000..12f7951
--- /dev/null
+++ b/src/css/custom.css
@@ -0,0 +1,19 @@
+/* stylelint-disable docusaurus/copyright-header */
+
+:root {
+  --ifm-color-primary: #fdad54;
+  --ifm-color-primary-dark: #ffa43c;
+  --ifm-color-primary-darker: #fda846;
+  --ifm-color-primary-darkest: #ffa53d;
+  --ifm-color-primary-light: #ffb25b;
+  --ifm-color-primary-lighter: #ffb764;
+  --ifm-color-primary-lightest: #ffc380;
+  --ifm-code-font-size: 95%;
+}
+
+.docusaurus-highlight-code-line {
+  background-color: rgb(72, 77, 91);
+  display: block;
+  margin: 0 calc(-1 * var(--ifm-pre-padding));
+  padding: 0 var(--ifm-pre-padding);
+}
diff --git a/src/pages/index.js b/src/pages/index.js
new file mode 100644
index 0000000..0801830
--- /dev/null
+++ b/src/pages/index.js
@@ -0,0 +1,129 @@
+import React from 'react';
+import clsx from 'clsx';
+import Layout from '@theme/Layout';
+import Link from '@docusaurus/Link';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import styles from './styles.module.css';
+
+const features = [
+  {
+    title: 'Easy to Use',
+    imageUrl: 'img/undraw_happy_announcement_ac67.svg',
+    description: (
+      <div className="card">
+        <div className="card__footer">
+          The core Whirl server was meant to be easy and quick to install. All
+          have to do is download (or built) the binary, generate a config, and
+          enjoy!
+        </div>
+        <div className="card__footer">
+          <a href="#" target="_blank">
+            <button className="button button--primary button--block disabled">
+              Get Started
+            </button>
+          </a>
+        </div>
+      </div>
+    ),
+  },
+  {
+    title: 'Customizable',
+    imageUrl: 'img/undraw_personalization_triu.svg',
+    description: (
+      <div className="card">
+        <div className="card__footer">
+          Whirl provides simple and fast customizability, want to be a host or an
+          admin in game? done! YOU rule YOUR server.
+        </div>
+        <div className="card__footer">
+          <a href="#" target="_blank">
+            <button className="button button--primary button--block disabled">
+              Explore Configuration Options
+            </button>
+          </a>
+        </div>
+      </div>
+    ),
+  },
+  {
+    title: 'Built to last',
+    imageUrl: 'img/undraw_building_blocks_n0nc.svg',
+    description: (
+      <div className="card">
+        <div className="card__footer">
+          Much of Whirl has been built in <a href="https://golang.org/">Go</a>,
+          a fast, simple, and maintainable modern language.
+        </div>
+        <div className="card__footer">
+          <a href="https://github.com/Whirlsplash/whirl" target="_blank">
+            <button className="button button--primary button--block">
+              View Source Code
+            </button>
+          </a>
+        </div>
+      </div>
+    ),
+  },
+];
+
+function Feature({imageUrl, title, description}) {
+  const imgUrl = useBaseUrl(imageUrl);
+  return (
+    <div className={clsx('col col--4', styles.feature)}>
+      {imgUrl && (
+        <div className="text--center">
+          <img className={styles.featureImage} src={imgUrl} alt={title} />
+        </div>
+      )}
+      <h3>{title}</h3>
+      <p>{description}</p>
+    </div>
+  );
+}
+
+export default function Home() {
+  const context = useDocusaurusContext();
+  const { siteConfig = {}, } = context;
+  return (
+    <Layout title={"Home"}>
+      <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>
+            <a href="https://discord.com/invite/8hn6padWF6" title="Discord">
+              <img
+                src="https://img.shields.io/discord/821938182274154506?style=for-the-badge&logo=appveyor" />
+            </a>&nbsp;
+            <a href="https://github.com/Whirlsplash/whirl/blob/master/LICENSE" title="License">
+              <img
+                src="https://img.shields.io/github/license/Whirlsplash/whirl?style=for-the-badge&logo=appveyor" />
+            </a>
+          </div>
+
+          {/* <div className={styles.buttons}>
+            <Link className={
+              clsx('button button--secondary button--lg', styles.getStarted)
+            } to={useBaseUrl('docs/')}>Get Started</Link>
+          </div> */}
+        </div>
+      </header>
+
+      <main>
+        {/* features && */ features.length > 0 && (
+          <section className={styles.features}>
+            <div className="container">
+              <div className="row">
+                {features.map((props, idx) => (
+                  <Feature key={idx} {...props} />
+                ))}
+              </div>
+            </div>
+          </section>
+        )}
+      </main>
+    </Layout>
+  )
+}
diff --git a/src/pages/markdown-page.md b/src/pages/markdown-page.md
new file mode 100644
index 0000000..9756c5b
--- /dev/null
+++ b/src/pages/markdown-page.md
@@ -0,0 +1,7 @@
+---
+title: Markdown page example
+---
+
+# Markdown page example
+
+You don't need React to write simple standalone pages.
diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css
new file mode 100644
index 0000000..c1aa851
--- /dev/null
+++ b/src/pages/styles.module.css
@@ -0,0 +1,37 @@
+/* stylelint-disable docusaurus/copyright-header */
+
+/**
+ * CSS files with the .module.css suffix will be treated as CSS modules
+ * and scoped locally.
+ */
+
+.heroBanner {
+  padding: 4rem 0;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+}
+
+@media screen and (max-width: 966px) {
+  .heroBanner {
+    padding: 2rem;
+  }
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.features {
+  display: flex;
+  align-items: center;
+  padding: 2rem 0;
+  width: 100%;
+}
+
+.featureImage {
+  height: 200px;
+  width: 200px;
+}