feat: build leuschke.site with pixel design system, vue 3, tailwind

src/assets/main.css

@@ -0,0 +1,32 @@
+@import "tailwindcss";
+
+@theme {
+  --color-olive: #5B7440;
+  --color-olive-dark: #4A5F34;
+  --color-olive-light: #7A9B57;
+  --color-olive-pale: #A8C686;
+  --color-beige: #E8DCC8;
+  --color-beige-light: #F5EFE0;
+  --color-beige-dark: #C4B89A;
+  --color-orange: #E8813A;
+  --color-orange-light: #F4A460;
+  --color-orange-dark: #C0652A;
+  --font-pixel: "Press Start 2P", sans-serif;
+  --font-body: "Silkscreen", sans-serif;
+}
+
+@layer base {
+  * {
+    image-rendering: pixelated;
+  }
+
+  body {
+    font-family: var(--font-body);
+    transition: background-color 0.2s ease, color 0.2s ease;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-family: var(--font-pixel);
+    line-height: 2;
+  }
+}

src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>