chore: tiny beautification

barelyhuman · barelyhuman · commit dd3e79e7a33b · 2024-11-26T14:01:23.000+05:30
diff --git a/index.html b/index.html
@@ -1 +1,26 @@
-<p>Coming soon...</p>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Tiny Town.Studio</title>
+    <script type="module" src="/uno.mjs"></script>
+    <style id="uno">
+      [un-cloak] {
+        display: none;
+      }
+    </style>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@unocss/reset/tailwind.min.css"
+    />
+  </head>
+  <body class="max-w-2xl mx-auto px-2 py-2 bg-bg" un-cloak>
+    <hgroup>
+      <h2 class="font-semibold">TinyTown.studio</h2>
+    </hgroup>
+    <div class="flex flex-col gap-4 mt-10">
+      <p class="text-sm">Coming soon...</p>
+    </div>
+  </body>
+</html>
diff --git a/uno.mjs b/uno.mjs
@@ -0,0 +1,26 @@
+import presetWind from "https://esm.sh/@unocss/preset-wind@0.57.7";
+import presetUno from "https://esm.sh/@unocss/preset-uno@0.57.7";
+import presetTypography from "https://esm.sh/@unocss/preset-typography@0.57.7";
+import { createGenerator } from "https://esm.sh/@unocss/core@0.57.7";
+
+const uno = createGenerator({
+  theme: {
+    colors: {
+      dark: "var(--dark)",
+      light: "var(--light)",
+      gray: "var(--gray)",
+      accent: "var(--accent)",
+      bg: "var(--bg)",
+    },
+  },
+  presets: [presetUno(), presetWind(), presetTypography()],
+});
+
+const style = document.querySelector("style#uno");
+
+const container = document.body.parentElement.innerHTML;
+const { css } = await uno.generate(container, {
+  id: "index.html",
+});
+
+style.innerHTML = css;
