changed reaction images to use specific temp images

src/lib/components/reaction-quote.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    // currently available reactions: pointing, joy, quote
+    // currently available reactions: pointing, joy, quote, warn
     let {
         reaction,
         text,
@@ -16,6 +16,8 @@
                 return "";
             case "pointing":
                 return "";
+            case "warn":
+                return "";
             default:
                 return "reaction image missing";
         }

src/lib/viewport/footer.svelte

@@ -70,7 +70,8 @@
         font-weight: 400;
         color: var(--color-text);
         text-decoration: none;
-        font-size: 1rem;
+        font-size: var(--font-size-mono);
+        line-height: var(--font-line-height-mono);
         margin: 0;
     }
 

src/routes/+layout.svelte

@@ -142,10 +142,11 @@
             --anim-curve: cubic-bezier(0.22, 1, 0.36, 1);
 
             /* fonts */
-            --font-line-height: 1.6rem;
+            --font-line-height: 1.5rem;
+            --font-line-height-mono: 1.4rem;
 
             --font-sans-serif: 'Bai Jamjuree', 'OpenMoji', sans-serif;
-            --font-size-sans-serif: 1.1rem;
+            --font-size-sans-serif: 1.08rem;
 
             --font-mono: 'Kode Mono', 'OpenMoji', monospace;
             --font-size-mono: 0.9em;
@@ -184,7 +185,6 @@
 
         body {
             font-family: var(--font-sans-serif);
-            font-size: 1.2rem;
             color: var(--color-text); /* text colour */
             
             margin: 0;
@@ -202,7 +202,7 @@
             color: var(--color-text);
             font-size: var(--font-size-sans-serif);
             line-height: var(--font-line-height);
-            margin: 12px 0;
+            margin: 8px 0;
             font-weight: 400;
         }
 

src/routes/+page.svelte

@@ -197,7 +197,7 @@
     }
 
     .me-img {
-        width: 9.6rem;
+        width: 10.2rem;
         float: left;
         margin: 16px 12px 0 0;
     }

src/routes/meta/about/+page.svelte

@@ -120,7 +120,7 @@
 
     <TableOfContents />
 
-    <p>Hi there! I'm Deniz (he/him/they). Welcome to my website!</p>
+    <p>Hi there! I'm Deniz (they/them). Welcome to my website!</p>
 
     <p>If you found this page, you may be interested in further information. And further information you shall get! I wrote a little bit about myself as well as how I made this website down below.</p>
 

src/routes/projects/+page.svelte

@@ -162,9 +162,9 @@
         font-weight: 700;
     }
 
-    .project-subtitle {
+    /* .project-subtitle {
         
-    }
+    } */
 
     .project-date {
         font-style: italic;
@@ -198,26 +198,4 @@
             line-height: 1.4rem;
         }
     }
-
-    /* #region Project Status Colours */
-    .project-status-c-act {
-        --color-status: var(--color-highlight);
-    }
-
-    .project-status-c-ina {
-        --color-status: #B89751;
-    }
-
-    .project-status-c-aba {
-        --color-status: #D15555;
-    }
-
-    .project-status-c-fin {
-        --color-status: #5486D8;
-    }
-
-    .project-status-c-eol {
-        --color-status: #C353C1;
-    }
-    /* #endregion */
 </style>