Update index.html

drop down menus added and synth primer li

Author: epsaul

index.html

@@ -21,20 +21,34 @@ <h1>Welcome to EasySynth</h1>
   <h2>Explore Further</h2>
   <ul>
     <li><a href="Ideas.md">Showcasing VCV Rack</a></li>
+   <li>
+  <details>
+    <summary><a href="electronics.html">Basic Electronics Primer</a></summary>
+    <ul>
+      <li><a href="electricity.html">Electricity</a> — the invisible thread behind every patch.</li>
+      <li><a href="switches.html">Switches</a> — the gesture that chooses, the silence that waits.</li>
+      <li><a href="resistors.html">Resistors</a> — shaping flow through friction and form.</li>
+      <li><a href="capacitors.html">Capacitors</a> — holding charge, shaping time.</li>
+      <li><a href="inductors.html">Inductors</a> — coiled memory, resisting change.</li>
+      <li><a href="transistors.html">Transistors</a> — switches that think, amplifiers that whisper.</li>
+      <li><a href="diodes.html">Diodes</a> — one-way gates, shaping flow and fate.</li>
+      <li><a href="op-amps.html">Op-Amps</a> — difference engines, sculpting signal and silence.</li>
+    </ul>
+  </details>
+</li>
     <li>
-  <a href="electronics.html">Basic Electronics Primer</a>
-  <ul>
-    <li><a href="electricity.html">Electricity</a> — the invisible thread behind every patch.</li>
-    <li><a href="switches.html">Switches</a> — the gesture that chooses, the silence that waits.</li>
-    <li><a href="resistors.html">Resistors</a> — shaping flow through friction and form.</li>
-    <li><a href="capacitors.html">Capacitors</a> — holding charge, shaping time.</li>
-    <li><a href="inductors.html">Inductors</a> — coiled memory, resisting change.</li>
-    <li><a href="transistors.html">Transistors</a> — switches that think, amplifiers that whisper.</li>
-    <li><a href="diodes.html">Diodes</a> — one-way gates, shaping flow and fate.</li>
-    <li><a href="op-amps.html">Op-Amps</a> — difference engines, sculpting signal and silence.</li>
-
-  </ul>
+  <details>
+    <summary><a href="synth.html">Basic Synth Primer</a></summary>
+    <ul>
+      <li><a href="switching.html">Switching</a> — the art of routing, gating, and choosing signal paths.</li>
+      <!-- Future additions might include: -->
+      <!-- <li><a href="oscillators.html">Oscillators</a> — the heartbeat of sound.</li> -->
+      <!-- <li><a href="filters.html">Filters</a> — carving tone from chaos.</li> -->
+      <!-- <li><a href="envelopes.html">Envelopes</a> — shaping time and gesture.</li> -->
+    </ul>
+  </details>
 </li>
+
       </ul>
     </li>
     <li><a href="colophon.html">Colophon: Behind the Design</a></li>