Add "Vorbereitungen eines Sarasani"

.vitepress/components/ImageWithCaption.vue

@@ -0,0 +1,39 @@
+<script setup>
+import { defineProps } from "vue";
+
+const props = defineProps({
+  imgSrc: {
+    type: String,
+    required: true,
+  },
+  sideCaption: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>
+<template>
+  <div class="flex justify-start items-start w-full" :class="{
+    'md:flex-row space-x-2': sideCaption,
+    'flex-col': !sideCaption,
+  }">
+  <div :class="{
+    'w-1/2': sideCaption,
+    'w-full': !sideCaption,
+  }">
+    <a :href="imgSrc" target="_blank" class="">
+      <img class="rounded-md" :src="imgSrc"  />
+    </a>
+  </div>
+  <div :class="{
+    'w-1/2': sideCaption,
+    'w-full': !sideCaption,
+  }">
+    <div>
+    <div class="text-sm pt-1 pb-2 break-words break hyphens-auto">
+      <slot></slot>
+    </div>
+  </div>
+  </div>
+  </div>
+</template>

.vitepress/theme/index.js

@@ -6,6 +6,7 @@ import Chapter from '../components/Chapter.vue'
 import LinkButton from '../components/LinkButton.vue'
 import PageNavigator from '../components/PageNavigator.vue'
 import BulkOrderForm from '../components/BulkOrderForm.vue'
+import ImageWithCaption from '../components/ImageWithCaption.vue'
 
 
 /** @type {import('vitepress').Theme} */
@@ -16,6 +17,7 @@ export default {
     app.component('LinkButton', LinkButton)
     app.component('PageNavigator', PageNavigator)
     app.component('BulkOrderForm', BulkOrderForm)
+    app.component('ImageWithCaption', ImageWithCaption)
 
   }
 }

.vitepress/theme/style.css

@@ -54,9 +54,6 @@
     @apply border-t border-b border-book-red py-1 px-4 text-left;
   }
 
-  img {
-    @apply mx-auto my-5;
-  }
 }
 @tailwind components;
 @tailwind utilities;

blachen.md

@@ -5,14 +5,73 @@ order: 2
 
 Als Ergänzung zu den Ideen in der Pfaditechnik findest du hier einige Ideen, was du mit Blachen bauen kannst. Wenn du selber tolle Fotos hast, dann kannst du sie uns gerne zur Verfügung stellen: [email protected]
 
+<PageNavigator/>
+## Inspiration
+<div class="grid grid-cols-1 md:grid-cols-2 gap-2 pt-5">
+<ImageWithCaption imgSrc="/img/blachen/Blachenbauten_6.jpg">
+Doppelsarasani<br>
+Pfadi Pfäffikon, Züri Oberland, La-Ge 2024
+</ImageWithCaption>
+<ImageWithCaption imgSrc="/img/blachen/Blachenbauten_7.jpg">
+First 80 Blachen, 2 x 64 Blachen für die Sarasanis. Total 208 Blachen.<br>
+Höhe der Masten 17 m, jeweils 1.5 m im Boden versenkt.<br>
+Türme 12 m
 
-![Blachenbauten_1](/img/blachen/Blachenbauten_1.jpg)
+</ImageWithCaption>
+<ImageWithCaption imgSrc="/img/blachen/Blachenbauten_1.jpg">
+Aufgehängtes Latrine-Zelt PTA Gloggi, Pfila 2022<br>
+Mast 5 m, 3 Blachen an aufgehängtem Holzring
+</ImageWithCaption>
+<ImageWithCaption imgSrc="/img/blachen/Blachenbauten_2.jpg">
+Blachen-Hängematten<br>
+Unterwegs-Basiskurs AG123-20
+</ImageWithCaption>
+<ImageWithCaption imgSrc="/img/blachen/Blachenbauten_3.jpg">
+Turm mit Rollstuhlrampe und Aufenthaltszelt<br>
+PTA Gloggi, Sola
+</ImageWithCaption>
+<ImageWithCaption imgSrc="/img/blachen/Blachenbauten_4.jpg">
+Aufgehängter Mini-Sarasani mit 12 Blachen<br>
+Unterwegs-Basiskurs TG122-17
+</ImageWithCaption>
+<ImageWithCaption imgSrc="/img/blachen/Blachenbauten_5.jpg">
+Sarasani
+Pfadi Hinterthurgau, Tech-WE 2022<br>
+Vorne: 39 Blachen, Mast ca. 8 m<br>
+Hinten: 48 Blachen, Mast ca. 9 m
+</ImageWithCaption>
+</div>
 
