bring back the uwu logo

Author: jay-es

.vitepress/config.ts

@@ -654,6 +654,14 @@ export default defineConfigWithTheme<ThemeConfig>({
         'utf-8'
       )
     ],
+    [
+      'script',
+      {},
+      fs.readFileSync(
+        path.resolve(__dirname, './inlined-scripts/uwu.js'),
+        'utf-8'
+      )
+    ],
     [
       'script',
       {

.vitepress/inlined-scripts/uwu.js

@@ -0,0 +1,3 @@
+if (location.search.includes('?uwu')) {
+  document.documentElement.classList.add('uwu')
+}

.vitepress/theme/components/Home.vue

@@ -11,6 +11,7 @@ onMounted(load)
 
 <template>
   <section id="hero">
+    <img id="uwu" alt="Vue.js Kawaii Logo by @icarusgkx" />
     <h1 class="tagline">
       The
       <span class="accent">Progressive</span>
@@ -358,4 +359,23 @@ html:not(.dark) .accent,
     font-size: 36px;
   }
 }
+
+#uwu {
+  display: none;
+}
+
+/* .uwu #uwu {
+  display: block;
+  width: 100%;
+  max-width: 720px;
+  margin: -120px auto -20px;
+  aspect-ratio: 192 / 108;
+  content: url(/logo-uwu.png);
+}
+
+@media (max-width: 576px) {
+  .uwu #uwu {
+    margin: -60px auto -10px;
+  }
+} */
 </style>