add the handleiding page

Author: Matthijz98

src/lib/components/admin/recipies/RecipeForm.svelte

@@ -280,7 +280,7 @@
 
 			<div>
 				<label for="short_description" class="block text-sm font-medium text-gray-700 mb-1"
-					>Beschrijving *</label
+					>Beschrijving</label
 				>
 				<MarkdownEditor
 					bind:value={short_description}

src/routes/admin/handleiding/+page.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+
+</script>
+
+<div class="container mx-auto p-4 bg-white rounded shadow mt-12">
+    <h1 class="text-center text-7xl font-bold mb-4">HapMap</h1>
+    <h2 class="text-center text-5xl font-bold mb-8">Snel een recept toevoegen? Zo doe je dat!</h2>
+    <ol class="list-decimal list-inside mb-8">
+        <li><strong>Naam:</strong> Geef je recept een naam. Niet te vaag, niet te gek. "Pasta" is saai, "Super Deluxe Romige Knoflookpasta" is beter. De naam moet uniek zijn, anders raakt het systeem in de war (en jij ook).</li>
+        <li><strong>Categorie:</strong> Kies een categorie. Staat jouw categorie er niet bij? Stuur een mailtje of appje, dan fixen we het.</li>
+        <li><strong>Beschrijving:</strong> Schrijf een korte beschrijving. Wat maakt dit recept speciaal? Waarom moet iemand dit eten? Houd het kort, niemand leest toch lange teksten.</li>
+        <li><strong>Ingrediënten:</strong> Vul alle ingrediënten in. Let op: hoeveelheden zijn <u>per eter</u>. Dus niet voor het hele kamp, maar per persoon. Kruiden? Doe een schatting, niemand weet precies hoeveel een snufje is.</li>
+        <li><strong>Alternatieve ingrediënten:</strong> Kan iets vervangen worden? Zet het erbij. Zo kan iedereen meedoen, zelfs de moeilijke eters.</li>
+        <li><strong>Opslaan:</strong> Klaar? Sla het recept op. Alles is meteen live, dus geen stress als je een foutje maakt – je kunt het altijd aanpassen.</li>
+    </ol>
+    <h3 class="text-2xl font-bold mb-2">Tips:</h3>
+    <ul class="list-disc list-inside mb-8">
+        <li>Alle ingrediënten in kleine letters, anders snapt het systeem het niet.</li>
+        <li>Recepten zijn direct zichtbaar. Nog niet af? Geen probleem, je kunt altijd verder werken.</li>
+        <li>Wees niet bang om te experimenteren. Fouten maken mag, behalve als je rozijnen in de pasta doet.</li>
+    </ul>
+    <h2 class="text-center text-4xl font-bold">Geplande features:</h2>
+    <ul>
+        <li>Een print pagina om een recept makkelijk te kunnen printen</li>
+        <li>Een tooltje om makkelijk meerdere recepten te kiezen voor een kamp. En een gecombineerde boodschappenlijst te genereren</li>
+        <li>Filters voor de zoek functie</li>
+        <li>De optie om foto's toe te voegen aan recepten</li>
+        <li>SEO optimalisatie zodat de pagina's beter gevonden kunnen worden door Google</li>
+        <li>Een manier om de hele HapMap te exporteren als .pdf</li>
+        <li>Misschien wel een app</li>
+    </ul>
+</div>