From ceec6881564aec88a8c76ed4a7a9ac2beebde0eb Mon Sep 17 00:00:00 2001
From: Tobias Hilfiker <tobias.hilfiker@edu.gbssg.ch>
Date: Tue, 20 Dec 2022 10:01:56 +0100
Subject: [PATCH] Edit nav, add imageAlt, add placeholder video

---
 Webauftritt/eportfolio/impressions.html       |  4 +++
 Webauftritt/eportfolio/partials/nav.hbs       |  4 +--
 .../partials/spiritofcurlingitem.hbs          |  2 +-
 Webauftritt/eportfolio/spiritofcurling.html   | 27 ++++++++++++-------
 4 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/Webauftritt/eportfolio/impressions.html b/Webauftritt/eportfolio/impressions.html
index 9116c6c..9c96cd4 100644
--- a/Webauftritt/eportfolio/impressions.html
+++ b/Webauftritt/eportfolio/impressions.html
@@ -10,6 +10,10 @@
 
 <h1 class="flex justify-center">Beispiele</h1> <!--todo refine the positioning of text on page-->
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen class="self-center"></iframe>
+
 <script type="module" src="/main.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/Webauftritt/eportfolio/partials/nav.hbs b/Webauftritt/eportfolio/partials/nav.hbs
index 9933ea5..c2dbc92 100644
--- a/Webauftritt/eportfolio/partials/nav.hbs
+++ b/Webauftritt/eportfolio/partials/nav.hbs
@@ -1,9 +1,9 @@
 <nav class="bg-navbackground h-32 text-right flex flex-row justify-between items-center px-20">
     <img src="/curling_logo.png" alt="Logo" class="h-28"/>
     <div class="flex justify-between w-1/3 text-textcolor">
-        <a href="index.html" class="nav-item {{#if homeActive}}font-bold{{/if}}">Home</a>
+        <a href="index.html" class="{{#if homeActive}}font-bold{{/if}}">Home</a>
         <a href="rules.html" class="{{#if rulesActive}}font-bold{{/if}}">Regeln</a>
         <a href="spiritofcurling.html" class="{{#if spiritActive}}font-bold{{/if}}">Spirit of Curling</a>
-        <a href="examles.html" class="{{#if examplesActive}}font-bold{{/if}}">Beispiele</a>
+        <a href="impressions.html" class="{{#if examplesActive}}font-bold{{/if}}">Impressionen</a>
     </div>
 </nav>
\ No newline at end of file
diff --git a/Webauftritt/eportfolio/partials/spiritofcurlingitem.hbs b/Webauftritt/eportfolio/partials/spiritofcurlingitem.hbs
index 53e8edf..16b7d2d 100644
--- a/Webauftritt/eportfolio/partials/spiritofcurlingitem.hbs
+++ b/Webauftritt/eportfolio/partials/spiritofcurlingitem.hbs
@@ -1,5 +1,5 @@
 <div class="flex flex-row bg-banner w-96 mb-6 items-center">
-    <img src="{{image}}" alt="Regeln" class="w-12 h-12 justify-center mr-5 ml-5"/>
+    <img src="{{image}}" alt="{{imageAlt}}" class="w-12 h-12 justify-center mr-5 ml-5"/>
     <div>
         <p class="font-bold">{{title}}</p>
         <p>{{description}}</p>
diff --git a/Webauftritt/eportfolio/spiritofcurling.html b/Webauftritt/eportfolio/spiritofcurling.html
index ec6aebe..c8a2c7c 100644
--- a/Webauftritt/eportfolio/spiritofcurling.html
+++ b/Webauftritt/eportfolio/spiritofcurling.html
@@ -18,49 +18,58 @@
     {{> spiritofcurlingitem
     title="Manieren"
     description="Ein Curler verhält sich imemr anständig, zuvorkommend und wie ein Gentleman."
-    image="/spiritofcurling/ways.png"}}
+    image="/spiritofcurling/ways.png"
+    imageAlt="Icon Manieren"}}
 
     {{> spiritofcurlingitem
     title="Gewinn ist das Ziel"
     description="Ein Curler spielt um zu gewinnen, nie aber um seinen Gegner zu erniederigen."
-    image="/spiritofcurling/trophy.png"}}
+    image="/spiritofcurling/trophy.png"
+    imageAlt="Icon Gewinn"}}
 
     {{> 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"}}
+    image="/spiritofcurling/distraction.png"
+    imageAlt="Icon Ablenkung"}}
 
     {{> 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"}}
+    image="/spiritofcurling/plus.png"
+    imageAlt="Icon Vorteile"}}
 
     {{> 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"}}
+    image="/spiritofcurling/psychology.png"
+    imageAlt="Icon Psychologie"}}
 
     {{> spiritofcurlingitem
     title="Niederlage über ungerechtem Sieg"
     description="Ein Curler zieht eine Niederlage einem ungerecheten Sieg vor."
-    image="/spiritofcurling/disappointed.png"}}
+    image="/spiritofcurling/disappointed.png"
+    imageAlt="Icon Niederlage"}}
 
     {{> 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"}}
+    image="/spiritofcurling/prohibited.png"
+    imageAlt="Icon Verboten"}}
 
     {{> spiritofcurlingitem
     title="Keine unerwarteten Handlungen"
     description="Ein Curler wird nie etwas tun, was er auch von seinen Mitspielern nicht erwartet."
-    image="/spiritofcurling/magic.png"}}
+    image="/spiritofcurling/magic.png"
+    imageAlt="Icon unerwartet"}}
 
     {{> spiritofcurlingitem
     title="Gegnerfreundlich"
     description="Ein Curler entscheidet sich in Streitfragen immer zu Gunsten seines Gegners."
-    image="/spiritofcurling/friendly.png"}}
+    image="/spiritofcurling/friendly.png"
+    imageAlt="Icon Freundlich"}}
 </div>
 
 <script type="module" src="/main.js"></script>