wip: write new rgb ears build guide for 39c3

rgb-ears-39c3.html

@@ -126,7 +126,7 @@
 
       <section id="introduction">
         <fieldset id="detail-grade-picker">
-          <legend>Choose the grade of details you want this guide to appear in</legend>
+          <legend>How much details do you need?</legend>
           <input type="radio" id="detail-picker-all" name="detail-grade-picker" value="all" checked>
           <label for="detail-picker-all">Hold my hand please &gt~&lt</label>
 
@@ -142,9 +142,11 @@
           To follow it, you need <u>soldering equipment</u>, a <u>heatgun</u>, a pair of <u>striping pliers</u>, <u>catears</u> as well as <u>one of our build kits</u>.<br>
           If you did not get a hold of one of those kits, take a look at <a href="./catear-bom.html">our BOM</a>.
         </p>
+
         <p>
           The general project assembly looks like this where each of the components must be connected via soldering points.
         </p>
+
         <div style="display: flex; justify-content: center;">
           <pre role="presentation" aria-description="ASCII drawing of the project assembly containing the parts included in the kit.">
 ┌─────┐                          ╭───╮
@@ -156,19 +158,21 @@
           </pre>
         </div>
 
-        <p>
-          Inside this guide, you will find the following content
-        </p>
-        <nav>
-          <ol class="toc">
-            <li><a href="#step-1">Flash the microcontroller</a></li>
-            <li><a href="#step-2">Solder cables to LED strip</a></li>
-            <li><a href="#step-3">Solder cables to pluggable connector</a></li>
-            <li><a href="#step-4">Solder cables to Microcontroller</a></li>
-            <li><a href="#step-5">Test It!</a></li>
-            <li><a href="#step-6">Finalize the Assembly</a></li>
-          </ol>
-        </nav>
+        <div class="detail-hide-short">
+          <p>
+            Inside this guide, you will find the following content
+          </p>
+          <nav>
+            <ol class="toc">
+              <li><a href="#step-1">Flash the microcontroller</a></li>
+              <li><a href="#step-2">Solder cables to LED strip</a></li>
+              <li><a href="#step-3">Solder cables to pluggable connector</a></li>
+              <li><a href="#step-4">Solder cables to Microcontroller</a></li>
+              <li><a href="#step-5">Test It!</a></li>
+              <li><a href="#step-6">Finalize the Assembly</a></li>
+            </ol>
+          </nav>
+        </div>
       </section>