c3cat-landingpage/index.html
lilly 26c8e989b0
All checks were successful
/ build (pull_request) Successful in 26s
[wip] new rgb guide
2025-12-15 16:43:26 +01:00

90 lines
3.6 KiB
HTML

<!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" />
<link rel="me" href="https://chaos.social/@c3cat" />
<title>c3cat</title>
<style>
/* site-specific styles */
@layer per-site {
.resources-container {
display: flex;
flex-wrap: wrap;
column-gap: 1ch;
row-gap: 1rem;
justify-content: space-around;
align-items: stretch;
padding-left: 0;
&>a {
display: block;
width: fit-content;
flex-basis: 45%;
border: 1px solid var(--accent-color);
padding: 8px;
text-decoration: unset;
color: var(--fg-color);
background-color: color-mix(in hsl, var(--bg-color) 90%, var(--fg-color) 10%);
min-height: 2rem;
text-align: center;
font-size: larger;
&:hover {
background-color: color-mix(in hsl, var(--bg-color) 80%, var(--fg-color) 20%);
box-shadow: 4px 4px 6px var(--accent-color);
}
}
}
}
</style>
</head>
<body class="container">
<main>
<h1 class="title">c3cat &ndash; Cat Ears Operation Center</h1>
<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>
<h2>Resources</h2>
<ul class="resources-container">
<a href="./rgb-ears-39c3.html">39C3 LED Catear Guide</a>
<a href="./catear-bom.html">LED Catear BOM</a>
<a href="./3d-printables.html">3D Printing Files</a>
</ul>
<h3>Archive</h3>
<p>
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.
</p>
<ul>
<li><a href="./rgb-ears.html">EH22 Catear Guide</a></li>
<li><a href="https://wiki.hamburg.ccc.de/club:c3cat:start">CCCHH Wiki page</a></li>
<li><a href="https://www.printables.com/de/model/35076-cat-ears" rel="external">Original Catear model from <i>Printables</i></a></li>
</ul>
<h2>History</h2>
<p>A few people from Hamburg started to 3D-print and wear cat ear headbands at <a href="https://eh20.easterhegg.eu">EH20</a> which lead to some "can I get one, too" reactions.
They continued at <a href="https://entropia.de/GPN21">GPN21</a> and <a href="https://events.ccc.de/camp/2023/infos/index.html">cccamp23</a> with a spreadsheet-based ordering system.
At camp, three 3D printers were operating more or less non-stop, but weren't enough to fulfill the demand.
</p>
<p>The camp got some more people interested in the topic of printing cat ears and two of them pre-printed a lot before the <a href="https://events.ccc.de/congress/2023/">37c3</a>.
But even 1500 cat ears were sold-out in the first two days.
So demand is high, let's disrupt gender stereotypes!
</p>
</main>
<footer>
<p>
Don't feel pressured to wear cat ears &ndash; you're perfectly fine without them.<br>
And remember: Trans rights are human rights.
</p>
<p>
Find us in the fediverse at <a href="https://chaos.social/@c3cat">c3cat@chaos.social</a>.
</p>
</footer>
</body>
</html>