feat: init

2025-10-20 10:04:31 -04:00 · 2025-10-20 10:04:31 -04:00 · 1edac10764
commit 1edac10764
3 changed files with 100 additions and 0 deletions
--- a/20
+++ b/20
@ -0,0 +1,20 @@
+ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+ ▏ cat ~dee/README                                            x ▕
+ ▏▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▕
+ ▏                           >(o.o)<                            ▕
+ ▏                                                              ▕
+ ▏ hello, i'm Dee ~ a.k.a. deerranged.                          ▕
+ ▏                                                              ▕
+ ▏ i make stuff every now and then. i'm into a bunch of things, ▕
+ ▏ but my main interests are in programming & graphic design.   ▕
+ ▏                                                              ▕
+ ▏ i'm rarely around town, but you may still see me sometimes,  ▕
+ ▏ so don't be a stranger!                                      ▕
+ ▏                                                              ▕
+ ▏ other places you can find me:                                ▕
+ ▏                                                              ▕
+ ▏ website   ▪ soon™                                            ▕
+ ▏ fediverse ▪ @dee@mice.tel                                    ▕
+ ▏ bluesky   ▪ @ralsei.tech                                     ▕
+ ▏                                                              ▕
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
--- a/index.html
+++ b/index.html
@ -0,0 +1,34 @@
+<!doctype html>
+<html>
+  <head>
+    <title>cat ~dee/README</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body lang="en">
+    <pre id="b"></pre>
+    <script>
+      let b = document.getElementById("b");
+
+      let m = [
+        "Dee",
+        "deerranged",
+        "@dee@mice.tel=https://mice.tel/@dee",
+        "@ralsei.tech=https://bsky.app/profile/did:plc:4msmxsm6kszl6qaucrkge7w2",
+      ];
+
+      fetch("README")
+        .then((r) => r.text())
+        .then((r) => {
+          m.forEach((i) => {
+            let s = i.split("=");
+            r = r.replace(
+              s[0],
+              `<a${s.length == 2 ? ` rel="me" href="${s[1]}"` : ""}>${s[0]}</a>`,
+            );
+          });
+
+          b.innerHTML = r;
+        });
+    </script>
+  </body>
+</html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,46 @@
+@font-face {
+  font-family: "DM Mono";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src:
+    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-400-normal.woff2)
+      format("woff2"),
+    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-400-normal.woff)
+      format("woff");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
+    U+2215, U+FEFF, U+FFFD;
+}
+
+:root {
+  --font: "DM Mono", monospace;
+
+  --primary: white;
+  --base: black;
+
+  --accent: #ff4180;
+}
+
+body {
+  background: var(--base);
+}
+pre {
+  color: var(--primary);
+
+  font-family: var(--font);
+  white-space: pre-wrap;
+}
+
+a {
+  color: var(--accent);
+
+  text-decoration: underline dotted;
+
+  /*transition-duration: .1s;
+				transition-property: opacity;*/
+}
+a:hover {
+  opacity: 0.6;
+}