Add the cute FI icon into szmgr and szb header

cafour · Jan 7, 2024 · 22bd267 · 22bd267
1 parent bd9d9aa
commit 22bd267
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/_includes/layouts/question.tsx b/_includes/layouts/question.tsx
@@ -30,6 +30,7 @@ export default ({
     <>
       <nav class="nav">
         <a href={home} class="nav-header">
+          <img src="/icons/fi.png" class="logo" />
           {course}
         </a>
         {groups.map((g) => (

diff --git a/_includes/styles/question.scss b/_includes/styles/question.scss
@@ -81,4 +81,15 @@ html, body {
     ol, ul {
         padding-left: 2rem;
     }
+
+    // Based on https://stackoverflow.com/questions/14068103/disable-antialising-when-scaling-images
+    .logo {
+        image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
+        image-rendering: -moz-crisp-edges;          /* Firefox                        */
+        image-rendering: -o-crisp-edges;            /* Opera                          */
+        image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
+        image-rendering: pixelated;                 /* Universal support since 2021   */
+        image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
+        -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
+    }
 }