make graphs and other worthwile images pop out with a lightbox

Author: rumpelst1lzk1n

book.toml

@@ -11,6 +11,14 @@ optional = true
 
 [output.html]
 git-repository-url = "https://github.com/rumpelst1lzk1n/rumpelst1lzk1n.github.io"
+additional-css = ["src\\custom.css", "src\\lightbox\\css\\lightbox.min.css"]
+additional-js = [
+  "src\\lightbox\\js\\lightbox-plus-jquery.min.js",
+  "src\\lightbox\\js\\lightbox.min.js",
+  "src\\lightbox\\lightbox.init.js",
+]
+
+[preprocessor.links]
 
 [output.html.fold]
 enable = true

src/005_legal_stuff.md

@@ -60,7 +60,11 @@ Die Kategorie "Open" ist nochmal in 3 Unterkategorien A1-A3 unterteilt. Auf dies
 
 Unsere Kopter fallen normalerweise in die Sub-Kategorien A1 (unter 250 Gramm) oder A3 (darüber).
 
-[![UAV Kategorien](/img/legal/categories.png)](https://www.lba.de/DE/Drohnen/Fernpiloten/Anforderungen_Fernpiloten_node.html)
+<a href="/img/legal/categories.png" data-lightbox="image-1" data-title="UAV Kategorien">
+    <img src="/img/legal/categories.png" alt="UAV Kategorien">
+</a>
+
+Siehe auch [Website des LBA](https://www.lba.de/DE/Drohnen/Fernpiloten/Anforderungen_Fernpiloten_node.html).
 
 #### technische Kategorien
 

src/03_decisions/010_radio/010_radio.md

@@ -18,10 +18,12 @@ Als vorherrschende Formfaktoren bei Fernbedienungen gibt es Gamepad und Vollform
 
 Nachfolgend einige populäre Vertreter dieser Formfaktoren.
 
-| Vollformat                                                   | Gamepad                                         | Zwischending                                                 |
-| ------------------------------------------------------------ | ----------------------------------------------- | ------------------------------------------------------------ |
-| ![Radiomaster TX16S](/img/radiomaster/radiomaster_tx16s.png) | ![TBS Tango 2](/img/team_blacksheep/tango2.png) | ![Radiomaster Boxer](/img/radiomaster/radiomaster_boxer.png) |
-|                                                              | ![Jumper T-Pro](/img/jumper/jumper_t-pro.png)   |                                                              |
+<div class="image-grid">
+  <a href="/img/radiomaster/radiomaster_tx16s.png" data-lightbox="radio-set" data-title="Radiomaster TX16S"><img src="/img/radiomaster/radiomaster_tx16s.png" alt="Radiomaster TX16S"></a>
+  <a href="/img/team_blacksheep/tango2.png" data-lightbox="radio-set" data-title="TBS Tango 2"><img src="/img/team_blacksheep/tango2.png" alt="TBS Tango 2"></a>
+  <a href="/img/radiomaster/radiomaster_boxer.png" data-lightbox="radio-set" data-title="Radiomaster Boxer"><img src="/img/radiomaster/radiomaster_boxer.png" alt="Radiomaster Boxer"></a>
+  <a href="/img/jumper/jumper_t-pro.png" data-lightbox="radio-set" data-title="Jumper T-Pro"><img src="/img/jumper/jumper_t-pro.png" alt="Jumper T-Pro"></a>
+</div>
 
 ## Modi
 
@@ -33,7 +35,7 @@ Welche Achse genau das ist, hängt vom Modus ab, auf den deine Funkfernsteuerung
 
 Hier nochmal zur Verdeutlichung, wie du dir die Bewegung der einzelnen Achsen vorstellen darfst:
 
-![Steuer-Achsen](/img/misc/control_axis.png)
+<a href="/img/misc/control_axis.png" data-lightbox="control-axis" data-title="Steuer-Achsen"><img src="/img/misc/control_axis.png" alt="Steuer-Achsen"></a>
 
 Normal kann jede Funke alle Modi. Der Wechsel zwischen Modi, bei denen sich die Gas-Achse nicht verändert, lässt sich einfach in der Software konfigurieren.
 

src/03_decisions/020_simulator/022_racing_getting_started.md

@@ -114,7 +114,7 @@ Klicke dazu dann auf der rechten Seite auf **Advanced Drone Settings**.
 
 Folgende Einstellungen empfehle ich für den Anfang um Rennen zu fliegen:
 
-![rate menu](/img/velocidrone/velocidrone_ingame_rate_menu.png)
+<a href="/img/velocidrone/velocidrone_ingame_rate_menu.png" data-lightbox="race-menu" data-title="Race Menu"><img src="/img/velocidrone/velocidrone_ingame_rate_menu.png" alt="Race Menu"></a>
 
 Der Graph unten links hilft dir, das Verhalten einzuschätzen. Die X-Achse ist dabei dein Stick-Input. Die meisten Rate-Typen bestehen aus 2-3 Variablen mit denen du das Aussehen der Kurve beeinflussen kannst.
 

src/03_decisions/030_video_systems/030_video_systems.md

@@ -28,7 +28,7 @@ Wenn du vermutest, dass dein Videosignal von WLAN gestört wird, kann es sich lo
 
 Beim Anschalten des Videosenders kann dieser auch auf anderen als den ausgewählten Frequenzen senden. Vermeide es daher, deinen Videosender in unmittelbarer Nähe von anderen Piloten einzuschalten.
 
-![FPV Channel Übersicht](https://oscarliang.com/wp-content/uploads/2021/05/5.8ghz-fpv-channels-chart-diagram-frequency-analog-digital-dji-o3-walksnail-avatar-hdzero-09-2023.jpg)
+<a href="https://oscarliang.com/wp-content/uploads/2021/05/5.8ghz-fpv-channels-chart-diagram-frequency-analog-digital-dji-o3-walksnail-avatar-hdzero-09-2023.jpg" data-lightbox="fpv-channel" data-title="FPV Channel Übersicht"><img src="https://oscarliang.com/wp-content/uploads/2021/05/5.8ghz-fpv-channels-chart-diagram-frequency-analog-digital-dji-o3-walksnail-avatar-hdzero-09-2023.jpg" alt="FPV Channel Übersicht"></a>
 
 Nicht alle einstellbaren Frequenzen sind in Europa legal. Welche legal geflogen werden dürfen, kannst der Grafik oben entnehmen.
 

src/03_decisions/030_video_systems/032_digital_DJI.md

@@ -77,7 +77,7 @@ Die Runcam Wasp und Falcon sind auch noch OK, allerdings können diese nur 4:3,
 
 Alle andern Kameras sind irrelevant. Bestenfalls zählt die Caddx Polar noch als Notnagel.
 
-![DJI Cams](/img/DJI/dji_cams.png)
+<a href="/img/DJI/dji_cams.png" data-lightbox="dji-cam-chart" data-title="DJI Cams"><img src="/img/DJI/dji_cams.png" alt="DJI Cams"></a>
 
 ### V2
 
@@ -97,7 +97,7 @@ Die AirUnit hat Onboard-Recording auf einen internen Speicher. Dieser kann mit e
 
 Es gibt ein OpenSource-Hacker-Projekt um das V1-FPV-System von DJI namens [WTFOS](https://fpv.wtf/). Das System erlaubt die Erweiterung des DJI Systems um einige von der Community nachgefragte Features, die DJI nicht liefern wollte. Allerdings blockt DJI in neueren Versionen die initiale Installation des Hacks.
 
-![ItsBluntys DJI Firmware Chart](/img/itsblunty/itsblunty_dji_firmware_chart.png)
+<a href="/img/itsblunty/itsblunty_dji_firmware_chart.png" data-lightbox="blunty-dji-fw-chart" data-title="ItsBluntys DJI Firmware Chart"><img src="/img/itsblunty/itsblunty_dji_firmware_chart.png" alt="ItsBluntys DJI Firmware Chart"></a>
 
 Wenn du eine Version auf der Brille haben solltest, mit der WTF.OS geblockt ist, kannst du mit dem Projekt [fpv-wtf/butter](https://github.com/fpv-wtf/butter) eine Firmware flashen, mit der die Installation des Hacks wieder möglich sein sollte.
 

src/04_copters/010_components/016_motor.md

@@ -21,7 +21,9 @@ Die Leistungsfähigkeit eines Motors ergibt sich aus seinem Volumen. Ein hoher s
 Die Motor-Größe wird üblicherweise an der Größe der Propeller fest gemacht. Für Standard-5"-Quads haben sich die Größen 2207 und 2306 etabliert.
 
 Nachfolgende Grafik gibt eine Empfehlung, welches Motor-Volumen sich für welche Propellergröße eignen und wo einige populäre Motorgrößen einzuordnen sind.
-![motor volume vs prop diameter by Chris Rosser](/img/chris_rosser_motor_size_vs_prop_diameter.png)
+
+<a href="/img/chris_rosser_motor_size_vs_prop_diameter.png" data-lightbox="rosser-motor-prop-chart" data-title="motor volume vs prop diameter by Chris Rosser"><img src="/img/chris_rosser_motor_size_vs_prop_diameter.png" alt="motor volume vs prop diameter by Chris Rosser"></a>
+
 
 ### KV
 

src/04_copters/010_components/018_miscellaneous.md

@@ -12,8 +12,8 @@ Da wir beim FPV-Flug eher kurze Spitzenlast haben, musst du dir keine Sorgen mac
 
 Bei Koptern bis ca 250-300 Gramm sind XT30 gebräuchlich. Auf den Standard 5-Zoll Koptern ist XT60 üblich.
 
-| XT60 mit Endkappe | XT60 | XT30 |
-| --- | --- | --- |
+| XT60 mit Endkappe                                  | XT60                                            | XT30                                             |
+| -------------------------------------------------- | ----------------------------------------------- | ------------------------------------------------ |
 | ![XT60 mit Endkappe](/img/amass/amass_XT60H-M.png) | ![XT60 mit Endkappe](/img/amass/amass_XT60.png) | ![XT60 mit Endkappe](/img/amass/amass_XT30U.png) |
 
 Für TinyWhoops gibt es zudem noch Akkus mit kleineren Anschlüssen. JST-PH2 ist wohl der geläufigste Typ hierfür.
@@ -24,8 +24,8 @@ Es wir empfohlen, einen Kondensator mit an die Batterie-Pads des ESC zu löten.
 
 Insbesondere beim Abbremsen der Motoren entstehen Rückspeisungen in die anderen elektronischen Komponenten. Diese können lokal sehr hohe Spannungen verursachen und dadurch beim ESC oder andere Komponenten Überspannungsschäden verursachen.
 
-| Beispiel eines explodierenden ESCs |
-| --- |
+| Beispiel eines explodierenden ESCs                                                                  |
+| --------------------------------------------------------------------------------------------------- |
 | [![ESC goes boom](/img/g3gg0/esc_goes_boom.png)](https://www.youtube.com/watch?v=tTln5ggb0FE&t=29s) |
 
 Achte beim anbringen des Kondensators auf die richtige Polarisation (+ zu +, - zu -), sonst sprengst du den Kondensator.

src/custom.css

@@ -0,0 +1,12 @@
+/* src/custom.css */
+.image-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;
+}
+
+.image-grid img {
+    width: 100%;
+    height: auto;
+    cursor: pointer;
+}