From e96a07a48cd23732fcec074c2791258ecfde7529 Mon Sep 17 00:00:00 2001 From: eti Date: Tue, 4 Aug 2026 16:18:42 +0200 Subject: [PATCH] docs: replace ascii dolly hero with svg illustration Signed-off-by: eti --- docs/scripts/gen-ascii-dolly.mjs | 34 -------------------------------- docs/src/assets/dolly.svg | 28 ++++++++++++++++++++++++++ docs/src/content/docs/index.mdx | 28 ++------------------------ docs/src/styles/custom.css | 14 ------------- 4 files changed, 30 insertions(+), 74 deletions(-) delete mode 100644 docs/scripts/gen-ascii-dolly.mjs create mode 100644 docs/src/assets/dolly.svg diff --git a/docs/scripts/gen-ascii-dolly.mjs b/docs/scripts/gen-ascii-dolly.mjs deleted file mode 100644 index 5a07fecab..000000000 --- a/docs/scripts/gen-ascii-dolly.mjs +++ /dev/null @@ -1,34 +0,0 @@ -// renders the dolly logo (public/apple-touch-icon.png) as ascii art -// and prints it, ready to paste into the hero.image.html 
 in
-// src/content/docs/index.mdx:
-//
-//   node scripts/gen-ascii-dolly.mjs
-import { dirname, join } from "node:path";
-import { fileURLToPath } from "node:url";
-import sharp from "sharp";
-
-// monospace glyphs are roughly twice as tall as they are wide
-const COLS = 46;
-const ROWS = 23;
-const RAMP = " .:-=+*#%@";
-
-const root = join(dirname(fileURLToPath(import.meta.url)), "..");
-const png = join(root, "public", "apple-touch-icon.png");
-
-const { data, info } = await sharp(png)
-  .resize(COLS, ROWS, { fit: "fill" })
-  .ensureAlpha()
-  .raw()
-  .toBuffer({ resolveWithObject: true });
-
-const lines = [];
-for (let y = 0; y < info.height; y++) {
-  let line = "";
-  for (let x = 0; x < info.width; x++) {
-    const alpha = data[(y * info.width + x) * 4 + 3];
-    line += RAMP[Math.round((alpha / 255) * (RAMP.length - 1))];
-  }
-  lines.push(line.trimEnd());
-}
-
-console.log(lines.join("\n").replace(/^\n+|\n+$/g, ""));
diff --git a/docs/src/assets/dolly.svg b/docs/src/assets/dolly.svg
new file mode 100644
index 000000000..0e9ed710b
--- /dev/null
+++ b/docs/src/assets/dolly.svg
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx
index b401e9d0d..4e51b46c4 100644
--- a/docs/src/content/docs/index.mdx
+++ b/docs/src/content/docs/index.mdx
@@ -7,32 +7,8 @@ head:
 template: splash
 hero:
   image:
-    html: |
-      
+    file: ../../assets/dolly.svg
+    alt: Dolly, the Tangled sheep
   title: Docs and self-hosting guides for Tangled
   tagline: Tangled is a decentralized code hosting and collaboration platform built on the AT Protocol. Every component is open-source and self-hostable.
   actions:
diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
index c51171302..ee9bad7d3 100644
--- a/docs/src/styles/custom.css
+++ b/docs/src/styles/custom.css
@@ -66,20 +66,6 @@
   padding-block: 3rem;
 }
 
-/* ascii dolly in the hero (see scripts/gen-ascii-dolly.mjs) */
-.ascii-dolly {
-  font-family: var(--sl-font-mono);
-  font-size: 0.55rem;
-  line-height: 1.2;
-  color: var(--sl-color-white);
-  background: none;
-  border: none;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-  user-select: none;
-}
-
 [data-has-hero] .hero h1 {
   font-size: clamp(2rem, 5vw, 3.25rem);
   letter-spacing: -0.02em;
-- 
2.51.2