diff --git a/3d-printables.html b/3d-printables.html deleted file mode 100644 index f5c3f35..0000000 --- a/3d-printables.html +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - c3cat - - - - -
-

3D Printables

- - - - C3CAT with a cat ear headband around the 'A' - - - - - -
- - - diff --git a/assets/css/style.css b/assets/css/style.css index 466a9b7..1a91953 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,111 +1,62 @@ -@layer base, per-site; +:root { + /* Use a shade of the c3cat logos pink, which works nicely as a link color. */ + --accent-color-light: #DC049B; + /* A modified version of accent-color-light, which works nicely as a link color + * and with the dark theme */ + --accent-color-dark: #dc49b0; +} -@layer base { - :root { - /* Use a shade of the c3cat logos pink, which works nicely as a link color. */ - --accent-color-light: #DC049B; - /* A modified version of accent-color-light, which works nicely as a link color - * and with the dark theme */ - --accent-color-dark: #dc49b0; - } +body { + font-family: system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif; - body { - font-family: system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif; + text-align: left; - text-align: left; - line-height: 1.4; + /* Use dark grey instead of black to be lighter on the eyes. But also a grey + * which still works with the link color nicely. */ + background-color: #ffffff; + color: #2B2B2B; - /* Use dark grey instead of black to be lighter on the eyes. But also a grey - * which still works with the link color nicely. */ - --bg-color: #ffffff; - --fg-color: #2b2b2b; - --accent-color: var(--accent-color-light); - background-color: var(--bg-color); - color: var(--fg-color); - - @media (prefers-color-scheme: dark) { - /* Colors for dark theme, which have enough contrast, but also aren't too harsh on the eyes. */ - /* See: https://seirdy.one/posts/2020/11/23/website-best-practices/#dark-themes */ - --bg-color: #1b1b1b; - --fg-color: #ebebeb; - --accent-color: var(--accent-color-dark); - } - } - - .container { - max-width: 600px; - margin: 0 auto; - padding: 0 5px; - } - - footer { - margin-top: 4rem; - } - - img { - width: 100%; - } - - a:link, a:visited { - color: var(--accent-color); - padding-inline: 0.1ch; - &:hover:not(:has(img)) { - background-color: var(--accent-color); - color: white; - text-decoration: none; - } - } - - u { - text-decoration-color: var(--accent-color); - } - - ul li::marker { - color: color-mix(in hsl, var(--accent-color) 50%, var(--fg-color) 50%); - font-size: larger; - } - - .title { - text-align: center; - } - - .hero-img { - max-width: 500px; - display: block; - margin: 0 auto; - } - - p.bigger { - font-size: 1.2rem; - } - - section { - margin-top: 3rem; - } - - details { - border: 1px solid var(--accent-color); - border-radius: 8px; - background-color: color-mix(in hsl, var(--accent-color) 20%, var(--bg-color) 80%); - - & > * { - padding: 0.5rem 1ch; - } - - & > summary { - cursor: pointer; - user-select: none; - } - - &[open] > summary { - border-bottom: 1px solid var(--accent-color); - margin-left: 0; - margin-right: 0; - } - } - - pre { - overflow-x: scroll; + @media (prefers-color-scheme: dark) { + /* Colors for dark theme, which have enough contrast, but also aren't too harsh on the eyes. */ + /* See: https://seirdy.one/posts/2020/11/23/website-best-practices/#dark-themes */ + background-color: #1b1b1b; + color: #ebebeb; } } +.container { + max-width: 600px; + margin: 0 auto; + padding: 0 5px; +} + +footer { + margin-top: 4rem; +} + +img { + width: 100%; +} + + +a:link, a:visited { + color: var(--accent-color-light); + @media (prefers-color-scheme: dark) { + color: var(--accent-color-dark); + } +} + + +.title { + text-align: center; +} + +.hero-img { + max-width: 500px; + display: block; + margin: 0 auto; +} + +p.bigger { + font-size: 1.2rem; +} diff --git a/assets/img/3d-printables/catears-printables.webp b/assets/img/3d-printables/catears-printables.webp deleted file mode 100644 index 930150a..0000000 Binary files a/assets/img/3d-printables/catears-printables.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/10_1280.webp b/assets/img/rgb-ears-39c3/10_1280.webp deleted file mode 100644 index 488859e..0000000 Binary files a/assets/img/rgb-ears-39c3/10_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/10_1920.webp b/assets/img/rgb-ears-39c3/10_1920.webp deleted file mode 100644 index 2074cfc..0000000 Binary files a/assets/img/rgb-ears-39c3/10_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/10_4960.webp b/assets/img/rgb-ears-39c3/10_4960.webp deleted file mode 100644 index 875002a..0000000 Binary files a/assets/img/rgb-ears-39c3/10_4960.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/11_1280.webp b/assets/img/rgb-ears-39c3/11_1280.webp deleted file mode 100644 index 0c2854b..0000000 Binary files a/assets/img/rgb-ears-39c3/11_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/11_1920.webp b/assets/img/rgb-ears-39c3/11_1920.webp deleted file mode 100644 index 69d3e9e..0000000 Binary files a/assets/img/rgb-ears-39c3/11_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/11_5984.webp b/assets/img/rgb-ears-39c3/11_5984.webp deleted file mode 100644 index 2df58c9..0000000 Binary files a/assets/img/rgb-ears-39c3/11_5984.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/12_1280.webp b/assets/img/rgb-ears-39c3/12_1280.webp deleted file mode 100644 index af7f842..0000000 Binary files a/assets/img/rgb-ears-39c3/12_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/12_1920.webp b/assets/img/rgb-ears-39c3/12_1920.webp deleted file mode 100644 index 0d082ac..0000000 Binary files a/assets/img/rgb-ears-39c3/12_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/12_6133.webp b/assets/img/rgb-ears-39c3/12_6133.webp deleted file mode 100644 index 83fb2f2..0000000 Binary files a/assets/img/rgb-ears-39c3/12_6133.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/13_1280.webp b/assets/img/rgb-ears-39c3/13_1280.webp deleted file mode 100644 index 5485bcc..0000000 Binary files a/assets/img/rgb-ears-39c3/13_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/13_1920.webp b/assets/img/rgb-ears-39c3/13_1920.webp deleted file mode 100644 index 0cb10ed..0000000 Binary files a/assets/img/rgb-ears-39c3/13_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/13_5888.webp b/assets/img/rgb-ears-39c3/13_5888.webp deleted file mode 100644 index 3d7168e..0000000 Binary files a/assets/img/rgb-ears-39c3/13_5888.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/14_1280.webp b/assets/img/rgb-ears-39c3/14_1280.webp deleted file mode 100644 index 54d4ffa..0000000 Binary files a/assets/img/rgb-ears-39c3/14_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/14_1920.webp b/assets/img/rgb-ears-39c3/14_1920.webp deleted file mode 100644 index 4b31600..0000000 Binary files a/assets/img/rgb-ears-39c3/14_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/14_2641.webp b/assets/img/rgb-ears-39c3/14_2641.webp deleted file mode 100644 index 9820b9a..0000000 Binary files a/assets/img/rgb-ears-39c3/14_2641.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/15_1280.webp b/assets/img/rgb-ears-39c3/15_1280.webp deleted file mode 100644 index 42270f5..0000000 Binary files a/assets/img/rgb-ears-39c3/15_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/15_1920.webp b/assets/img/rgb-ears-39c3/15_1920.webp deleted file mode 100644 index 5023d1f..0000000 Binary files a/assets/img/rgb-ears-39c3/15_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/15_2757.webp b/assets/img/rgb-ears-39c3/15_2757.webp deleted file mode 100644 index 6e0be93..0000000 Binary files a/assets/img/rgb-ears-39c3/15_2757.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/16_1280.webp b/assets/img/rgb-ears-39c3/16_1280.webp deleted file mode 100644 index 2bed997..0000000 Binary files a/assets/img/rgb-ears-39c3/16_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/16_1920.webp b/assets/img/rgb-ears-39c3/16_1920.webp deleted file mode 100644 index 5b52a1e..0000000 Binary files a/assets/img/rgb-ears-39c3/16_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/16_3064.webp b/assets/img/rgb-ears-39c3/16_3064.webp deleted file mode 100644 index 0232e12..0000000 Binary files a/assets/img/rgb-ears-39c3/16_3064.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/17_1280.webp b/assets/img/rgb-ears-39c3/17_1280.webp deleted file mode 100644 index 1222600..0000000 Binary files a/assets/img/rgb-ears-39c3/17_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/17_1920.webp b/assets/img/rgb-ears-39c3/17_1920.webp deleted file mode 100644 index 709c8c9..0000000 Binary files a/assets/img/rgb-ears-39c3/17_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/17_6477.webp b/assets/img/rgb-ears-39c3/17_6477.webp deleted file mode 100644 index 305192f..0000000 Binary files a/assets/img/rgb-ears-39c3/17_6477.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/18_1280.webp b/assets/img/rgb-ears-39c3/18_1280.webp deleted file mode 100644 index 75022b9..0000000 Binary files a/assets/img/rgb-ears-39c3/18_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/18_1920.webp b/assets/img/rgb-ears-39c3/18_1920.webp deleted file mode 100644 index d1f1fef..0000000 Binary files a/assets/img/rgb-ears-39c3/18_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/18_7560.webp b/assets/img/rgb-ears-39c3/18_7560.webp deleted file mode 100644 index d1e9fe4..0000000 Binary files a/assets/img/rgb-ears-39c3/18_7560.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/19_1280.webp b/assets/img/rgb-ears-39c3/19_1280.webp deleted file mode 100644 index ea50407..0000000 Binary files a/assets/img/rgb-ears-39c3/19_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/19_1920.webp b/assets/img/rgb-ears-39c3/19_1920.webp deleted file mode 100644 index 344f490..0000000 Binary files a/assets/img/rgb-ears-39c3/19_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/19_7352.webp b/assets/img/rgb-ears-39c3/19_7352.webp deleted file mode 100644 index 6f742cb..0000000 Binary files a/assets/img/rgb-ears-39c3/19_7352.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/1_1280.webp b/assets/img/rgb-ears-39c3/1_1280.webp deleted file mode 100644 index 0e557e8..0000000 Binary files a/assets/img/rgb-ears-39c3/1_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/1_1919.webp b/assets/img/rgb-ears-39c3/1_1919.webp deleted file mode 100644 index f58f366..0000000 Binary files a/assets/img/rgb-ears-39c3/1_1919.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/1_6928.webp b/assets/img/rgb-ears-39c3/1_6928.webp deleted file mode 100644 index b2859b4..0000000 Binary files a/assets/img/rgb-ears-39c3/1_6928.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/20_1280.webp b/assets/img/rgb-ears-39c3/20_1280.webp deleted file mode 100644 index 7bd104d..0000000 Binary files a/assets/img/rgb-ears-39c3/20_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/20_1919.webp b/assets/img/rgb-ears-39c3/20_1919.webp deleted file mode 100644 index baef409..0000000 Binary files a/assets/img/rgb-ears-39c3/20_1919.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/20_5944.webp b/assets/img/rgb-ears-39c3/20_5944.webp deleted file mode 100644 index 344f1a0..0000000 Binary files a/assets/img/rgb-ears-39c3/20_5944.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/21_1280.webp b/assets/img/rgb-ears-39c3/21_1280.webp deleted file mode 100644 index 0e20b88..0000000 Binary files a/assets/img/rgb-ears-39c3/21_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/21_1920.webp b/assets/img/rgb-ears-39c3/21_1920.webp deleted file mode 100644 index 72b89f0..0000000 Binary files a/assets/img/rgb-ears-39c3/21_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/21_7960.webp b/assets/img/rgb-ears-39c3/21_7960.webp deleted file mode 100644 index 0bf6f08..0000000 Binary files a/assets/img/rgb-ears-39c3/21_7960.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/22_1280.webp b/assets/img/rgb-ears-39c3/22_1280.webp deleted file mode 100644 index e2a21d9..0000000 Binary files a/assets/img/rgb-ears-39c3/22_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/22_1920.webp b/assets/img/rgb-ears-39c3/22_1920.webp deleted file mode 100644 index 08c2020..0000000 Binary files a/assets/img/rgb-ears-39c3/22_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/22_6845.webp b/assets/img/rgb-ears-39c3/22_6845.webp deleted file mode 100644 index 8168b27..0000000 Binary files a/assets/img/rgb-ears-39c3/22_6845.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/2_1280.webp b/assets/img/rgb-ears-39c3/2_1280.webp deleted file mode 100644 index 5bfa017..0000000 Binary files a/assets/img/rgb-ears-39c3/2_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/2_1920.webp b/assets/img/rgb-ears-39c3/2_1920.webp deleted file mode 100644 index 05a0690..0000000 Binary files a/assets/img/rgb-ears-39c3/2_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/2_3032.webp b/assets/img/rgb-ears-39c3/2_3032.webp deleted file mode 100644 index 639ff06..0000000 Binary files a/assets/img/rgb-ears-39c3/2_3032.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/3_1280.webp b/assets/img/rgb-ears-39c3/3_1280.webp deleted file mode 100644 index 553c27f..0000000 Binary files a/assets/img/rgb-ears-39c3/3_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/3_1920.webp b/assets/img/rgb-ears-39c3/3_1920.webp deleted file mode 100644 index 5acef26..0000000 Binary files a/assets/img/rgb-ears-39c3/3_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/3_3273.webp b/assets/img/rgb-ears-39c3/3_3273.webp deleted file mode 100644 index 037e098..0000000 Binary files a/assets/img/rgb-ears-39c3/3_3273.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/4_1280.webp b/assets/img/rgb-ears-39c3/4_1280.webp deleted file mode 100644 index 9e9a332..0000000 Binary files a/assets/img/rgb-ears-39c3/4_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/4_1920.webp b/assets/img/rgb-ears-39c3/4_1920.webp deleted file mode 100644 index e65b6ac..0000000 Binary files a/assets/img/rgb-ears-39c3/4_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/4_3336.webp b/assets/img/rgb-ears-39c3/4_3336.webp deleted file mode 100644 index 3be5c58..0000000 Binary files a/assets/img/rgb-ears-39c3/4_3336.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/5_1280.webp b/assets/img/rgb-ears-39c3/5_1280.webp deleted file mode 100644 index 5944437..0000000 Binary files a/assets/img/rgb-ears-39c3/5_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/5_1920.webp b/assets/img/rgb-ears-39c3/5_1920.webp deleted file mode 100644 index 8bb2a12..0000000 Binary files a/assets/img/rgb-ears-39c3/5_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/5_3200.webp b/assets/img/rgb-ears-39c3/5_3200.webp deleted file mode 100644 index 8f74c57..0000000 Binary files a/assets/img/rgb-ears-39c3/5_3200.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/6_1280.webp b/assets/img/rgb-ears-39c3/6_1280.webp deleted file mode 100644 index 3b93e80..0000000 Binary files a/assets/img/rgb-ears-39c3/6_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/6_1920.webp b/assets/img/rgb-ears-39c3/6_1920.webp deleted file mode 100644 index 7dd5f5b..0000000 Binary files a/assets/img/rgb-ears-39c3/6_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/6_6480.webp b/assets/img/rgb-ears-39c3/6_6480.webp deleted file mode 100644 index 80fe215..0000000 Binary files a/assets/img/rgb-ears-39c3/6_6480.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/7_1280.webp b/assets/img/rgb-ears-39c3/7_1280.webp deleted file mode 100644 index b50b0a6..0000000 Binary files a/assets/img/rgb-ears-39c3/7_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/7_1920.webp b/assets/img/rgb-ears-39c3/7_1920.webp deleted file mode 100644 index 9bf7de5..0000000 Binary files a/assets/img/rgb-ears-39c3/7_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/7_5976.webp b/assets/img/rgb-ears-39c3/7_5976.webp deleted file mode 100644 index df141ba..0000000 Binary files a/assets/img/rgb-ears-39c3/7_5976.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/8_1280.webp b/assets/img/rgb-ears-39c3/8_1280.webp deleted file mode 100644 index 917de84..0000000 Binary files a/assets/img/rgb-ears-39c3/8_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/8_1920.webp b/assets/img/rgb-ears-39c3/8_1920.webp deleted file mode 100644 index b855932..0000000 Binary files a/assets/img/rgb-ears-39c3/8_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/8_5904.webp b/assets/img/rgb-ears-39c3/8_5904.webp deleted file mode 100644 index 83b1ba8..0000000 Binary files a/assets/img/rgb-ears-39c3/8_5904.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/9_1280.webp b/assets/img/rgb-ears-39c3/9_1280.webp deleted file mode 100644 index e5ea59e..0000000 Binary files a/assets/img/rgb-ears-39c3/9_1280.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/9_1920.webp b/assets/img/rgb-ears-39c3/9_1920.webp deleted file mode 100644 index df41f27..0000000 Binary files a/assets/img/rgb-ears-39c3/9_1920.webp and /dev/null differ diff --git a/assets/img/rgb-ears-39c3/9_5824.webp b/assets/img/rgb-ears-39c3/9_5824.webp deleted file mode 100644 index b456e6e..0000000 Binary files a/assets/img/rgb-ears-39c3/9_5824.webp and /dev/null differ diff --git a/assets/img/rgb-guide-esp-labeled.jpeg b/assets/img/rgb-guide-esp-labeled.jpeg deleted file mode 100644 index b6dc08a..0000000 Binary files a/assets/img/rgb-guide-esp-labeled.jpeg and /dev/null differ diff --git a/assets/img/rgb-guide-soldered-isolated-strip.jpeg b/assets/img/rgb-guide-soldered-isolated-strip.jpeg deleted file mode 100644 index dee4243..0000000 Binary files a/assets/img/rgb-guide-soldered-isolated-strip.jpeg and /dev/null differ diff --git a/assets/img/rgb-guide-strip.webp b/assets/img/rgb-guide-strip.webp deleted file mode 100644 index 5e1dd4d..0000000 Binary files a/assets/img/rgb-guide-strip.webp and /dev/null differ diff --git a/catear-bom.html b/catear-bom.html deleted file mode 100644 index e69de29..0000000 diff --git a/favicon.ico b/favicon.ico deleted file mode 100644 index 800f98d..0000000 Binary files a/favicon.ico and /dev/null differ diff --git a/index.html b/index.html index cb11c5d..69686ac 100644 --- a/index.html +++ b/index.html @@ -6,44 +6,6 @@ c3cat - -
@@ -54,20 +16,9 @@

Resources

- - -

Archive

-

- These are not necessarily the most up-to-date version but we maintain them here in case you have our link saved or found an old kit from us. -

- +

The "original" cat ear model we used was borrowed from Printables. + Since then, some people started to develop an improved and parametrized version with OpenSCAD.

+

See the CCCHH wiki for the latest information on signs, 3D models, etc.

History

A few people from Hamburg started to 3D-print and wear cat ear headbands at EH20 which lead to some "can I get one, too" reactions. diff --git a/rgb-ears-39c3.html b/rgb-ears-39c3.html deleted file mode 100755 index b15d86e..0000000 --- a/rgb-ears-39c3.html +++ /dev/null @@ -1,692 +0,0 @@ - - - - - - - c3cat - - - - -

-

39C3 RGB Catear Build Instructions

- - - - - C3CAT with a cat ear headband around the 'A' - - - -
-
- How much details do you need? - - - - - - - - -
- -

- This guide aims to explain in simple terms how to assemble the c3cat catear build kit. - If you did not get a hold of one of those kits, take a look at our BOM. -

- - - - -

- The general project assembly looks like this where each of the components must be connected via soldering points. -

- -
- A picture of an assembled set of LED catears -
-┌─────┐                          ╭───╮
-│ ESP ├┄┄╼ ╾┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄│   │
-└─────┘
-         ╱ ╲         ╱ ╲          ╱ ╲
-     pluggable      long         catear
-     connector      cable        & leds
-          
-

In addition to one of our kits, you will need

-
    -
  • soldering equipment
  • -
  • a heatgun
  • -
  • striping pliers
  • -
  • catears
  • -
-
-
- -
-

Kit Content §

-

- Out kits contain the following content: -

- A picture of the kit content layed out on a rat mat. It contains the items listed below -
    -
  • A 3D printed case for the microcontroller, here shown in bright green
  • -
  • An ESP microcontroller
  • -
  • An RGB LED strip, shown at the very bottom of the picture
  • -
  • One pluggable connector with three separate wires connected to each end separated into two pieces and shown at the top of the pictures
  • -
  • One 10cm long, clear piece of heatshrink
  • -
  • One 10cm long, small, black piece of heatshrink
  • -
  • One 10cm long, large, black piece of heatshrink
  • -
  • One long cable
  • -
-
- - -
-

Flash the microcontroller §

-

- We recommend to use WLED as a firmware on all our catears. - It offers a wide range of features for display and animation and can be controlled comfortably from your smartphone. -

-
    -
  1. -
    - - -
    -
  2. - -
  3. -
    - - -
    -
  4. - -
  5. -
    - - -
    -
  6. - -
  7. -
    - - -
    -
  8. -
-
- - -
-

Solder cables to LED strip §

-

- One of the most important steps is to electircally connect the microcontroller to the LED strip. - We will start with the LED side. -

-

- Basically, the LED strip has three connections. One for data, one for ground and one for voltage. - Each of these three functions requires a separately soldered connection. -

-

- Make sure to solder to the input side of the LED strip. -

- -
- A picture of the backside of an LED strip exposed. The ou label is visible on the part of it not connected to another strip segment. -
The wrong side of the LED strip demontrated by the ou (out) label being on the outside.
-
-
- A picture of the backside of an LED strip exposed. The in label is visible on the part of it not connected to another strip segment. -
The correct side of the LED strip demontrated by the in label being on the outside.
-
- -
    - -
  1. -
    - - -
    -
  2. - -
  3. -
    - - -
    -
  4. - -
  5. -
    - - -
    -
  6. - -
  7. -
    - - -
    -
  8. -
-
- - -
-

Solder Cable to pluggable connector §

-

- The other side of the long cable now needs to be connected to the pluggable connector. -

-
    - -
  1. -
    - - -
    -
  2. - -
  3. -
    - - -
    -
  4. - -
  5. -
    - - -
    -
  6. - -
  7. -
    - - -
    -
  8. - -
-
- - -
-

Solder Pluggable Connector to Microcontroller §

-

- Now you need to solder the other (female) part of the pluggable connector to your microcontroller. -

-
- The front side of the included microcontroller - The backside of the included microcontroller -
-
    - -
  1. -
    - - -
    -
  2. -
-
- - -
-

Finalize the Assembly §

-
    - -
  1. -
    - - -
    -
  2. - -
  3. -
    - - -
    -
  4. - -
  5. -
    - - -
    -
  6. - -
  7. -
    - - -
    -
  8. - -
- -

- Congratulations! You now have a freely customizable pair of RGB catears :3 -

-

- Don't feel pressured to wear cat ears – you're perfectly fine without them.
- And remember: Trans rights are human rights. -

-
-
- - - diff --git a/rgb-ears.html b/rgb-ears.html index 2e944e0..ea9f6b0 100755 --- a/rgb-ears.html +++ b/rgb-ears.html @@ -10,17 +10,15 @@

Addressable LED Catears

- - - - C3CAT with a cat ear headband around the 'A' - - + + + C3CAT with a cat ear headband around the 'A' + We started distributing 3D printed cat ears on a large scale a while ago. At the 37C3 we started adding LEDs to some of them in static colors - you can find the needed parts for that over here. Over the year some us wanted to build addressable ligth-up catears, with different functions. - We decided to provide one guide for a more basic version and below some modifications to improve it. + We decided to provide one guide for a more basic version and below some modifications to improve it.

Base version

@@ -39,36 +37,36 @@ You will need a chromium based browser for the flashing process (Firefox will no Picture of soldered cable
Picture of shrinked tubed cables
Fully shrinked tubed cable
+ - -

Step 2: Prepare the LED strip

+

Step 2: Prepare the LED strip

Pull a 1cm piece of the 7mm heat shrink over the long cable. We now solder the 1cm end to the LED strip. To do this, we first need to find the correct end of the strip. Our strip had the following labeling on the back - we need the end with an INPUT pin (marked IN here): Backside of LED strip
Fully assambled LED strip
- Now solder the cable to the LED strip according to the inputs (we have chosen red=5V, black=GND and yellow/green=data). Then protect the soldered joint with the piece of shrink tubing that we put on the cable. + Now solder the cable to the LED strip according to the inputs (we have chosen red=5V, black=GND and yellow/green=data). Then protect the soldered joint with the piece of shrink tubing that we put on the cable.

Step 3: Attach cable to the ESP

We now solder the other connector to the ESP. The red cable to the 5V pin, the black cable to GND and we have chosen pin 3 for the green data cable: - Picture with Pins
+ Picture with Pins
Soldered cables (back)
Soldered cables (front)

Step 4: Prepare the case

As we want to close the case with a screw, we use a heat insert with an M3 thread. Of course, a modified version of the case can also be used, in which the screw is held directly in the 3D print - this is not suitable for frequent opening, as the plastic thread wears out quickly. So: If applicable, heat it according to the instructions of the heat inserts and place it in the 3D print. - + heat set insert - +

Step 6: Assemble the case

Now pack the ESP into the case, place the button and fix the cables with hot glue if necessary. - + finished case - +

Step 7: Glue the LED strip to the 3D-Printed catears

Now we are finished the hardware @@ -94,7 +92,7 @@ you can configure a AP-Password to secure your catears against those Eggdy Hacke Lit-up catears balanced on a glass bottle as a stand. In front of the bottle there is a white plastic box, connected to the catears and a black powerbank next to it. - +

I wore them for the first time at gpn22 and tested them during the party there. Worked well, looked great and quite some people asked me how to built them. So here are instructions on how to build your own.

@@ -129,7 +127,7 @@ you can configure a AP-Password to secure your catears against those Eggdy Hacke
  • connectors
  • small bolts and nuts (I used m2)
  • - +

    Buildsteps

    Electronics and Case
    @@ -138,7 +136,7 @@ you can configure a AP-Password to secure your catears against those Eggdy Hacke

    - Connect the Microphone to the ESP. + Connect the Microphone to the ESP. See here for the pinout. For my INMP441 I've used the following pins :

    I2S SD: 3
    @@ -149,14 +147,14 @@ I2S MCLK: N/A

    But you can pick any supported microphone and are quite flexible in choosing those pins.

    - +

    The ws2812 data pin from the stripe on the ears is connected to `GPIO 4`. See [here](https://mm.kno.wled.ge/basics/getting-started/#quick-start-guide) on general info on howto connect those LEDs. I've picked a 100 Ohm resistor and skipped the level shifter.
    My board has another ws2812 LED on `GPIO 21` connected. I use this one as status LED. It's visible evenfrom outside the case.
    For power I've connected an USB C socket. It's secured with a cable tie. I picked this option over using the port on the devboard because the traces do not like the \~3A peak current I'd like to draw. It's recommended to add some random amount of capacitors as well. Considering I plan to support a 15W LED strob mode as it's probably not a bad idea. WLED recommends 1000µF.
    I've used m2 screws to connect board and case. To protect against stress I'd recommend to secure all external cables and sockets to the case and not only to the PCB.

    - +
    Ears
    Catears with a powered off led strip glued to it. At the end of the cable coming from the catears is a plug with three exposed pins. @@ -169,7 +167,7 @@ I2S MCLK: N/A

    You need a thin LED stripe for this build. I picked up a 4mm wide one from Aliexpress which came in a silicone tube. I'd recommend a high pixel density, like 200/m, for maximum blink. For the linked 3d model this results in the need for 31cm or 60 LEDs of 200 LEDs/m stripe. I'd recommend to power on the stripe, turn on 60 LEDs, mark them, turn the stripe off and then cut it to length.

    - + @@ -177,7 +175,7 @@ I2S MCLK: N/A

    At areas of high stress (narrow bends) I've reinforced the stripe with transparent string and glue. This keeps the stripe and ears from seperating.

    - + @@ -215,31 +213,31 @@ Most importantly: experiment! Find out what looks you like. Try out what effects

    Use a different connector as I did

    - +
    No USB power delivery support

    The USB C breakout I used doesn't support USB PD. Use a different module or USB A -> C cables.

    - +
    Too much bass (lol)

    If it gets too loud the microphone clips out even on minimal gain settings. Either use a line in or add sound isolation. A different microphone could help as well. Or ignore the problem, it still blinks good enough.

    - +
    More Documentation

    I took way too few pictures of the ears in action. I'd realy love to have more pictures of them and some other wearables I plan to build. Hopefully fixable on the next event.

    - +
    Hardware Controlls and Buttons

    Looking at a phone screen is annoying. I'd love a button to cycle presets.

    - +
    Sync

    WLED has the option to sync multiple devices via wifi... I've some plans. -

    +