From a37bf58d969cce90bcb397b0f651fa8f20d7b71c Mon Sep 17 00:00:00 2001
From: Tobias Hilfiker <tobias.hilfiker@edu.gbssg.ch>
Date: Mon, 19 Dec 2022 21:45:41 +0100
Subject: [PATCH] Add partials, add new images, edit html pages

---
 Webauftritt/eportfolio/howto.html             |  15 -----
 .../{examles.html => impressions.html}        |   0
 Webauftritt/eportfolio/index.html             |   6 +-
 Webauftritt/eportfolio/partials/nav.hbs       |   3 +-
 .../partials/spiritofcurlingitem.hbs          |   7 +++
 .../public/spiritofcurling/disappointed.png   | Bin 0 -> 1112 bytes
 .../public/spiritofcurling/distraction.png    | Bin 0 -> 395 bytes
 .../public/spiritofcurling/friendly.png       | Bin 0 -> 1036 bytes
 .../public/spiritofcurling/magic.png          | Bin 0 -> 764 bytes
 .../public/spiritofcurling/plus.png           | Bin 0 -> 265 bytes
 .../public/spiritofcurling/prohibited.png     | Bin 0 -> 999 bytes
 .../public/spiritofcurling/psychology.png     | Bin 0 -> 883 bytes
 .../public/spiritofcurling/rules.png          | Bin 0 -> 571 bytes
 .../public/spiritofcurling/trophy.png         | Bin 0 -> 11980 bytes
 .../public/spiritofcurling/ways.png           | Bin 0 -> 806 bytes
 Webauftritt/eportfolio/rules.html             |  48 +++++----------
 Webauftritt/eportfolio/spiritofcurling.html   |  58 ++++++++++++++++--
 Webauftritt/eportfolio/tailwind.config.cjs    |   7 ++-
 18 files changed, 83 insertions(+), 61 deletions(-)
 delete mode 100644 Webauftritt/eportfolio/howto.html
 rename Webauftritt/eportfolio/{examles.html => impressions.html} (100%)
 create mode 100644 Webauftritt/eportfolio/partials/spiritofcurlingitem.hbs
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/disappointed.png
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/distraction.png
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/friendly.png
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/magic.png
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/plus.png
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/prohibited.png
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/psychology.png
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/rules.png
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/trophy.png
 create mode 100644 Webauftritt/eportfolio/public/spiritofcurling/ways.png
diff --git a/Webauftritt/eportfolio/howto.html b/Webauftritt/eportfolio/howto.html
deleted file mode 100644
index c362cac..0000000
--- a/Webauftritt/eportfolio/howto.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>How to Play</title>
-</head>
-<body class="bg-primary">
-
-{{> nav howtoActive=true}}
-
-<h1 class="flex justify-center">How To Play</h1> <!--todo refine the positioning of text on page-->
-
-<script type="module" src="/main.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/Webauftritt/eportfolio/examles.html b/Webauftritt/eportfolio/impressions.html
similarity index 100%
rename from Webauftritt/eportfolio/examles.html
rename to Webauftritt/eportfolio/impressions.html
diff --git a/Webauftritt/eportfolio/index.html b/Webauftritt/eportfolio/index.html
index e6cbd13..554d46e 100644
--- a/Webauftritt/eportfolio/index.html
+++ b/Webauftritt/eportfolio/index.html
@@ -20,16 +20,12 @@ todo -> bind to bottom of page
         <img src="./public/rules.svg" alt="Regeln" class="w-20 h-20"/>
         <p class="text-center">Regeln</p>
     </a>
-    <a href="howto.html" class="flex flex-col align-middle">
-        <img src="./public/question.svg" alt="How to Play" class="w-20 h-20"/>
-        <p class="text-center">How to play</p>
-    </a>
     <a href="spiritofcurling.html" class="flex flex-col align-middle">
         <img src="./public/rules.svg" alt="Spirit of Curling" class="w-20 h-20"/>
         <!--todo replace icon with actual icon-->
         <p class="text-center">Spirit of Curling</p>
     </a>
-    <a href="examles.html" class="flex flex-col align-middle">
+    <a href="impressions.html" class="flex flex-col align-middle">
         <img src="./public/extension.svg" alt="Beispiele" class="w-20 h-20"/>
         <p class="text-center">Beispiele</p>
     </a>
