Tweak index page to be more like docs

Author: weavejester

site/index.html

@@ -35,7 +35,7 @@ <h1 class="title">
     <section class="section">
       <div class="container is-max-tablet">
         <p class="is-size-4">
-          Define the structure of your application as <strong>pure data</strong>.
+          Define the structure of your application as <strong>pure data</strong>
         </p>
         <p>
           Instead of a prescribed file tree, Duct uses a Clojure data structure
@@ -87,7 +87,7 @@ <h5>After expansion</h5>
     <section class="section">
       <div class="container is-max-tablet">
         <p class="is-size-4">
-          Write the rest of your code in idiomatic <strong>Clojure</strong>.
+          Write the rest of your code in idiomatic <strong>Clojure</strong>
         </p>
         <p>
           The top-level keywords in <code>duct.edn</code> are linked to normal
@@ -105,7 +105,7 @@ <h5>After expansion</h5>
     <section class="section">
       <div class="container is-max-tablet">
         <p class="is-size-4">
-          Get a Duct project started in only <strong>a few commands</strong>.
+          Get a Duct project started in only <strong>a few commands</strong>
         </p>
         <p>
           Duct makes it easy to get going. All you need is the

site/style.css

@@ -39,6 +39,7 @@ p a:hover {
   margin-top: 3rem;
   padding-top: 1.5em;
   padding-bottom: 5rem;
+  font-size: 90%;
 }
 
 .nav-buttons {
@@ -59,13 +60,13 @@ p a:hover {
 }
 
 section.section {
-  padding-top: 2.5rem;
+  padding-top: 2.0rem;
   padding-bottom: 1rem;
 }
 
 p {
   font-family: "Open Sans", sans-serif;
-  padding: 0.1rem 0;
+  padding: 0.5rem 0;
 }
 
 p strong {
@@ -74,6 +75,7 @@ p strong {
 
 code {
   font-family: JetBrains Mono, monospace;
+  color: white;
 }
 
 pre.highlight {
@@ -85,8 +87,8 @@ pre.highlight {
 
 pre.highlight code {
   font-size: 1rem;
-  border: 1px solid #666;
-  border-radius: 10px;
+  border: 1px solid #555;
+  border-radius: 5px;
   background: #292929;
   padding: 15px;
 }