Improve font on site example code

Author: weavejester

site/index.html

@@ -6,7 +6,7 @@
     <title>The Duct Framework</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/an-old-hope.min.css">
     <link rel="stylesheet" href="style.css">
@@ -61,15 +61,21 @@ <h1 class="title">
         <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>
+  [{:type :stdout
+    :brief? true
+    :levels #{:report}}
+   {:type :file
+    :path "logs/repl.log"}]}}</code></pre>
           </div>
         </div>
       </div>
@@ -85,7 +91,7 @@ <h1 class="title">
         <pre class="highlight"><code class="language-clojure">(ns demo.routes
   (:require [next.jdbc :as jdbc]))
 
-(defn list-items [{:keys [db]}]
+(defn items [{:keys [db]}]
   (fn handler [_request]
     {:body {:results (jdbc/execute! db ["SELECT * FROM items"])}}))</code></pre>
       </div>

site/style.css

@@ -54,6 +54,8 @@ pre.highlight {
 }
 
 pre.highlight code {
+  font-family: JetBrains Mono, monospace;
+  font-size: 1rem;
   border: 1px solid #2e8665;
   border-radius: 10px;
   background: #292929;