Create split column module example for site

Author: weavejester

site/index.html

@@ -58,6 +58,30 @@ <h1 class="title">
           Modules expand out into extra configuration that you can inspect and
           optionally override.
         </p>
+        <div class="columns split-view">
+          <div class="column left">
+            <pre class="highlight"><code class="language-clojure">
+{:duct.module/logging {}}
+
+            </code></pre>
+          </div>
+          <div class="column right">
+            <pre class="highlight"><code class="language-clojure">{:duct.logger/simple
+ {:appenders
+  [{:type :stdout, :brief? true, :levels #{:report}}
+   {:type :file, :path "logs/repl.log"}]}}</code></pre>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section class="section">
+      <div class="container is-max-tablet">
+        <p class="is-size-4">
+          Lorem ipsum
+        </p>
+        <p>
+          Lorem ipsum dolar.
+        </p>
         <pre class="highlight"><code class="language-clojure">(ns demo.routes
   (:require [next.jdbc :as jdbc]))
 

site/style.css

@@ -58,3 +58,19 @@ pre.highlight code {
   background: #292929;
   padding: 15px;
 }
+
+.split-view {
+  margin: 0;
+}
+
+.split-view .column {
+  padding: 1px;
+}
+
+.split-view .left pre.highlight code {
+  border-radius: 10px 0 0 10px;
+}
+
+.split-view .right pre.highlight code {
+  border-radius: 0 10px 10px 0;
+}