From fdc3200ef4718eb98bd8a713f956222a9bf85ac9 Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Thu, 4 Aug 2022 16:40:44 +0200
Subject: docs: Add initial version of Docusaurus based docs

This change updates the repository with a new Docusaurus-based
documentation website. This allows us to create our documentation using
Markdown, MDX and React. This will serve as the main entry point for
users visiting https://opendc.org. The actual OpenDC application will be
moved to https://app.opendc.org.
---
 site/src/components/HomepageFeatures/index.js      |  71 +++++++++++++++++++++
 .../HomepageFeatures/screenshot-construction.png   | Bin 0 -> 217107 bytes
 .../HomepageFeatures/screenshot-explore.png        | Bin 0 -> 249975 bytes
 .../HomepageFeatures/screenshot-results.png        | Bin 0 -> 234713 bytes
 .../components/HomepageFeatures/styles.module.css  |  11 ++++
 5 files changed, 82 insertions(+)
 create mode 100644 site/src/components/HomepageFeatures/index.js
 create mode 100644 site/src/components/HomepageFeatures/screenshot-construction.png
 create mode 100644 site/src/components/HomepageFeatures/screenshot-explore.png
 create mode 100644 site/src/components/HomepageFeatures/screenshot-results.png
 create mode 100644 site/src/components/HomepageFeatures/styles.module.css

(limited to 'site/src/components/HomepageFeatures')

diff --git a/site/src/components/HomepageFeatures/index.js b/site/src/components/HomepageFeatures/index.js
new file mode 100644
index 00000000..5beee68d
--- /dev/null
+++ b/site/src/components/HomepageFeatures/index.js
@@ -0,0 +1,71 @@
+import React from 'react'
+import clsx from 'clsx'
+import styles from './styles.module.css'
+
+const FeatureList = [
+    {
+        title: 'Easy to Use',
+        Svg: () => <img src={require('./screenshot-construction.png').default} alt="Building a datacenter in OpenDC" />,
+        description: (
+            <>
+                OpenDC is designed from the ground up to be easily installed and used via its online interface to get
+                your experiments running quickly.
+            </>
+        ),
+    },
+    {
+        title: 'Versatile Models',
+        Svg: () => (
+            <img src={require('./screenshot-explore.png').default} alt="Explore alternative scenarios with OpenDC" />
+        ),
+        description: (
+            <>
+                Explore scenarios around emerging datacenter technologies such as <em>cloud computing</em>,{' '}
+                <em>serverless computing</em>, <em>big data</em>, and <em>machine learning</em>.
+            </>
+        ),
+    },
+    {
+        title: 'Simplified Analysis',
+        Svg: () => (
+            <img
+                src={require('./screenshot-results.png').default}
+                alt="Automated plots and visual summaries generated by OpenDC"
+            />
+        ),
+        description: (
+            <>
+                Investigate datacenter performance using the automated plots and visual summaries provided
+                out-of-the-box by OpenDC.
+            </>
+        ),
+    },
+]
+
+function Feature({ Svg, title, description }) {
+    return (
+        <div className={clsx('col col--4')}>
+            <div className="text--center">
+                <Svg className={styles.featureSvg} role="img" />
+            </div>
+            <div className="text--center padding-horiz--md">
+                <h3>{title}</h3>
+                <p>{description}</p>
+            </div>
+        </div>
+    )
+}
+
+export default function HomepageFeatures() {
+    return (
+        <section className={styles.features}>
+            <div className="container">
+                <div className="row">
+                    {FeatureList.map((props, idx) => (
+                        <Feature key={idx} {...props} />
+                    ))}
+                </div>
+            </div>
+        </section>
+    )
+}
diff --git a/site/src/components/HomepageFeatures/screenshot-construction.png b/site/src/components/HomepageFeatures/screenshot-construction.png
new file mode 100644
index 00000000..8e26526b
Binary files /dev/null and b/site/src/components/HomepageFeatures/screenshot-construction.png differ
diff --git a/site/src/components/HomepageFeatures/screenshot-explore.png b/site/src/components/HomepageFeatures/screenshot-explore.png
new file mode 100644
index 00000000..307aaa1f
Binary files /dev/null and b/site/src/components/HomepageFeatures/screenshot-explore.png differ
diff --git a/site/src/components/HomepageFeatures/screenshot-results.png b/site/src/components/HomepageFeatures/screenshot-results.png
new file mode 100644
index 00000000..f7e5858a
Binary files /dev/null and b/site/src/components/HomepageFeatures/screenshot-results.png differ
diff --git a/site/src/components/HomepageFeatures/styles.module.css b/site/src/components/HomepageFeatures/styles.module.css
new file mode 100644
index 00000000..509d8c75
--- /dev/null
+++ b/site/src/components/HomepageFeatures/styles.module.css
@@ -0,0 +1,11 @@
+.features {
+    display: flex;
+    align-items: center;
+    padding: 2rem 0;
+    width: 100%;
+}
+
+.featureSvg {
+    height: 200px;
+    width: 200px;
+}
-- 
cgit v1.2.3