Merge branch 'chrisdothtml-feature/root-intro' into develop

skipjack · skipjack · commit a7524657b8c8 · 2016-10-17T17:06:14.000-04:00
diff --git a/components/splash/splash-style.scss b/components/splash/splash-style.scss
@@ -4,9 +4,7 @@
   &__viz {
     position:relative;
     display:flex;
-    height:100vh;
-    min-height:600px;
-    max-height:900px;
+    height:500px;
   }
 
   &__modules,
diff --git a/components/splash/splash.jsx b/components/splash/splash.jsx
@@ -20,24 +20,12 @@ export default props => {
         </Container>
       </section>
       <section className="splash__viz">
-        <div className="splash__modules">
-
-        </div>
-
         <div className="splash__icon">
           <Cube className="splash__cube" depth={ 150 } />
         </div>
 
-        <div className="splash__output">
-
-        </div>
-
         <span className="splash__headline">
-          webpack transforms your&nbsp;
-          <Link to="/concepts/modules">modules</Link>
-          &nbsp;into production-ready&nbsp;
-          <Link to="/concepts/output">bundles</Link>
-          &nbsp;and assets
+          Who said front-end code can't be modular?
         </span>
       </section>
 
diff --git a/content/index.md b/content/index.md
@@ -1,5 +1,46 @@
----
-title: Splash Content
----
+**index.js**
 
-Still debating what to do with this section.
+```js
+const foo = require('./foo.js')
+
+foo.bar()
+```
+
+**foo.js**
+
+```js
+module.exports = {
+  bar: function () {
+    //
+  }
+}
+```
+
+## Bundle your [modules](/concepts/modules) with webpack.
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  entry: './index.js',
+  output: {
+    path: 'bundle.js'
+  }
+}
+```
+
+**page.html**
+
+```html
+<html>
+  <head>
+    ...
+  </head>
+  <body>
+    ...
+    <script src="/bundle.js"></script>
+  </body>
+</html>
+```
+
+## It's really that simple. [Get started](/get-started) now!
