c3cat-landingpage/index.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>
  </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>
      <p class="bigger">The "original" cat ear model we used was borrowed from <a href="https://www.printables.com/de/model/35076-cat-ears">Printables</a>.
      Since then, some people started to develop an <a href="https://git.hamburg.ccc.de/c3cat/scad">improved and parametrized version</a> with OpenSCAD.</p>
      <p class="bigger">See the <a href="https://wiki.hamburg.ccc.de/club:c3cat:start">CCCHH wiki</a> for the latest information on signs, 3D models, etc.</p>

      <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>
first draft 2024-03-10 21:12:56 +01:00			`<!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>`
			`</head>`
Align most of the content left, except for the title and hero image Also use the container class on the entire body instead of just on the main, so that the footer is also in the container. 2024-03-29 20:04:26 +01:00			`<body class="container">`
			`<main>`
			`<h1 class="title">c3cat – Cat Ears Operation Center</h1>`
Make and use transparent and transp. dark theme versions of c3cat img 2024-05-24 00:04:35 +02:00			`<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>`
first draft 2024-03-10 21:12:56 +01:00
			`<h2>Resources</h2>`
			`<p class="bigger">The "original" cat ear model we used was borrowed from <a href="https://www.printables.com/de/model/35076-cat-ears">Printables</a>.`
			`Since then, some people started to develop an <a href="https://git.hamburg.ccc.de/c3cat/scad">improved and parametrized version</a> with OpenSCAD.</p>`
			`<p class="bigger">See the <a href="https://wiki.hamburg.ccc.de/club:c3cat:start">CCCHH wiki</a> for the latest information on signs, 3D models, etc.</p>`

			`<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 – you're perfectly fine without them.<br>`
			`And remember: Trans rights are human rights.`
			`</p>`
			`<p>`
Fix spelling of fediverse 2024-03-29 15:00:34 +01:00			`Find us in the fediverse at <a href="https://chaos.social/@c3cat">c3cat@chaos.social</a>.`
first draft 2024-03-10 21:12:56 +01:00			`</p>`
			`</footer>`
			`</body>`
Add .editorconfig for consistent formatting and apply it 2024-03-29 15:04:30 +01:00			`</html>`