feat(website): add motivation again

website/index.html

@@ -30,13 +30,26 @@
     <h1 class="noel-title">
         A universal, human-centric, replayable javascript event emitter.
     </h1>
-
     <div class="noel-read-more">
         <div class="github-button-container">
             <a class="github-button" href="https://github.com/lifenautjoe/noel" data-show-count="true"
                aria-label="Star lifenautjoe/webpack3-starter on GitHub">Star</a>
         </div>
     </div>
+    <div class="noel-read-more">
+        <h2>Motivation</h2>
+        <p>
+            The world just like software is full of events. Sometimes these events occur while we are busy doing other things.
+            Wouldn't it be nice to have a way to replay all events?
+
+            <strong>Noel is the way.</strong>
+        </p>
+        <p>
+            <mark>
+                By being able to replay events we can design reactive systems without having to worry about timing.
+            </mark>
+        </p>
+    </div>
     <div class="noel-read-more">
         <h2>Installation</h2>
         <pre><code>$ npm install noel</code></pre>

website/src/styles/index.scss

@@ -16,13 +16,17 @@ h1 {
 
 h2{
     font-size: 120%;
-    margin-top: 2.1rem;
+    margin-top: 1.8rem;
 }
 
 a{
     color: inherit;
 }
 
+p{
+    margin: 0.5rem 0;
+}
+
 pre{
     margin: 0;
     padding: 0;