From 3c395b322c38e14f9380ed5f02d8c5b3894900fe Mon Sep 17 00:00:00 2001
From: lilly <li@lly.sh>
Date: Fri, 12 Dec 2025 12:25:48 +0100
Subject: [PATCH] restructure landing page to make specific sub-sites easier to
 discover

fix landing page style
---
 index.html | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 53 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 69686ac..4704670 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,44 @@
     <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: flex;
+            justify-content: center;
+            align-items: center;
+            flex-basis: 45%;
+            flex-grow: 1;
+            max-width: 85vw;
+            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>
@@ -16,9 +54,21 @@
       </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>
+      <ul class="resources-container">
+        <a href="./rgb-ears-39c3.html">39C3 LED Catear Build Instructions</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.
