made homepage more welcoming and intuative; closes #16; closes #15

Author: Steve Krouse

index.html

@@ -45,14 +45,18 @@
     }
 
     #title {
-      margin-bottom: 30px;
       color: #00c784;
     }
 
     #title > h3 {
       font-size: 35px;
     }
 
+    #welcome {
+      margin-top: 20px;
+      margin-bottom: 20px;
+    }
+    
     .date  {
       color: #aaa;
       font-size: 90%;
@@ -98,8 +102,13 @@
       <h3>Future of Coding</h3>
     </div>
 
+    <div id="welcome">
+      <p>Hello! I'm Steve Krouse. Welcome to my podcast and <a href="./journal">open-journal</a> research project to create the future of coding.</p>
+      <p>Every week (or so) I release a new podcast, alternating between recapping my own research over the past two weeks and interviewing programming experts.</p>
+      <p>If you have something to add to the conversation, don't hesitate to reach out on <a target="_blank" href="https://github.com/stevekrouse/futureofcoding.org">Github</a>, <a target="_blank" href="https://twitter.com/stevekrouse">Twitter</a> or email me via steve at futureofcoding.org.</p>
+    </div>
 
-    <div>
+    <div id="episodes">
       <h4>Episodes</h4>
       <ul class="list-unstyled">
         <li><span class="date">2016 Jul 21 - </span><a target="_blank" href="./episodes/6-research-recap-three.html">#6 - Research Recap Three (WoofJS Workflow)</a></li>
@@ -114,9 +123,9 @@ <h4>Episodes</h4>
     <div>
       <h4>Current Research</h4>
       <ul class="list-unstyled">
-        <li><span class="date">2017 Jul 25 - </span><a target="_blank" href="./ideas">Prototype Ideas</a></li>
-        <li><span class="date">2017 Jul 17 - </span><a target="_blank" href="./links">Links</a></li>
-        <li><span class="date">2017 Jul 13 - </span><a target="_blank" href="./journal">Journal</a></li>
+        <li><span class="date">2017 Jul 25 - </span><a target="_blank" href="./ideas">Prototype Ideas</a> - different ideas I'm considering prototyping or blogging about</li>
+        <li><span class="date">2017 Jul 17 - </span><a target="_blank" href="./links">Links</a> - my research into others' work in this field</li>
+        <li><span class="date">2017 Jul 13 - </span><a target="_blank" href="./journal">Journal</a> - 3x per week I write here about my progress</li>
       </ul>
     </div>