-![Blachenbauten_2](/img/blachen/Blachenbauten_2.jpg)
+## Vorbereitungen eines Sarasani
 
-![Blachenbauten_3](/img/blachen/Blachenbauten_3.jpg)
-
-![Blachenbauten_4](/img/blachen/Blachenbauten_4.jpg)
-
-![Blachenbauten_5](/img/blachen/Blachenbauten_5.jpg)
+<div class="grid grid-cols-1 md:grid-cols-2 gap-2 pt-5">
+<ImageWithCaption :sideCaption="true" imgSrc="/img/blachen/sarasani-steps/1.jpeg">
+<p class="font-bold pb-1 text-base">1. Mastspitze vorbereiten</p>
+Befestige zwei 40 m Bauseile mittig mit Mastwurf an der Mastspitze zur Abspannung in vier Richtungen.
+</ImageWithCaption>
+<ImageWithCaption :sideCaption="true" imgSrc="/img/blachen/sarasani-steps/2.jpeg">
+<p class="font-bold pb-1 text-base">2. Karabiner für Aufzug-Rolle befestigen</p>
+Bringe einen Karabiner unter den Abspannseilen an und hänge die Aufzug-Rolle daran.
+</ImageWithCaption>
+<ImageWithCaption :sideCaption="true" imgSrc="/img/blachen/sarasani-steps/3.jpeg">
+<p class="font-bold pb-1 text-base">3. Aufzugseil einrichten</p>
+Befestige ein 5 m Bauseil (hier schwarz) mit Karabiner, hänge die Rolle ein und fädele das Aufzugseil (hier grün und ca. 20 m) ein.
+</ImageWithCaption>
+<ImageWithCaption :sideCaption="true" imgSrc="/img/blachen/sarasani-steps/4.jpeg">
+<p class="font-bold pb-1 text-base">4. Tragseile anbringen:</p>
+Verwende drei Bauseile, um die Blachen später zu tragen.
+</ImageWithCaption>
+<ImageWithCaption :sideCaption="true" imgSrc="/img/blachen/sarasani-steps/5.jpeg">
+<p class="font-bold pb-1 text-base">5. Latten vorbereiten</p>
+Lege drei Doppellatten (ca. 48 mm x 48 mm x 2.2 m) für das Aufhängedreieck bereit.
+</ImageWithCaption>
+<ImageWithCaption :sideCaption="true" imgSrc="/img/blachen/sarasani-steps/6.jpeg">
+<p class="font-bold pb-1 text-base">6. Blachenspitzen befestigen</p>
+Binde die Spitzen der Blachen mittig an den Latten fest und rolle sie bis zur Diagonalen auf.
+</ImageWithCaption>
+<ImageWithCaption :sideCaption="true" imgSrc="/img/blachen/sarasani-steps/7.jpeg">
+<p class="font-bold pb-1 text-base">7. Latten verbinden</p>
+Verbinde die Latten mit Kreisbünden zu einem stabilen Dreieck.
+</ImageWithCaption>
+</div>
 

tailwind.config.js

@@ -3,6 +3,7 @@ module.exports = {
   content: [
     "./.vitepress/theme/**/*.{js,vue}",
     "./.vitepress/components/**/*.{js,vue}",
+    "./*.md",
   ],
   theme: {
     fontFamily: {