Tweak site information sections

Author: weavejester

site/index.html

@@ -28,23 +28,30 @@ <h1 class="title">
     </section>
     <section class="section">
       <div class="container is-max-tablet">
-        <p class="is-size-5">
-          Define the structure of your application as pure data in
-          <strong>duct.edn</strong>.
+        <p class="is-size-4">
+          Duct defines the structure of your application as <strong>pure
+          data</strong>.
+        </p>
+        <p>
+          A data structure is far more powerful than a prescribed
+          file tree from an application template.
         </p>
         <pre class="highlight"><code class="language-clojure">{:system
  {:duct.module/logging {}
   :duct.module/sql {:migrations #duct/include "db/migrations.edn"}
   :duct.module/web {:features #{:api}
                     :routes [["/items" #ig/ref :demo.routes/items]]}
   :demo.routes/items {:db #ig/ref :duct.database/sql}}}</code></pre>
-        <p class="is-size-6">
-          <strong>Modules</strong> remove repetition while still allowing you
-          to override any data they add.
+      </div>
+    </section>
+    <section class="section">
+      <div class="container is-max-tablet">
+        <p class="is-size-4">
+          Instead of templates and generators, Duct has <strong>modules</strong>.
         </p>
-        <p class="is-size-6">
-          Use <strong>functions</strong> and <strong>multimethods</strong> to
-          define the behavior of your components.
+        <p>
+          Modules expand out into extra configuration that you can inspect and
+          optionally override.
         </p>
         <pre class="highlight"><code class="language-clojure">(ns demo.routes
   (:require [next.jdbc :as jdbc]))

site/style.css

@@ -30,11 +30,12 @@
 
 section.section {
   padding-top: 2rem;
+  padding-bottom: 0.5rem;
 }
 
 p {
   font-family: "Open Sans", sans-serif;
-  margin-bottom: 1em;
+  padding: 0.1rem 0;
 }
 
 pre.highlight {