Format site title as hero bar with logo

weavejester · weavejester · commit 452d5896d349 · 2025-09-30T22:46:31.000+01:00
diff --git a/site/index.html b/site/index.html
@@ -1,21 +1,26 @@
 <!DOCTYPE html>
-<html>
+<html class="theme-dark">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>The Duct Framework</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Special+Gothic+Condensed+One&display=swap">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css">
+    <link rel="stylesheet" href="style.css">
   </head>
   <body>
-  <section class="section">
-    <div class="container">
-      <h1 class="title">
-        Duct
-      </h1>
-      <p class="subtitle">
-        A server-side framework for Clojure
-      </p>
-    </div>
-  </section>
+    <section class="hero is-medium">
+      <div class="hero-body">
+        <div class="container has-text-centered">
+          <h1 class="title">
+            <img class="logo" src="logo.svg">
+            Duct
+          </h1>
+          <p class="subtitle">A server-side framework for Clojure</p>
+        </div>
+      </div>
+    </section>
   </body>
 </html>
diff --git a/site/logo.svg b/site/logo.svg
@@ -0,0 +1 @@
+../logo.svg
diff --git a/site/style.css b/site/style.css
@@ -0,0 +1,10 @@
+.hero .title {
+  font-family: "Special Gothic Condensed One", sans-serif;
+  font-weight: bold;
+  font-size: 128px;
+}
+
+.hero .title .logo {
+  width: 92px;
+  height: 92px;
+}
