I love svg

home/docs/installation.md

@@ -1,6 +1,12 @@
 ---
 title: Installation Guide | Collapse Launcher
 ---
+<script setup>
+    import WinKey from '../scripts/WinKey.vue';
+    if (typeof document !== 'undefined') {
+        document.title = "Installation Guide | Collapse Launcher";
+    }
+</script>
 
 # How-To: Install
 Installing Collapse Launcher is very easy. Everything you need to run the app is included as self-packaged application. Just need to download, install (optional), and run!
@@ -10,7 +16,7 @@ While this guide is pretty old, you can still use this guide as a general guidel
 :::
 
 ## Preparation Before Installing
-<p>Before installing, make sure that you're using Windows 10 (Version 1809 or above) or Windows 11 (any version). While Collapse <em>may</em> run on older versions or other operating systems, support <strong>will not be provided</strong>. To check your Windows build, press <kbd><img src="/img/logo/winKb.png" alt="Windows Key" style="display:inline;"/></kbd> + <kbd>R</kbd> on your keyboard and type <code>winver</code> &gt; press <code>Enter</code> or just click <kbd>OK</kbd>.</p>
+<p>Before installing, make sure that you're using Windows 10 (Version 1809 or above) or Windows 11 (any version). While Collapse <em>may</em> run on older versions or other operating systems, support <strong>will not be provided</strong>. To check your Windows build, press <kbd><WinKey/></kbd> + <kbd>R</kbd> on your keyboard and type <code>winver</code> &gt; press <code>Enter</code> or just click <kbd>OK</kbd>.</p>
 
 <figure style="text-align: center;">
   <img src="/img/docs/winver.png" alt="Run winver" title="Run winver" style="display: block; margin: 0 auto;" width="480">

home/scripts/SignPathLogo.vue

@@ -1,6 +1,6 @@
 <template>
   <a href="https://signpath.org/about/" class="logo-container" target="_blank">
-    <img src="/img/logo/signpath.png" alt="SignPath Logo" class="logo" loading="lazy" />
+    <img src="/img/logo/signpath.svg" alt="SignPath Logo" class="logo" loading="lazy" />
   </a>
 </template>
 

home/scripts/WinKey.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg width="16" height="16" viewBox="0 0 10 11" class="win-key" fill="currentColor">
+    <title>Windows Key</title>
+    <g transform="matrix(.947 0 0 .949 -.19 .354)">
+      <path d="m10.7 5.95v4.85l-5.57-0.87v-3.99z"/>
+      <path d="m5.13 1.13 5.57-0.804v4.774h-5.57z"/>
+      <path d="m4.39 5.91v3.95l-4.126-0.57v-3.4z"/>
+      <path d="m0.261 1.77 4.129-0.57v3.95h-4.127z"/>
+    </g>
+  </svg>
+</template>
+
+<script setup>
+// No script needed for this component
+</script>
+
+<style scoped>
+.win-key {
+  display: inline;
+  vertical-align: sub;
+}
+</style>