Add partials, add new images, edit html pages

Webauftritt/eportfolio/spiritofcurling.html

@@ -8,11 +8,59 @@
 
 {{> nav spiritActive=true}}
 
-<div class="flex flex-col">
-    <h1 class="flex justify-center">Spirit of Curling</h1> <!--todo refine the positioning of text on page-->
-    <p class="flex justify-center text-center w-6/12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper, enim sed sodales egestas,
-        leo nisl dictum libero, nec finibus ipsum enim viverra nunc. Aenean posuere augue nec bibendum iaculis.
-        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
+<div class="flex flex-col items-center">
+    <h1 class="">Spirit of Curling</h1>
+    <p class="text-center w-6/12">Der Spirit of Curling ist eine Art Regelwerk, welches beschreibt wie
+        ein Curler den Respekt gegenüber den Mitspielern, Gegnern und dem Sport selbst zeigen soll.</p>
+</div>
+
+<div class="h-full grid grid-cols-3 gap-0.5 content-start p-16">
+    {{> spiritofcurlingitem
+    title="Manieren"
+    description="Ein Curler verhält sich imemr anständig, zuvorkommend und wie ein Gentleman."
+    image="/spiritofcurling/ways.png"}}
+
+    {{> spiritofcurlingitem
+    title="Gewinn ist das Ziel"
+    description="Ein Curler spielt um zu gewinnen, nie aber um seinen Gegner zu erniederigen."
+    image="/spiritofcurling/trophy.png"}}
+
+    {{> spiritofcurlingitem
+    title="Keine Ablenkung"
+    description="Ein Curler wird nie versuchen seinen Gegner abzulenken oder ihn daran zu hindern, sein Bestes zu tun."
+    image="/spiritofcurling/distraction.png"}}
+
+    {{> spiritofcurlingitem
+    title="Keine Vorteile verschaffen"
+    description="Ein Curler versucht nie, mit anderen Mitteln als mit den spielerischen Möglichkeiten, Vorteile zu
+    erzielen."
+    image="/spiritofcurling/plus.png"}}
+
+    {{> spiritofcurlingitem
+    title="Zuerst verlieren lernen"
+    description="Ein Curler muss zuerst lernen zu verlieren, erst dann ist er auch würdig zu gewinnen."
+    image="/spiritofcurling/psychology.png"}}
+
+    {{> spiritofcurlingitem
+    title="Niederlage über ungerechtem Sieg"
+    description="Ein Curler zieht eine Niederlage einem ungerecheten Sieg vor."
+    image="/spiritofcurling/disappointed.png"}}
+
+    {{> spiritofcurlingitem
+    title="Keine verstösse gegen Spielregeln"
+    description="Ein Curler verstösst nie absichtlich gegen Spielregeln oder eine der geschriebenen oder ungeschriebenen
+    Überlieferungen"
+    image="/spiritofcurling/prohibited.png"}}
+
+    {{> spiritofcurlingitem
+    title="Keine unerwarteten Handlungen"
+    description="Ein Curler wird nie etwas tun, was er auch von seinen Mitspielern nicht erwartet."
+    image="/spiritofcurling/magic.png"}}
+
+    {{> spiritofcurlingitem
+    title="Gegnerfreundlich"
+    description="Ein Curler entscheidet sich in Streitfragen immer zu Gunsten seines Gegners."
+    image="/spiritofcurling/friendly.png"}}
 </div>
 
 <script type="module" src="/main.js"></script>