easysynth.github.io/electronics.html at main · epsaul/easysynth.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Basic Electronics Primer</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <h1>🔧 Basic Electronics Primer</h1>
    <p>Before sound becomes signal, it begins with electrons.</p>
  </header>

  <main>
    <section>
      <p>This primer introduces the essential concepts that underpin modular synthesis — the invisible architecture of flow, resistance, and transformation.</p>
    </section>

    <section>
      <details open>
        <summary>⚡ Electricity: The Invisible Thread</summary>
        <ul>
          <li><strong>Voltage</strong>: The push behind the flow — like pressure in a pipe.</li>
          <li><strong>Current</strong>: The flow itself — how many electrons move.</li>
          <li><strong>Resistance</strong>: The friction — shaping how much gets through.</li>
        </ul>
        <p><a href="electricity.html">Explore Electricity →</a></p>
      </details>
    </section>

    <section>
      <details>
        <summary>🕹️ Switching: Choosing Flow</summary>
        <ul>
          <li>Manual or electronic</li>
          <li>Rhythmic or reactive</li>
          <li>Foundational to square waves, gates, and clocks</li>
        </ul>
        <p><a href="switches.html">Explore Switches →</a></p>
      </details>
    </section>

    <section>
      <details>
        <summary>🧱 Passive Components: Shaping Flow</summary>
        <table>
          <thead>
            <tr><th>Component</th><th>Function</th><th>Explore</th></tr>
          </thead>
          <tbody>
            <tr><td>Resistor</td><td>Limits current, divides voltage</td><td><a href="resistors.html">Resistors</a></td></tr>
            <tr><td>Capacitor</td><td>Stores charge, shapes timing</td><td><a href="capacitors.html">Capacitors</a></td></tr>
            <tr><td>Inductor</td><td>Resists change in current</td><td><a href="inductors.html">Inductors</a></td></tr>
          </tbody>
        </table>
      </details>
    </section>

    <section>
      <details>
        <summary>🔁 Active Components: Controlling and Amplifying</summary>
        <table>
          <thead>
            <tr><th>Component</th><th>Function</th><th>Explore</th></tr>
          </thead>
          <tbody>
            <tr><td>Transistor</td><td>Acts as a switch or amplifier</td><td><a href="transistors.html">Transistors</a></td></tr>
            <tr><td>Diode</td><td>Allows current in one direction</td><td><a href="diodes.html">Diodes</a></td></tr>
            <tr><td>Op-Amp</td><td>Compares voltages, amplifies difference</td><td><a href="op-amps.html">Op-Amps</a></td></tr>
          </tbody>
        </table>
      </details>
    </section>

    <section>
      <h2>🧠 Why It Matters</h2>
      <ul>
        <li>Build circuits from first principles</li>
        <li>Debug signal paths with confidence</li>
        <li>Design modules that behave with intention</li>
        <li>Appreciate the poetry of flow, friction, and form</li>
      </ul>
      <p>This is the groundwork — the silent architecture beneath every patch cable and pulse.</p>
    </section>
  </main>

  <footer>
    <p>© 2025 Edward Saul · <em>Form follows function, but meaning follows form</em></p>
  </footer>
</body>
</html>