Update style of site header

weavejester · weavejester · commit 72ff5a1eb91c · 2025-10-01T04:51:34.000+01:00
diff --git a/site/index.html b/site/index.html
@@ -6,12 +6,12 @@
     <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://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=Roboto:ital,wght@0,100..900;1,100..900&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="hero is-medium">
+    <section class="hero">
       <div class="hero-body">
         <div class="container has-text-centered">
           <h1 class="title">
diff --git a/site/style.css b/site/style.css
@@ -1,10 +1,24 @@
 .hero .title {
-  font-family: "Special Gothic Condensed One", sans-serif;
+  font-family: "Bebas Neue", sans-serif;
   font-weight: bold;
-  font-size: 128px;
+  font-size: 126px;
+}
+
+.hero .subtitle {
+  font-family: "Barlow Condensed", sans-serif;
+  font-size: 26px;
+  margin-top: -15px;
 }
 
 .hero .title .logo {
   width: 92px;
   height: 92px;
 }
+
+.hero .hero-body {
+  background: #292929;
+}
+
+p {
+  font-family: "Roboto", sans-serif;
+}
