💻 - Commiting to switch computers...

blog/2019-05-28-hola.md

@@ -1,11 +0,0 @@
----
-slug: hola
-title: Hola
-author: Gao Wei
-author_title: Docusaurus Core Team
-author_url: https://github.com/wgao19
-author_image_url: https://avatars1.githubusercontent.com/u/2055384?v=4
-tags: [hola, docusaurus]
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet

blog/2019-05-29-hello-world.md

@@ -1,17 +0,0 @@
----
-slug: hello-world
-title: Hello
-author: Endilie Yacop Sucipto
-author_title: Maintainer of Docusaurus
-author_url: https://github.com/endiliey
-author_image_url: https://avatars1.githubusercontent.com/u/17883920?s=460&v=4
-tags: [hello, docusaurus]
----
-
-Welcome to this blog. This blog is created with [**Docusaurus 2**](https://docusaurus.io/).
-
-<!--truncate-->
-
-This is a test post.
-
-A whole bunch of other information.

blog/2019-05-30-welcome.md

@@ -1,13 +0,0 @@
----
-slug: welcome
-title: Welcome
-author: Yangshun Tay
-author_title: Front End Engineer @ Facebook
-author_url: https://github.com/yangshun
-author_image_url: https://avatars0.githubusercontent.com/u/1315101?s=400&v=4
-tags: [facebook, hello, docusaurus]
----
-
-Blog features are powered by the blog plugin. Simply add files to the `blog` directory. It supports tags as well!
-
-Delete the whole directory if you don't want the blog features. As simple as that!

docusaurus.config.js

@@ -67,12 +67,6 @@ module.exports = {
           editUrl:
             'https://github.com/facebook/docusaurus/edit/master/website/',
         },
-        blog: {
-          showReadingTime: true,
-          // Please change this to your repo.
-          editUrl:
-            'https://github.com/facebook/docusaurus/edit/master/website/blog/',
-        },
         theme: {
           customCss: [
             require.resolve('./src/styles/Colors.scss'),

src/components/HomepageFeatures.js

@@ -1,19 +1,19 @@
 import React from 'react';
-import clsx from 'clsx';
-import styles from './HomepageFeatures.module.css';
+import './../styles/HomepageFeatures.scss';
 
 const FeatureList = [
   {
-    title: 'Easy to Use',
+    title: 'Search & Shortcuts',
     description: (
       <>
-        Docusaurus was designed from the ground up to be easily installed and
-        used to get your website up and running quickly.
+        Quisque ut dolor gravida, placerat libero vel, euismod. Ambitioni dedisse
+        scripsisse iudicaretur.Donec sed odio operae, eu vulputate felis rhoncus.
+        Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae.
       </>
     ),
   },
   {
-    title: 'Focus on What Matters',
+    title: 'Theming',
     description: (
       <>
         Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
@@ -22,7 +22,7 @@ const FeatureList = [
     ),
   },
   {
-    title: 'Powered by React',
+    title: 'Customizable Layouts',
     description: (
       <>
         Extend or customize your website layout by reusing React. Docusaurus can
@@ -32,29 +32,27 @@ const FeatureList = [
   },
 ];
 
-function Feature({ title, description }) {
+function Feature({ title, description, index }) {
+  const side = index % 2 == 0 ? 'left' : 'right';
   return (
-    <div className={clsx('col col--4')}>
-      <div className="text--center">
-      </div>
-      <div className="text--center padding-horiz--md">
+    <div className={`feature align-${side}`}>
+      <div className="feature-half">
         <h3>{title}</h3>
         <p>{description}</p>
       </div>
+      <div className="feature-half">
+        <p>Static Asset will go here</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 className="home-page-features-wrapper">
+      {FeatureList.map((props, index) => (
+        <Feature key={index} index={index} {...props} />
+      ))}
     </section>
   );
 }

src/components/HomepageFeatures.module.css

@@ -1,13 +0,0 @@
-/* stylelint-disable docusaurus/copyright-header */
-
-.features {
-  display: flex;
-  align-items: center;
-  padding: 2rem 0;
-  width: 100%;
-}
-
-.featureSvg {
-  height: 200px;
-  width: 200px;
-}

src/styles/HomePageFeatures.scss

@@ -0,0 +1,18 @@
+
+.home-page-features-wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 90%;
+  margin: 0 auto;
+  max-width: 1200px;
+  .feature {
+    display: flex;
+    padding: 0;
+    margin: 0;
+    &.align-left { flex-direction: row; }
+    &.align-right { flex-direction: row-reverse; }
+    .feature-half {
+      width: 50%;
+    }
+  }
+}