add BOM

2026-01-04 02:57:35 +01:00 · 2026-01-04 02:57:35 +01:00 · 605dcb9d28
commit 605dcb9d28
parent 66837d7600
1 changed files with 93 additions and 0 deletions
--- a/catear-bom.html
+++ b/catear-bom.html
@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="assets/css/style.css" />
+    <title>c3cat</title>
+
+    <style>
+    @layer per-site {
+      h1>a, h2>a, h3>a, h4>a, h5>a, h6>a {
+        text-decoration: unset;
+        padding: 0 0.2ch;
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+
+      dl.key-value {
+        display: grid;
+        grid-template-columns: 2ch [keys] fit-content(30ch) [values] auto;
+        column-gap: 2ch;
+        row-gap: 0.2rem;
+
+        &>dt {
+          text-decoration-line: underline;
+          text-decoration-color: var(--accent-color);
+          grid-column-start: keys;
+          text-align: end;
+        }
+        &>dd {
+          margin-left: 0;
+          grid-column-start: values;
+          &::before {
+            content: "➡";
+            margin-right: 2ch;
+            color: color-mix(in hsl, var(--bg-color) 30%, var(--fg-color) 70%);
+          }
+        }
+      }
+    </style>
+  </head>
+  <body class="container">
+    <main>
+      <h1 class="title">39C3 RGB Catear Bill Of Materials</h1>
+
+      <a href="./">
+        <picture>
+          <source srcset="assets/img/c3cat-c3sign-cccamp23-transparent-for-dark.webp" media="(prefers-color-scheme: dark)"/>
+          <img src="assets/img/c3cat-c3sign-cccamp23-transparent.webp" alt="C3CAT with a cat ear headband around the 'A'" class="hero-img"/>
+        </picture>
+      </a>
+
+      <section id="bom">
+        <dl class="key-value" style="margin-block: 1rem;">
+          <dt><a href="https://de.aliexpress.com/item/1005005922059410.html">WS2812B LED Strip</a></dt><dd>5mm wide, 160 LEDs/m</dd>
+          <dt><a href="https://de.aliexpress.com/item/1005008486549364.html">JST SM 3 Connectors</a></dt><dd>10 Pairs</dd>
+          <dt><a href="https://de.aliexpress.com/item/1005008122690854.html">Transparent Heat Shrink</a></dt><dd>8mm</dd>
+          <dt><a href="https://de.aliexpress.com/item/4000967042670.html">Black Heat Shrink</a></dt><dd>5mm</dd>
+          <dt><a href="https://de.aliexpress.com/item/4000967042670.html">Black Heat Shrink</a></dt><dd>3mm</dd>
+          <dt><a href="https://de.aliexpress.com/item/1005008037358291.html">ESP32 Controller</a></dt><dd>ESP32-C3 SuperMini</dd>
+          <dt><a href="https://de.aliexpress.com/item/1005006106359040.html">Cable (1,2m needed)</a></dt><dd>30AWG, 3 Cores</dd>
+          <dt><a href="https://git.lyx.sh/traumweh/wled-esp-case/">3D printed case</a></dt><dd>See below</dd>
+        </dl>
+        <p>
+          Parameters needed for the case:
+        </p>
+        <dl class="key-value" style="margin-block: 1rem;">
+          <dt>use_boot_button</dt><dd>true</dd>
+          <dt>use_custom_button</dt><dd>false</dd>
+          <dt>use_lip_lock</dt><dd>true</dd>
+          <dt>use_screw_lock</dt><dd>false</dd>
+          <dt>use_click_lock</dt><dd>true</dd>
+          <dt>use_slide_lock</dt><dd>false</dd>
+          <dt>add_12v_barrel_slot</dt><dd>false</dd>
+        </dl>
+        <p>
+          You might have to play around with tolerances, they have to be tuned to each filament and 3D-printer combination. <br />
+          Tuning <i>top_cover_lip_tolerance</i> might be all you need. 
+        </p>
+        <p>
+          Thanks <a href="https://chaos.social/@traumweh">@traumweh@chaos.social</a> and <a href="https://chaos.social/@kritzl">@kritzl@chaos.social</a> for the awesome case!
+        </p>
+      </section>
+
+    </main>
+    <footer>
+      <p>
+        Find us in the fediverse at <a href="https://chaos.social/@c3cat">c3cat@chaos.social</a>.
+      </p>
+    </footer>
+  </body>
+</html>