remove some unused assets, everything webp

src/assets/styles/layout.css

@@ -148,7 +148,7 @@ td:empty {
   break-before: page;
 }
 
-article figure {
+figure {
   counter-increment: figure-counter;
 }
 

src/assets/styles/paged.css

@@ -121,6 +121,7 @@ body {
     grid-template-rows: 1fr;
     grid-template-areas: "nul";
     grid-column-gap: 4mm;
+    overflow: hidden;
   }
 
   header[data-length="2"] {
@@ -135,6 +136,12 @@ body {
     grid-template-areas: "nul 1" "nul 2";
   }
 
+  header[data-length="4"] {
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 50% 50%;
+    grid-template-areas: "nul 1" "2 3";
+  }
+
   img {
     width: 100%;
     height: 100%;
@@ -163,7 +170,7 @@ body {
     grid-area: 3;
   }
 
-  article figure img {
+  figure img {
     object-fit: cover;
     width: 100%;
     height: 100%;
@@ -178,6 +185,7 @@ body {
     padding: 1mm 2mm;
     background: white;
     font-size: 8px;
+    max-width: calc(100% - 4mm);
   }
 
   @top-right {

src/content/chapters/-1-intro.md

@@ -36,13 +36,13 @@ Because salvage is not just about reusing materials; but about confronting the s
 ## Beyond the kit
 The preference for buying new is noticeable in the DIY synth community as well. When publishing a project, it's common to share a pre-filled webshop cart along with the schematics or even sell it as a pre-compiled kit[^KIT]. To me, this goes against the ethos of DIY: making do with what you have, with a focus on doing, and not the "thing" [@hertzArtDIYElectronics2023]. Instead, a whole new market is created consisting of Lego-like kits. These kits gloss over the actual challenges and difficulties of creating sound devices, preventing the development of much-needed problem-solving skills, and not actually discovering anything new [@CooperativeExperimentalismSharing].
 
-[^KIT]: ![Kit from Bastl Instruments](/assets/chapters/bastl_kit.webp)
+[^KIT]: ![Kit from Bastl Instruments](/chapters/bastl_kit.webp)
 
 <ins>Echt foto's maken...</ins>
 
-![A sound device](https://placehold.co/600x400){.img--fullpage}
+![A sound device](/chapters/transistorOSC_white.webp){.img--fullpage}
 
-Instead, what you will learn to build using this guide, is a starting point. Small electronic circuits that make sound on their own, but can also duplicated, manipulated, and modulated them into something entirely different. 
+Instead, what you will learn to build using this guide, is a starting point. Small electronic circuits that make sound on their own, but can also duplicated, manipulated, and modulated them into something entirely different.
 
 
 To do so, it’s split up into five chapters, each focusing on a different stage of salvaging for sound devices.
@@ -76,3 +76,6 @@ Methods for prototyping, modifying, and recontextualizing salvaged parts—build
 On that note, I am by no means an expert in electronics. When I write about how things work, please take it with a grain of salt. This guide represents my personal understanding, which, no doubt, contains incorrect assumptions or oversimplifications. When in doubt, ask a friend!
 
 Happy scavenging!
+
+
+Thius field guide came together during and with the help of (un)repair nights at the klank.school.

src/content/chapters/1-dismantling.md

@@ -42,20 +42,22 @@ Once you've found a piece of hardware, it's time to start dismantling the device
 ## Opening the device
 In some cases, product manufacturers provide service manuals[^repair-manual]. But in most cases, we’re left to figure it out ourselves. Fortunately, online communities like IFixIt create their own teardown guides, that can sometimes give us a head start.
 
-[^repair-manual]: These manuals contain valuable information that can help you to understand the device and to take it apart. [![This  repair manual that passed the (un)Repair Cafe contains a schematic, disassembly information, parts list and multiple trouble shooting guides](./assets/chapters/2/trouble-shoot.png)](https://elektrotanya.com/panasonic_rs-768us.pdf/download.html#dl)
+[^repair-manual]: These manuals contain valuable information that can help you to understand the device and to take it apart. [![This  repair manual that passed the (un)Repair Cafe contains a schematic, disassembly information, parts list and multiple trouble shooting guides](./chapters/trouble-shoot.png)](https://elektrotanya.com/panasonic_rs-768us.pdf/download.html#dl)
 
-Let’s take a look at the device. Can you spot any screws? They might be hidden behind warranty stickers[^warranty] or tucked away behind obscure corners. I find it helpful to follow the seams of the casing. Especially with plastic enclosures, it’s not just screws—look for small tabs or glue holding things together. 
+Let’s take a look at the device. Can you spot any screws? They might be hidden behind warranty stickers[^warranty] or tucked away behind obscure corners. I find it helpful to follow the seams of the casing. Especially with plastic enclosures, it’s not just screws—look for small tabs or glue holding things together.
 
 [^warranty]: Warranty stickers are not legally binding, as warranties are dictated by consumer laws [@aragonWarrantyVoidStickers2023].
 
-If you manage to create a small slit gap in a seam, insert a thin plastic pic and carefully push it along the seam. There might be small tabs holding the casing together. If the manufacturer really didn’t want you to get in there, they’ve glued it all up, and it is impossible to get in the device without causing permanent damage[^permanent]. 
+![Following the seams of the device](https://placehold.co/600x400)
 
-[^permanent]: A hot air gun could help to dissolve the glue, or you could cut out the plastic using a knife or drill. 
+If you manage to create a small slit gap in a seam, insert a thin plastic pic and carefully push it along the seam. There might be small tabs holding the casing together. If the manufacturer really didn’t want you to get in there, they’ve glued it all up, and it is impossible to get in the device without causing permanent damage[^permanent].
 
-Disassembly is really about patience and finding those small gaps in the enclosures, pulling and pushing until you've dismantled the entire device. Did you manage? Amazing! you’re now staring at the messy, material reality of your device[^inside]. 
+[^permanent]: A hot air gun could help to dissolve the glue, or you could cut out the plastic using a knife or drill.
+
+Disassembly is really about patience and finding those small gaps in the enclosures, pulling and pushing until you've dismantled the entire device. Did you manage? Amazing! you’re now staring at the messy, material reality of your device[^inside].
 
 ## Uncovering black boxes
-Trough design choices like hiding screws, heat stakes[^heat-stakes], strong adhesive, and using 55 different kinds of screws, it becomes clear: the manufacturer really does not want you in there. They are black boxes by design, destened to become obsolete, as servicable are not available, and components are not interchangable. 
+Trough design choices like hiding screws, heat stakes[^heat-stakes], strong adhesive, and using 55 different kinds of screws, it becomes clear: the manufacturer really does not want you in there. They are black boxes by design, destened to become obsolete, as servicable are not available, and components are not interchangable.
 
 These methods of black boxing are an attempt to keep us unconsciously incompetent, and increases the distance between the consumer and the materiality of the device. The modern laptop is silent, not giving any indication on whatever is happening on the inside, or even where the materials come from. It is only when something breaks, that their materiality becomes a reality again [@hertzZombieMediaCircuit2012] [@emersonSixDifficultInconvenient2021].
 
@@ -69,11 +71,16 @@ By opening the devices, however, we can rediscover materiality. In this, it beco
 
 ::: {.image-list}
 
-![This PCB has used ribbon wires to make an angled connection. This makes disconnecting, and later putting it back, a difficult task](/chapters/angles_2_edited.webp)
-
-![Following the seams of the device](https://placehold.co/600x400)
+![The PCB has used ribbon wires to make an angled connection. This makes disconnecting, and later putting it back, a difficult task](/chapters/angles_2_edited.webp)
 
 ![This speaker had no visible screws on the outside. 4 screws where found removing glued on protective caps](/chapters/dismanteling_2.webp)
 
 ![The last screw was even better hidden. It was found behind a sticker labeling the two input ports of the device](/chapters/dismanteling_edited_noise2.webp)
+
+![Manufacturer delibrereatly obscured the label of this chip](/chapters/obscure_labels.webp)
+
+![The camera contained a variety of screw sizes](/chapters/smallscrews.webp)
+
+### Open Lab
+These investigations were done during the open lab in the unrepair cafe.
 :::

src/content/components/0_resistor.md

@@ -3,7 +3,7 @@ title: Resistors
 parent: Components
 type: Resistor
 images:
-  - src: ./assets/components/Resistors.JPG
+  - src: ./components/Resistors.webp
     alt: 'These resistors were salvaged from a Reel to Reel recorder'
 usage: "A resistor limits the current going trough. This amount of *resistance* is expressed in Ohm (Ω)"
 whereToFind: Everywhere!

src/content/components/1_capacitor.md

@@ -5,7 +5,7 @@ description: This is the description
 usage: Capacitors stores an electrical charge, expressed in microFarads (μF), nanoFarads (nF) of picoFarads (pF).
 whereToFind: Everywhere!
 images:
-  - src: ./assets/components/Capacitors.JPG
+  - src: ./components/Capacitors.webp
     alt: 'The various sizes of Capacitors'
 schematicSymbol: https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Types_of_capacitor.svg/460px-Types_of_capacitor.svg.png
 alsoKnownAs: "Caps, condenser"

src/content/components/chips.md

@@ -3,7 +3,7 @@ title: Chips
 type: Chip
 description: This is the description
 images:
-  - src: ./assets/components/chip.JPG
+  - src: ./components/chip.webp
     alt: 'A chip sooooo small the picture has to be blurry'
 usage: Being a black boxed monolith
 whereToFind: Everywhere!

src/content/components/inputs.md

@@ -3,7 +3,7 @@ title: Inputs
 type: Inputs
 description: This is the description
 images:
-  - src: ./assets/components/Resistors.JPG
+  - src: ./components/Resistors.JPG
     alt: 'This would be a great alt text'
 ---
 

src/content/components/outputs.md

@@ -4,7 +4,7 @@ title: Outputs
 type: Outputs
 description: This is the description
 images:
-  - src: ./assets/components/Resistors.JPG
+  - src: ./components/Resistors.JPG
     alt: 'This would be a great alt text'
 
 ---

src/content/components/pcb.md

@@ -3,8 +3,15 @@ title: PCB (Printed Circuit Board)
 type: PCB
 description: This is the description
 images:
-  - src: /assets/components/PCB_1.JPG
+  - src: /components/PCB_1.webp
     alt: 'Need to include more different PCBs'
+  - src: /components/PCB_2.webp
+    alt: 'Need to include more different PCBs'
+  - src: /components/pcb_3.webp
+    alt: 'Need to include more different PCBs'
+  - src: /components/ASN_with_blob.webp
+    alt: 'Need to include more different PCBs'
+
 usage: The circuit exists on the PCB
 whereToFind: Everywhere!
 alsoKnownAs: "Protoboard, breadboard, circuit"
@@ -20,4 +27,4 @@ Printed Circuit Boards, or PCB's, are the plates on which the circuit is placed.
 
 
 ## The blob
-Have you spotted “The Blob” yet? This is every circuit benders worst nightmare. The blob is meant to protect certain bare parts of a PCB, but is also known as a type of reverse engineering protection.
+Have you spotted “The Blob” yet? This is every circuit benders worst nightmare. The blob is meant to protect certain bare parts of a PCB, but is also known as a type of reverse engineering protection.

src/content/components/transistor.md

@@ -3,7 +3,7 @@ title: Transistors
 type: transistor
 description: This is the description
 images:
-  - src: ./assets/components/TransistorsED.JPG
+  - src: ./components/TransistorsED.webp
     alt: ‘note to self, not sure all of these are transistors’
 usage: "A transistor is a switch that is controlled trough voltage"
 whereToFind: Everywhere!
@@ -15,13 +15,13 @@ The transistor is a switch that can be operated by applying a small voltage to o
 
 Transistors come in many shapes and sizes. Some are meant to dissipate heat, and are connected to a heatsink, they are ususally near a power source.
 
-Remy & Huang stipt Moore's law en Jevons paradox aan als voorbeelden waarom het een enorme uitdaging is om obscolescence tegen te gaan (Remy & Huang, 2015). **Moore's Law** is de voorspelling dat het aantal transistors in een IC elk jaar verdubbeld. Dit insinueert en speelt in op het idee dat je elke twee jaar je IC's moet upgraden, omdat je anders achterloopt, en creeert de illusie dat innovatie en ontwikkeling oneindig is. (“Moore’s Law,” wikipedia 2025) **Jevons paradox** is het effect dat opspeelt wanneer door technologische ontwikkeling een resource efficienter wordt (minder gebruikt) de vraag juist vergroot. Denkende aan de computer die eerst een kamer vulde, en nu zijn er datacenters van honderden vierkante kilometers.
+<ins>Remy & Huang stipt Moore's law en Jevons paradox aan als voorbeelden waarom het een enorme uitdaging is om obscolescence tegen te gaan (Remy & Huang, 2015). **Moore's Law** is de voorspelling dat het aantal transistors in een IC elk jaar verdubbeld. Dit insinueert en speelt in op het idee dat je elke twee jaar je IC's moet upgraden, omdat je anders achterloopt, en creeert de illusie dat innovatie en ontwikkeling oneindig is. (“Moore’s Law,” wikipedia 2025) **Jevons paradox** is het effect dat opspeelt wanneer door technologische ontwikkeling een resource efficienter wordt (minder gebruikt) de vraag juist vergroot. Denkende aan de computer die eerst een kamer vulde, en nu zijn er datacenters van honderden vierkante kilometers.</ins>
 
 
-EN ook moores law hier:
+<ins>EN ook moores law hier:
 Structured obsolescence is an economic strategy whereby a consumer technology is manufactured with the assumption that it has a limited life span and will need replacement with a newer and upgraded model within a given number of years. This logic benefits manufacturers and attempts to build a company’s financial future based on consumer band loyalty. The concept of structured obsolescence is hardwired into consumer technologies ranging from the refrigerator to the radio, from the computer to the car, and has been operational in the consumer products industry since the late nineteenth century. One of its effects has been to generate an excess of functional machines that are never exploited to their full potential. They are only partially used and then discarded when a new version, model, or upgrade becomes available on the market. Contemporary junkyards, thrift shops, and garages have become shrines to structured obsolescence. In these secondhand commerce zones lies an unwieldy accumulation of machines with low use-value precisely because they have already been used.6 uit [@parksFallingApartElectronics2007]
-
+</ins>
 
 [^touch]: When circuit bending, transistors are great to touch, as the heat of your finger could alter the sound.
 <ins>About Moore's law and transistors - and what kind of an expectation that creats</ins>
-<ins>Also ; transistors and synthesizers are a good combo</ins>
+<ins>Also ; transistors and synthesizers are a good combo</ins>