smileos

static/css/bases/base.css

@@ -11,6 +11,18 @@
     font-weight:normal;
     font-style:normal;
 }
+@font-face {
+    font-family:"Ultrafont";
+    src:url("/static/content/fonts/ultrakill-font.woff2") format("woff2");
+    font-weight:normal;
+    font-style:normal;
+}
+@font-face {
+    font-family:"Ultrafont2";
+    src:url("/static/content/fonts/ultrakill-font-2.woff2") format("woff2");
+    font-weight:normal;
+    font-style:normal;
+}
 
 :root {
     --primary-color: #5cdd8b;
@@ -24,6 +36,10 @@
     --title-font: 'Roboto Mono', sans-serif;
     --irken-font: 'Irken';
     --scratch-font: 'Scratch';
+    --ultrafont-font: 'Ultrafont';
+    --smileos2-box: url(/static/content/smileos/SmileOS_2_Box.webp) 17 3 3 fill / 51px 9px 9px;
+    --smileos2-font: 'Ultrafont2';
+    --smileos2-emphasis: #FF4343;
 }
 
 body {
@@ -227,6 +243,15 @@ main section a {
     text-decoration: none;
 }
 
+.smileos {
+    border-image: var(--smileos2-box);
+    padding: 54px 15px 12px;
+    image-rendering: pixelated;
+    font-size: 1.25rem;
+    font-family: var(--smileos2-font);
+    color: #fff;
+}
+
 #furry {
     position: fixed;
     left: 0;
@@ -255,6 +280,10 @@ main section a {
     font-family: var(--scratch-font);
 }
 
+.ultrafont {
+    font-family: var(--ultrafont-font);
+}
+
 #alt-nav {
     display: none;
     backdrop-filter: blur(2px) brightness(0.6);