ROR baby

_includes/head.html

@@ -14,7 +14,7 @@
 
   <link
     rel="stylesheet"
-    href="/css/ibm-plex-mono.css?v={{ site.time | date: '%s' }}"
+    href="/css/bombardier.css?v={{ site.time | date: '%s' }}"
   />
   <link
     rel="stylesheet"

_sass/_base.scss

@@ -29,6 +29,7 @@ html {
   font-family: $base-font-family;
   color: $text-color;
   background-color: $background-color;
+  -webkit-text-stroke: 0.25px #888;  
 }
 
 /* Images */
@@ -62,7 +63,9 @@ h6 {
 /* Links */
 a {
   color: $brand-color;
+  background: $nav-bg;
   text-decoration: none;
+  -webkit-text-stroke: 0.25px #1B1256;  
   font-weight: bold;
 
   &:visited {
@@ -118,6 +121,10 @@ code {
   background: $nav-col;
 }
 
+a code {
+  background: $nav-bg;
+}
+
 /* Disable borders between line numbers and code when
  * line numbers are shown */
 code .rouge-table,

_sass/_layout.scss

@@ -1,7 +1,7 @@
 /* vim: set ts=2 sw=2 et tw=80: */
 body {
   background-color: $background-color;
-  font-family: "IBM Plex Mono", monospace;
+  font-family: "Bombardier", sans-serif;
   display: flex;
   min-height: 100vh;
   flex-direction: column;

css/bombardier.css

@@ -0,0 +1,8 @@
+/* vim: set ts=2 sw=2 et tw=80: */
+
+@font-face {
+  font-family: "Bombardier";
+  font-style: normal;
+  font-weight: 400;
+  src: url(/webfonts/bombardier.ttf) format("truetype");
+}

css/ibm-plex-mono.css

@@ -1,44 +0,0 @@
-/* vim: set ts=2 sw=2 et tw=80: */
-
-/* latin-ext */
-@font-face {
-  font-family: "IBM Plex Mono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(/webfonts/ibm-plex-mono-latin-ext-400.woff2) format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: "IBM Plex Mono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(/webfonts/ibm-plex-mono-latin-400.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-    U+FEFF, U+FFFD;
-}
-/* latin-ext */
-@font-face {
-  font-family: "IBM Plex Mono";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(/webfonts/ibm-plex-mono-latin-ext-700.woff2) format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: "IBM Plex Mono";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(/webfonts/ibm-plex-mono-latin-700.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-    U+FEFF, U+FFFD;
-}

css/main.scss

@@ -5,7 +5,7 @@
 
 // Our variables
 $base-font-family: monospace;
-$base-font-size: 15px;
+$base-font-size: 17px;
 $base-font-weight: 200;
 $small-font-size: $base-font-size * 0.875;
 $base-line-height: 1.5;
@@ -16,7 +16,7 @@ $nav-bg: #222;
 $nav-col: #eee;
 $text-color: $nav-bg;
 $background-color: $nav-col;
-$brand-color: #ff6000;
+$brand-color: #D3B5F0;
 $border: 3px solid $brand-color;
 
 // Width of the content area

index.html

@@ -53,11 +53,11 @@ layout: main
     <p>Listed below are some websites served by this server:</p>
     <ul>
       <li>
-        <a href="https://git.maggioni.xyz">Gitea</a>, a private Git HTTP
+        <a href="https://git.maggioni.xyz">git.maggioni.xyz</a>, a private Git HTTP
         frontend;
       </li>
       <li>
-        <a href="https://cloud.maggioni.xyz"><code>maggioni.xyz</code> cloud</a
+        <a href="https://cloud.maggioni.xyz">cloud.maggioni.xyz</a
         >, a private <em>Nextcloud</em> instance;
       </li>
     </ul>