diff --git a/Webauftritt/eportfolio/partials/nav.hbs b/Webauftritt/eportfolio/partials/nav.hbs
index 3c89b80..9933ea5 100644
--- a/Webauftritt/eportfolio/partials/nav.hbs
+++ b/Webauftritt/eportfolio/partials/nav.hbs
@@ -1,9 +1,8 @@
 <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/2 text-textcolor">
+    <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="rules.html" class="{{#if rulesActive}}font-bold{{/if}}">Regeln</a>
-        <a href="howto.html" class="{{#if howtoActive}}font-bold{{/if}}">How to Play</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>
     </div>
diff --git a/Webauftritt/eportfolio/partials/spiritofcurlingitem.hbs b/Webauftritt/eportfolio/partials/spiritofcurlingitem.hbs
new file mode 100644
index 0000000..53e8edf
--- /dev/null
+++ b/Webauftritt/eportfolio/partials/spiritofcurlingitem.hbs
@@ -0,0 +1,7 @@
+<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"/>
+    <div>
+        <p class="font-bold">{{title}}</p>
+        <p>{{description}}</p>
+    </div>
+</div>
\ No newline at end of file
diff --git a/Webauftritt/eportfolio/public/spiritofcurling/disappointed.png b/Webauftritt/eportfolio/public/spiritofcurling/disappointed.png
new file mode 100644
index 0000000000000000000000000000000000000000..18400ce4b0857ad700464ece36d3f0057d25f52c
GIT binary patch
literal 1112
zcmV-e1gHCnP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000CZNkl<ZXhZFp
zjd9d45QUQtpaPBxfC@M&2vopP0Z;))1waKH6#x}*sQ{>eO9jvY>^Gy$ypvb5WScNy
zvNJpO#gca4+aJl!>B%*h(`)Yk$qj&i9l<3daLd4KOz)YlO!>_f`DOYoT`%mqGd(N;
zel7r<d|`TKdcV`5y^TLN-FD798a@?(JN`T|J;w*;zBPS0WsxZW)@JCvq=(xjO`KIv
z7f%xa6Cth-O*etF%ztM3sRu|e0Mg}E#yU>J9?s%Kt30-WL=Zw$UfYjt>mscHVD3%E
z94uq3i?P5lfUx#To<Yi^77(ofNSRG$;7KRrWBz=!0f2F70?`71w1FWP3J&Ib(q+tf
zf4;RFQq*NMoyGvb2<($W$mDL(iXf2%X)Z*%n5H!VIQ_-c`}@xBDb~Nie2!1k346Co
z1k?a%I1jeKgDZ00ef=ur6;r7M0QP@K>d>Ewz*WjRWdJsb0t7<jk(2-^`+J)awKPCd
z9~ffco|eiS8UyLc`lXJhsT4+`1c2Pf2vRDdytOj+Zp2bX+RA>D9^M#uOp#(I7siqa
zNLULI09e6*Pr|9Fa9J1wDlMtDu?c`zsTHc)84wf!(7s<{2IE>}?o74ir9n!N&tq37
z$0H%tysgp&Y2}v^0npT_IkdJ_NHv$8-4KBmQKw+Pc8Fsyq85+=p%DNroEAnga4?0%
z9w8E|G>`cu(TEKq6#=N`T#ttfjiuOsrnLsO@?Qb~t+zO~@T)jFj0Nkr3^*b^ihy<(
zIzw-6k2%x(oI3HnfLfuIUP=T&H!*hLeXqrZ$9ETTweL1Kx3)1Dy_2q_AbOF==p{tk
zD07dFHFGwy91D)~j*G#X;KT>hT>}{m(S2!f9*O`|+g8Eo*8Z+<QZRl<>J0&aDgbEN
z__VDLYO-{g(@C{Dz&U-{r{JC4sC#iFAWEx*glHV4L<X{&|BNjG&^oA{Q<Qm}X?@Yx
z-F|R95D+?!Gtl7UR|$Zo5$i=q3fQ4zF}5`wlwfr(YS*NkpS6f)*9#4Xl-+~<KI*?|
zag6Y6>g%TOIr;jK0zlSB2F2@4lp?@$7Qw(O4c^<emaoe0-242r3VGp)pauXZU_g(|
zgY)=YPlNdsx_*bM+8hJG`pQN%oC|=#dHwbp7OvW90l@hDvtO-qOu>=2W7fb1`$Y9H
z*$N;6L3@2?x|`y$%ppzv3x)rAZ#PXXxd%X$PR<lv0zf^2<I&NBv|+s}^KPgY0Q2;4
zr4D0|Xq+eG2fL!AhwIAj`3DEivybHSaU1~6G6jGyo_C98qk-e3B91q)uJh*rU>%qR
z$Wv3;?GaM$v+2(C&@*vK0J_%NevlSt>5l+HVbv8!znjuwdTS=cI5z@QiCb*m4S>a{
eoVd`nkH8-o3imP9t8KOb0000<MNUMnLSTZ{Edg2p

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/public/spiritofcurling/distraction.png b/Webauftritt/eportfolio/public/spiritofcurling/distraction.png
new file mode 100644
index 0000000000000000000000000000000000000000..228752e65d334e6b968711c582e403ef03977bd3
GIT binary patch
literal 395
zcmV;60d)R}P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0003}Nkl<ZXhZE;
z+YQ1n3~V=m4H$tDU?Z3SHh@vsfECyPMqmSQ1g-Kx;`q`AQZ7=YekAst&rb7bo61{T
zIsS$OzO5h?s8NBLfZj=8NnZ{`;3jrX(zjN7NDA%W1gySN#viRD5CT_mvPeM#jJeC4
zxn&+g;Ndwy=6}Km+e84s&LWY8ZIXZ`UrQ_C7phz4x(3S)5C~!DO~q0u1hgap)fWkj
zTm%21z}bu9I-ywAr~s;1>#fJ^YQQ@A7YOtiNB~F|%U(#$4k|zeUJ+1JMaK9)T^4bd
zImmXLMeL{CBvzs7w-TY1(7H0@tf;Uro(FQmKE%#<(hB(Zo|lAZ<%kigfe?nIL%p@Q
z#~`5EME;~D4>TlT*|(_C0xq^xn@9>(f4zQ?ux!-OU;~Oga5!i~lW-3k-4m1hPHspF
pB^xg>kOWFZIp%{3P=U+{JOLM-j-@!o=hOfI002ovPDHLkV1ks{q$L0V

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/public/spiritofcurling/friendly.png b/Webauftritt/eportfolio/public/spiritofcurling/friendly.png
new file mode 100644
index 0000000000000000000000000000000000000000..4087143e787c19f6c322196fda1a19792fae867f
GIT binary patch
literal 1036
zcmV+n1oQieP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000BiNkl<ZXhZFp
zjgiza42ADHfDS?jPywL=paPZ(fC^YD04iXq0H}ba0-ypy1<(QLW2_xT@o!j%yBRd&
z*~C_&_as?%yq6c(TrRIU{)_(v8X|Z@bbnUrSL^nUz-<BiNZKfEkOr{#(mqH#I5Lbq
zm3H6hewF)uig-@~J2Cn)fR5RJVSqvIO&}W6{UV)@rSUtHUIg&`#|(G{ag>W^(%uEH
zYd@(*M6675b89OCfFFY~^&S8a(&V`Z67JDaPeTG-qNu{y!9Lp~0)rU%7K{J_uldOf
zIY?T8=tF6cu(FdI(hFh!pmUNQ1T46tSi0u`>Foo#AaxK3-id%`j8ytz^ltVhV1X?>
z=E&e#^hphLW5Rs;yd?qaG3?^8T>XbY3Ovu-c|e*Gsgv|bAzscL7=jh5%&UZVOWinw
zG#i7WExmubdJ(W`gdM!LsNp5_GQO9l6)Rd0dJzB{o`VR2@!9070Pmf!D4{(gz`F@Q
zsiX_iQLa-J$@5|2+J%r5Bo!CZGXfa%UaTSE!B6rYQZQNwdJ}*ID=C#kWl>4Ym<JE&
zT#4;AiG8T4_qzg#X7IdkiwG$09Enxnw<dtS7zt9uPS|4F*zj%{fm9?c9>7y=4n7A{
z_y2-GY+}>b<as4z3D`+i>j2fmcy2!vd*5C<?JCPQ`PgdM68P2na73R4hwt55AgmLR
zh<yiC!8tbpHA=155BI4G$x5XZ0Y8ZbdH)z}0LXioF?3==YQ;_=RzjXXmLlLMHvsh$
z5b&`*4LTf&*j3kqY)!Eu$#W90#>nj_CTboCDfU|0p@^`c(2IbYWhc4|WMU}>0T!~=
z(wl&f3MmF5E6kDENka>p9t21qJfBMszop>lWoiMgx;+TkLoK}fN!n2wd2fZI68+eT
zer?qdIyV7!m3jo??Xz0rW&JQgR|(J`ivWG!Lo}liIyZqqj8T1d23(CJOFGGY(zyv(
zAfw#S?uOqI$kI3@7N>VT33xz6hm_H@DFJ4jG-I!%&m81>R(97Az!NM&Oi({DYe2Q?
zkdAt|JIOT_>m+Lk*ykaGS6X(UH3aZD-sj&PEz3NIz2xDp-A?EBLOB3hHX)_erUo!N
zx@rS@2=}pPXV_8^0EiV{K8B7-en}lXlapi6%SDHG(paJKcuJCyUh_QwFx`zp0>dQ$
z0K+Me!2#$4JO>&(EP~m&_O}GA$20{fo2BT)JdKx$Y!S45*b=BUiXpsHlA7q~yNC>)
zZk;!q9c<a?kT!sQ8`7y6bSeTRk6y`fUoNjC$Q-C^PvAGuLiI7BSJ4Lm0000<MNUMn
GLSTY@#>m+K

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/public/spiritofcurling/magic.png b/Webauftritt/eportfolio/public/spiritofcurling/magic.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d0f802b7764c62d593b51bfaf9d693922fb1f4a
GIT binary patch
literal 764
zcmV<Y0t5YtP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0008RNkl<ZXhZFp
zjZxe%5JsT`(gAcpI=EC2=-{Y;q=H-r2^HizNT`78AasB`fD*Fr#>+TjC7-mC@Xcgr
zG~@HwtMBcPEc;GRj@(X<T>nW8fQ<x!(aOGy<F7I2UVuw+{71%xjG+O+nfQDf0k)QZ
zFThW6x|V_Sn+5=6_M41H86Rr{5d8-kL<wU8CaPr`{iOer46H=q=P~l?Tt)wugF6{J
z2gRKK`!VDDDRKe6$UQVw%3el@O##GO?x8H_{BPxgePibWa1T*uq7X!d<9sL(KfQ%O
z-O4zhoW#Fo__b6^0MsWS&*KlA(*s`NAvY_KLYO_~0bnw+K(vT@i&cnBQ&L3!+RCaI
zK(kPL1q!qLNlxrq0O0d#jF9EO#<`?_Zw7J%k}V!elm*eG<merj^#VXVwM;bC205Vg
zTo63~Eb-MKS_7oSSAl2=aEN#}L@R(C@d`m>vs`9b3xE>wD*8iiQ`ZLYh>t#PQz@wl
z;1SQ}jI9DoYnIglu*CDALJ%)KDJvF_(;5IV@!L`LDgogVUjtxHyhh%FaEtc>94el9
z*m6%_fU1c10Q3~U7NJ^>Z+fYu2YQNUF5b#mp?20vkPFaLJbE`W*n%V8d`jm4^cK&2
zeDymYBky`A?kRry;=}ROe#j5LI}LjBkPP$`zY<};WQ4-Q^5>fnjr}qQ&{MpMyp#jJ
z39XH$r56y-GQ77Gz<Y?FY7TpVm52@BKNbUcZ}BQ}BL}QP(VeOVuoUq?poOo0X7pnv
zq|_P(c9mPB9-D0sg1MN7)yFg|1FXF?5*ABcFYz(mujeg*Favb`Gy;neA1fiw>t9Do
zst}73p8~KTD5tAQPFahKUIS<ABIAO&2U(a2b-f7ja~V*vA;e<D9}2*A)IN{*L59Ap
uXC%7arE?|JZstm!{{vJCWU-s0&%j^ET*omDWSGbR0000<MNUMnLSTZ3s8_Q9

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/public/spiritofcurling/plus.png b/Webauftritt/eportfolio/public/spiritofcurling/plus.png
new file mode 100644
index 0000000000000000000000000000000000000000..a84e38f737695dd118cc220d8b86a4e326f41a68
GIT binary patch
literal 265
zcmV+k0rvihP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0002cNkl<ZXhZFn
zK@Nj33<Tk2?ayd`MqgG^DF;qyT-Pc=lS_nR%zAfYnRyy~&4c5gEa2Y?s(=b48PGyW
z0@JUnzyXDicDD5MXWKu|KVOv!SOAer1-t{qCkHWFNDFD9Bm-I~NnoT4MQ52?!*=iZ
z*0#TbSkd<)1-yd*vf&6D3hGFPF91opqy2Oiidw>PnlKi*10>%*Mg<6CD&QzVeBuwy
zcP!b32yb?wD|aE{fOJfyh0@?i0t+B4RmP}5CA%cI3J{hmV^pA$U6OkPw2(M4GXgvH
P00000NkvXXu0mjf3gKhP

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/public/spiritofcurling/prohibited.png b/Webauftritt/eportfolio/public/spiritofcurling/prohibited.png
new file mode 100644
index 0000000000000000000000000000000000000000..125fb4894e8cfe27a74c069da5d23f139f8a9985
GIT binary patch
literal 999
zcmV<D0~q{?P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000B7Nkl<ZXhZFp
zjg8bW5QXnLfDS?hKm{xn02Q!Q093$I0Z;);1soNyR{=)_gbJVoc%PI(vx)84v9oBU
z8)>x35zo9ge|Ey<#hJ_Hnd85>CGfv9*fIlmL}n|!FYTn<^NakJ-VDD#^}Cn$Ey&jr
z0OTv_6X}COKnFd4E!`EaJ9>O60R#SWh;$7G*1ng%USebkfsGt}bmd`wDHDsTm5Y@L
zgvn4hWD6T(Vf_o~RSA(&0+h>}QPcrV^Z*NpT)`F@gp`-Jy4mF#$t6Gp-$}R5Fj2-?
zQN#kku!(Jam>hKRIEO?o0ZPV$$H6mcNyJll0RLIKDJ79ZfK(G96B>@lw*qf=$A0+x
zY&p#lcq$`A-_pByTFjI~2)r#J)6p_b5did8sm=Gju4&e_BTtYzDZxYVcQ+P*6oH)<
zF>#Py`tU^H2@=8kHW0yow3K25Fz{nAgaPLBJ{E<Ae-HJR-^|DWjcr*VfCTbLVgz=2
z%A$YJb=F8LATkHuOcBIxxCv$<Mu6Ji3=5M@Q~=r@%>~c%TPZ`tvM}j|5CNK&`m;s%
zbkVADOTZi9U%Id<2$tRlEkwXOVSJH+7P169e*Gp&k1(bFNr-@7(5ifvf*+UBB%mPz
zbiU2t76fX*L%^5xjqaI7$qe|;pVVAoE!Bd@9raHiAd^iklz~<RT7X|fz;``kYsmy^
z1>O?=Css9~3@}3N{6oD_cO}vqd?)8r1=33?>tql3O^hA*P=LNQcw84ZF=u~(Ad|V9
zAhQN|-1##R!8|(FwA#ql0uKSdFHO!vAp*&<70AGv;Bn`t;-n{IhdI9}RYq%rPu4%|
zVg!62Fh)aX@wLH&&z}l715G}DrCw-k_ruU$%1e#ODZp>!jERWEf|&fgzSBZ`slkZV
z-zmV;hyF85@hc^OG2-7#+0Z^o$DddhebaQ=3|)>(IQmYKda1{-Pvh88uqJ1K<^1zF
z!^yp9jsOmQGz`F+;QhDPSwA@h0PUv%_j{>t>YT`?o}paF-(If<AIZaHE`bmU3_}7(
zHA0yJ-VTu1I!Lp=y_OJ&l@rcrZn9D$0O#{MXB{t;4O1r>d0S9QfOY<G<sIXYY+Os3
zSlstg%EPqN^&=_ZeZ;ZD^8klHwk#oF#>dkl+v(^*fPWZ(XGPtwuOWaPA`6k{QleWT
zWa*1^FYQYfwj|(fZFECf@IRIagixYt3efLTN(}<lQk#Kl0JR2g3DicgcKz9B;4gCi
V=P|K2$5sFU002ovPDHLkV1gOD#@_${

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/public/spiritofcurling/psychology.png b/Webauftritt/eportfolio/public/spiritofcurling/psychology.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae580c7b541d6bf56d30afa81e78c250d8e5b8e2
GIT binary patch
literal 883
zcmV-(1C0EMP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0009zNkl<ZXhZFp
zfpHWu3`H*;KnF_)P(h9gfC>l|kW>Iv093$H0d&Bn0-yr61JVKLF*c((UP<=u&gEuK
zGoH=PT9*FTx9qu`ZI0Z|jy(U(3BaK%xMT$$2$-#ma~Y3i@IEAfH}V|Q_$kl5j2}yY
zUjhJ0zfZ}MbkqRwQN}LnP@6XgKu#RC=NQ$w>IKpR0G8j#xGb_J5m>!W63Mb*8a@CW
zWIU4r_|m8ZK=2D&D*zJtB;&b?K)`p2!It0<01;Ytqr5+r!82qn00{I=hL#Mhk$gB{
zkrivQe=Z6_01?{cQ2-_Lne`7Ln*2#r10dO0|B(#0qEP@Wo;A;+uVj4n^J<z=g4l~U
zl`t&=0KI=vtFX~L=C?8@>wA#DNoJIRuVrtOU!DU|JIf&g0Ns-iM&ecywN0+$Q$0`L
zG>MDk#QcYI0BH6jx};LNL)Bt?>p;S9<!DyitAJ*oZbONutdtt_*(Y?9+Ba)0T?PD~
zOa-+7XeK<?SfBR#I+edBHQfjR_QD`zkZ-@#cRJEon{NR?hcJP80rlDh2XNT}b(h)8
zcdx^IPo%K+q>L;8TF;(*3^M<JYH0>Ig$RrSfGt?-HO)SiLDN-9r~svetKG-~fCiBR
zHmSh?BA7(~B-DBcx;d;300Pi5$zzd2P;;WYQPtN1KrhaLDPOrM1LXg^{B6_3ojf^N
zTa4<Njl=?=y8xP{AGa87l{K(P8?LSG?gI;eX0K-xYxee%o!2&}$T9bU1wbD>t=c6S
zr1LUmbuCXM)MMs8h#q9_rK%^hppUr^qE`uG&1t2<TsME5iFb(fE_1qkNT8*Qu!->}
zC?`4lz%vg3{<k`!2cWz~wsa%i1jbasIRGGnJJ~G~JpcsMiI`X0B0JqZqJFvpk=#N*
z?hcZezS>5mv`rF%{m(M+^K2CW1l28-cgh$^$V<5Vz8Zj1O1$@+4IZFX0T5hYFL)2>
z)XQ3ZUmbwHn;azol5S?{K2=~YfXG2bjPTW^N5gX}5Cu^CRij$S`vxGNw&DL191=iJ
z>^oKHS!5{*^~62_Sh5QptO5;fef_D6u&{ob(-BSp4#_^T{{oX=&@s1R$9Vt%002ov
JPDHLkV1kI5g@ynC

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/public/spiritofcurling/rules.png b/Webauftritt/eportfolio/public/spiritofcurling/rules.png
new file mode 100644
index 0000000000000000000000000000000000000000..13503f5fcf780dfcc7d19a6939df990879b24f4c
GIT binary patch
literal 571
zcmV-B0>u4^P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00064Nkl<ZXhZFo
z;ZXx25QUQtEWuK=1MT4KKr1j-5IZm>*nwAqC0K%1p!;Un47V<@3<U0GV1_?A;NG`y
z*@NtN8*lrK>)#E4-VP22h69BW7%5a3K<o5J8u&?lmJ_z%0K`8#;kORt%&~R=7Juaw
z!vR2S0zisK3PJpLPXI*nhWdLV`Ay=nM#~g}_#^d+`V;ln0EAh52;h*2j`guz2f_fr
zO@qi19|HKbDol*i-2HGVq(Nkh?*V{!Y7qDxrIM?Sx?#0|X;HdV3i<Ds5U4EK;zJHp
z%An*j5&{zt`FrYL$=Pl|%POR4@*%Rt_jZ7R0D<($iaby5?Evez&Pf~J%C!JkQ~uw$
z0gxFw<oX@;lX2dZ8r#wVh<|ecI0xY<5o-r}h>zP$eQ|{DwFl%`C<ejeS!?j{*U|xq
zfdfbjZW@FXk1;RQ7xw^Opfx}WB1=3L>j4mg_;ES!yAzCj%mGB9MoX<D)5(8lG;LCw
z_>%Vl85j-1EIyP%EdgZCLzAV%o&(YAJ^%rl_*ivP)4JCt)~XFYbd#sj<U|hu?OVXr
z#`2w5IMEs)CZ2_5L9_(WjuN3dFCiX??xbykmH>D^Um-1}k|AcAhuhj}juP0Y_-j!W
zB%+MX4%pz>)()tpu;j-9P!hcwbB6;pqFA!VaG)f5HRf*Kfj@9`bTNqdOius+002ov
JPDHLkV1ly9{3-wd

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/public/spiritofcurling/trophy.png b/Webauftritt/eportfolio/public/spiritofcurling/trophy.png
new file mode 100644
index 0000000000000000000000000000000000000000..62001ed875b94e191327276593695086912356e0
GIT binary patch
literal 11980
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
S<fa1P2d!tKTXfO!-hTrG>NzX`

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/public/spiritofcurling/ways.png b/Webauftritt/eportfolio/public/spiritofcurling/ways.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb25df2acefebc9a947fe35095fd58732fa6c8b1
GIT binary patch
literal 806
zcmV+>1KIqEP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0008*Nkl<ZXhZFo
zjZxe%5JsVcbik#9l;9Ge0xlI0DgY_~D&R_>ge!p#a0%%k>|?adqS3!4j>}jxn)94x
z?e|u@E7_+fN8V14T>r@maOf3WSKxnMfl1)59N@M5&Ldz)gwPKWdLw-+ooj6ma`D(3
zq$fa3xbJvCSdlKR2LQtHHeR<LN8n!i#&s+BuY=evrC16uiGX|QzdRwc3l{_;_K$S(
z0T|m}%(y0&R)Cmr#NJ6);l3z90QMUogw?*5q80#86DsGPA%v5l#5dQucI)Qx$2~ic
zIX8jcF9nDtC}J^+*Ncrh<IKrwYy)D8D^?C5RasbWmYwBa(pXjUBL<SJSTO*tETP2f
zCESMwgcX?r-uNy5?LuA(0Wd+Rvfyb#g^(H9$S>?~JR`x1WdUNsbCqQjOse#LIMM=C
zk&jYs=8ZX2hrDYKg;0u|SX`R4IrdZ}kegWm9T3}eNT!yunG;SDUrNWWZMw%`_q7H<
z$C6O~q}-!c15&barNpQ97&b?Q&u)T$EdV@oE1exU)BtHYU8eRJ?BE>i+BO6L1FQlN
zcq`WsPQkz-o5bK@02==x0l`{rL{4%Y+GDg-pUHg<*P#Hqv>1!M2T-wQCq5^fl>>r#
zHB`R@K%JYaSO|+%7V^gyfr9}6LTtxQmkNs5XX&vrd{6)tNj(ppF8A_(?)3UC04&Ip
z3z3{~edb#MsHmFX6(Hs<>lteOh4i_`wFP4*R|Lo*+ORUJS}1`%zO-#j(%aK!2*4iZ
zej+6IPOM@vqMr+WXZAh|<x1@*`=tQ3vV=-x?OAB+9AZ6=jlJ~JiuJCk7C=Ebj1|AP
z8khNTuD1|Q$naa$S^?AuM}*iXL!0O^;j=uiXa1)5ilqP+B=pH}Cj(+<Av~`4tGsRp
z_X5y4*?G4KHNez-g3N;T2EbtIEM$+^S#c!;MgXW?Kx)rIC7M5t83|A=rsaVZpv7xF
kpIKL+r#D;XI{FoO10&7aG10_B0RR9107*qoM6N<$f?>I6WB>pF

literal 0
HcmV?d00001

diff --git a/Webauftritt/eportfolio/rules.html b/Webauftritt/eportfolio/rules.html
index 862d866..c453588 100644
--- a/Webauftritt/eportfolio/rules.html
+++ b/Webauftritt/eportfolio/rules.html
@@ -10,71 +10,55 @@
 
 <h1 class="flex justify-center">Regeln</h1> <!--todo refine the positioning of text on page-->
 
-<div class="h-60 flex justify-between items-center px-40 mb-14 mt-auto"
+<div class="max-h-96 flex justify-between items-center px-20 mb-14 mt-auto"
      style="background: #9AD1D4;
   background: linear-gradient(180deg, #9AD1D4 50%, #007EA7 50%);">
 
     <div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
-        <img src="public/example_rule.png" alt=""/>
+        <img src="/example_rule.png" alt=""/>
         <h3>Free Guard Zone (FGZ)</h3>
         <p>Die Free Guard Zone definiert, dass bis zum 6. gespielten Stein keine Guard aus dem Spiel genommen werden
-            darf.
-            Wenn dies dennoch geschieht, wird der gespielte Stein ungültig und die Guard wird zurückgesetzt. Diese Regel
-            gilt
-            nur für gegnerische Steine, eigene Guarden dürfen jederzeit aus dem Spiel genommen werden.</p>
+            darf.</p>
     </div>
 
     <div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
-        <img src="public/example_rule.png" alt=""/>
+        <img src="/example_rule.png" alt=""/>
         <h3 class="text-center">Free Guard Zone (FGZ)</h3>
         <p>Die Free Guard Zone definiert, dass bis zum 6. gespielten Stein keine Guard aus dem Spiel genommen werden
-            darf.
-            Wenn dies dennoch geschieht, wird der gespielte Stein ungültig und die Guard wird zurückgesetzt. Diese Regel
-            gilt
-            nur für gegnerische Steine, eigene Guarden dürfen jederzeit aus dem Spiel genommen werden.</p>
+            darf.</p>
     </div>
 
     <div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
-        <img src="public/example_rule.png" alt=""/>
+        <img src="/example_rule.png" alt=""/>
         <h3>Free Guard Zone (FGZ)</h3>
         <p>Die Free Guard Zone definiert, dass bis zum 6. gespielten Stein keine Guard aus dem Spiel genommen werden
-            darf.
-            Wenn dies dennoch geschieht, wird der gespielte Stein ungültig und die Guard wird zurückgesetzt. Diese Regel
-            gilt
-            nur für gegnerische Steine, eigene Guarden dürfen jederzeit aus dem Spiel genommen werden.</p>
+            darf.</p>
     </div>
 </div>
 
-<div class="h-60 bg-banner flex justify-between items-center px-40 mb-14 mt-auto">
+<div class="max-h-96 flex justify-between items-center px-20 mb-14 mt-auto"
+     style="background: #9AD1D4;
+  background: linear-gradient(180deg, #9AD1D4 50%, #007EA7 50%);">
 
     <div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
-        <img src="public/example_rule.png" alt=""/>
+        <img src="/example_rule.png" alt=""/>
         <h3>Free Guard Zone (FGZ)</h3>
         <p>Die Free Guard Zone definiert, dass bis zum 6. gespielten Stein keine Guard aus dem Spiel genommen werden
-            darf.
-            Wenn dies dennoch geschieht, wird der gespielte Stein ungültig und die Guard wird zurückgesetzt. Diese Regel
-            gilt
-            nur für gegnerische Steine, eigene Guarden dürfen jederzeit aus dem Spiel genommen werden.</p>
+            darf.</p>
     </div>
 
     <div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
-        <img src="public/example_rule.png" alt=""/>
+        <img src="/example_rule.png" alt=""/>
         <h3 class="text-center">Free Guard Zone (FGZ)</h3>
         <p>Die Free Guard Zone definiert, dass bis zum 6. gespielten Stein keine Guard aus dem Spiel genommen werden
-            darf.
-            Wenn dies dennoch geschieht, wird der gespielte Stein ungültig und die Guard wird zurückgesetzt. Diese Regel
-            gilt
-            nur für gegnerische Steine, eigene Guarden dürfen jederzeit aus dem Spiel genommen werden.</p>
+            darf.</p>
     </div>
 
     <div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
-        <img src="public/example_rule.png" alt=""/>
+        <img src="/example_rule.png" alt=""/>
         <h3>Free Guard Zone (FGZ)</h3>
         <p>Die Free Guard Zone definiert, dass bis zum 6. gespielten Stein keine Guard aus dem Spiel genommen werden
-            darf.
-            Wenn dies dennoch geschieht, wird der gespielte Stein ungültig und die Guard wird zurückgesetzt. Diese Regel
-            gilt
-            nur für gegnerische Steine, eigene Guarden dürfen jederzeit aus dem Spiel genommen werden.</p>
+            darf.</p>
     </div>
 </div>
 
diff --git a/Webauftritt/eportfolio/spiritofcurling.html b/Webauftritt/eportfolio/spiritofcurling.html
index 85785b2..ec6aebe 100644
--- a/Webauftritt/eportfolio/spiritofcurling.html
+++ b/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>
diff --git a/Webauftritt/eportfolio/tailwind.config.cjs b/Webauftritt/eportfolio/tailwind.config.cjs
index d289efc..64a865a 100644
--- a/Webauftritt/eportfolio/tailwind.config.cjs
+++ b/Webauftritt/eportfolio/tailwind.config.cjs
@@ -1,6 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-    content: ["./*.{html,js}"],
+    content: ["./*.{html,js}",
+    "./partials/*.hbs"],
     theme: {
         extend: {
             colors: {
@@ -11,7 +12,9 @@ module.exports = {
             },
             fontSize: {
                 's-h1': '50px',
-                h1: '56px'
+                h1: '56px',
+                's-h2': '60px',
+                h2: '60px'
             }
         },
     },
