fix footer styling
This commit is contained in:
Tobias Hilfiker
@@ -4,23 +4,27 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Beispiele</title>
|
||||
</head>
|
||||
<body class="bg-primary">
|
||||
<body class="bg-primary flex flex-col min-h-screen">
|
||||
|
||||
{{> nav impressionsActive=true}}
|
||||
|
||||
<h1 class="flex justify-center">Impressionen</h1>
|
||||
<div class="home grow">
|
||||
|
||||
<div class="flex justify-center">
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/bruNTJCsZPM?controls=0"
|
||||
title="YouTube video player"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
<h1 class="flex justify-center">Impressionen</h1>
|
||||
|
||||
<div class="flex flex-col items-center">
|
||||
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645823/stones_colored.jpg"/>
|
||||
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645801/no_advertisements.jpg"/>
|
||||
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645802/anti_glare.jpg"/>
|
||||
<div class="flex justify-center">
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/bruNTJCsZPM?controls=0"
|
||||
title="YouTube video player"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col items-center">
|
||||
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645823/stones_colored.jpg"/>
|
||||
<img class="w-1/2 m-10"
|
||||
src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645801/no_advertisements.jpg"/>
|
||||
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645802/anti_glare.jpg"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{> footer }}
|
||||
|
||||
@@ -6,25 +6,27 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>Curling E-Portfolio</title>
|
||||
</head>
|
||||
<body class="bg-primary">
|
||||
<body class="bg-primary flex flex-col min-h-screen">
|
||||
|
||||
{{> nav homeActive=true }}
|
||||
|
||||
<h1 class="flex justify-center">Welcome to the world of Curling!</h1>
|
||||
<div class="home grow">
|
||||
<h1 class="flex justify-center">Welcome to the world of Curling!</h1>
|
||||
|
||||
<div class="h-40 bg-banner flex justify-between items-center px-40 mb-14">
|
||||
<a href="rules.html" class="flex flex-col align-middle">
|
||||
<img src="/rules.svg" alt="Regeln" class="w-20 h-20"/>
|
||||
<p class="text-center">Regeln</p>
|
||||
</a>
|
||||
<a href="spiritofcurling.html" class="flex flex-col align-middle">
|
||||
<img src="/spirit.svg" alt="Spirit of Curling" class="w-20 h-20"/>
|
||||
<p class="text-center">Spirit of Curling</p>
|
||||
</a>
|
||||
<a href="impressions.html" class="flex flex-col align-middle">
|
||||
<img src="/extension.svg" alt="Beispiele" class="w-20 h-20"/>
|
||||
<p class="text-center">Beispiele</p>
|
||||
</a>
|
||||
<div class="h-40 bg-banner flex justify-between items-center px-40 mb-14">
|
||||
<a href="rules.html" class="flex flex-col align-middle">
|
||||
<img src="/rules.svg" alt="Regeln" class="w-20 h-20"/>
|
||||
<p class="text-center">Regeln</p>
|
||||
</a>
|
||||
<a href="spiritofcurling.html" class="flex flex-col align-middle">
|
||||
<img src="/spirit.svg" alt="Spirit of Curling" class="w-20 h-20"/>
|
||||
<p class="text-center">Spirit of Curling</p>
|
||||
</a>
|
||||
<a href="impressions.html" class="flex flex-col align-middle">
|
||||
<img src="/extension.svg" alt="Beispiele" class="w-20 h-20"/>
|
||||
<p class="text-center">Beispiele</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{> footer }}
|
||||
|
||||
@@ -4,53 +4,61 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Rules</title>
|
||||
</head>
|
||||
<body class="bg-primary">
|
||||
<body class="bg-primary flex flex-col min-h-screen">
|
||||
|
||||
{{> nav rulesActive=true }}
|
||||
|
||||
<h1 class="flex justify-center">Regeln</h1>
|
||||
<div class="home grow">
|
||||
|
||||
<div class="h-full grid grid-cols-3 gap-0.5 content-start p-16">
|
||||
{{> ruleitem
|
||||
image="/rules/fgz.svg"
|
||||
imageAlt="Free Guard Zone"
|
||||
title="Free Guard Zone (FGZ)"
|
||||
description="Die Free Guard Zone (im Bild grün) definiert, dass bis zum 6. gespielten Stein keine Guard
|
||||
aus dem Spiel genommen werden darf."
|
||||
}}
|
||||
<h1 class="flex justify-center">Regeln</h1>
|
||||
|
||||
{{> ruleitem
|
||||
image="/rules/validStone.svg"
|
||||
imageAlt="Gültigkeitsbereich Steine"
|
||||
title="Gültigkeit der Steine"
|
||||
description="Die Steine sind nicht überall gültig. So müssen sie zwischen Hog-Line und Back-Line liegen, um gültig zu sein.
|
||||
(im Bild grün markiert)"
|
||||
}}
|
||||
<div class="h-full grid grid-cols-3 gap-0.5 content-start p-16">
|
||||
{{> ruleitem
|
||||
image="/rules/fgz.svg"
|
||||
imageAlt="Free Guard Zone"
|
||||
title="Free Guard Zone (FGZ)"
|
||||
description="Die Free Guard Zone (im Bild grün) definiert, dass bis zum 6. gespielten Stein keine Guard
|
||||
aus dem Spiel genommen werden darf."
|
||||
}}
|
||||
|
||||
{{> ruleitem
|
||||
image="/rules/broomVsStone.svg"
|
||||
imageAlt="Wischbereich gegnerischer Stein"
|
||||
title="Wischen des gegnerischen Steins"
|
||||
description="Hinter der Tee-Line (grün eingezeichneter Bereich) darf ein gegnerischer Stein durch jemanden gewischt werden.
|
||||
So kann dieser aus dem Spiel genommen werden."
|
||||
}}
|
||||
{{> ruleitem
|
||||
image="/rules/validStone.svg"
|
||||
imageAlt="Gültigkeitsbereich Steine"
|
||||
title="Gültigkeit der Steine"
|
||||
description="Die Steine sind nicht überall gültig. So müssen sie zwischen Hog-Line und Back-Line liegen, um
|
||||
gültig zu sein.
|
||||
(im Bild grün markiert)"
|
||||
}}
|
||||
|
||||
{{> ruleitem
|
||||
image="/rules/stoneOrder.svg"
|
||||
imageAlt="Steinreihenfolge"
|
||||
title="Steinreihenfolge"
|
||||
description="Die je acht Steine pro Team werden alternierend gespielt. Zu beginn des Spiels wird jeweils ausgelost, welches
|
||||
Team das Recht des letzten Stein bekommt. Das andere Team beginnt dann logischerweise das Spiel."
|
||||
}}
|
||||
{{> ruleitem
|
||||
image="/rules/broomVsStone.svg"
|
||||
imageAlt="Wischbereich gegnerischer Stein"
|
||||
title="Wischen des gegnerischen Steins"
|
||||
description="Hinter der Tee-Line (grün eingezeichneter Bereich) darf ein gegnerischer Stein durch jemanden
|
||||
gewischt werden.
|
||||
So kann dieser aus dem Spiel genommen werden."
|
||||
}}
|
||||
|
||||
{{> ruleitem
|
||||
image="/rules/countOrder.svg"
|
||||
imageAlt="Zählung des Spielstands"
|
||||
title="Zählen des Spielstandes"
|
||||
description="Um am Ende eines Spiels den Spielstand herauszufinden, werden die Steine vom Zentrum her weg gezählt. Sobald
|
||||
ein gegnerischer Stein näher ist, zählen nur alle bis dahin gezählten Steine. Im obigen Spielstand wären das zwei Steine für
|
||||
gelb, obwohl noch zwei rote Steine im Haus liegen."
|
||||
}}
|
||||
{{> ruleitem
|
||||
image="/rules/stoneOrder.svg"
|
||||
imageAlt="Steinreihenfolge"
|
||||
title="Steinreihenfolge"
|
||||
description="Die je acht Steine pro Team werden alternierend gespielt. Zu beginn des Spiels wird jeweils
|
||||
ausgelost, welches
|
||||
Team das Recht des letzten Stein bekommt. Das andere Team beginnt dann logischerweise das Spiel."
|
||||
}}
|
||||
|
||||
{{> ruleitem
|
||||
image="/rules/countOrder.svg"
|
||||
imageAlt="Zählung des Spielstands"
|
||||
title="Zählen des Spielstandes"
|
||||
description="Um am Ende eines Spiels den Spielstand herauszufinden, werden die Steine vom Zentrum her weg
|
||||
gezählt. Sobald
|
||||
ein gegnerischer Stein näher ist, zählen nur alle bis dahin gezählten Steine. Im obigen Spielstand wären das
|
||||
zwei Steine für
|
||||
gelb, obwohl noch zwei rote Steine im Haus liegen."
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{> footer }}
|
||||
|
||||
@@ -4,72 +4,77 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Spirit of Curling</title>
|
||||
</head>
|
||||
<body class="bg-primary">
|
||||
<body class="bg-primary flex flex-col min-h-screen">
|
||||
|
||||
{{> nav spiritActive=true}}
|
||||
|
||||
<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="home grow">
|
||||
|
||||
<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"
|
||||
imageAlt="Icon Manieren"}}
|
||||
<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>
|
||||
|
||||
{{> spiritofcurlingitem
|
||||
title="Gewinn ist das Ziel"
|
||||
description="Ein Curler spielt um zu gewinnen, nie aber um seinen Gegner zu erniederigen."
|
||||
image="/spiritofcurling/trophy.png"
|
||||
imageAlt="Icon Gewinn"}}
|
||||
<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"
|
||||
imageAlt="Icon Manieren"}}
|
||||
|
||||
{{> 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"
|
||||
imageAlt="Icon Ablenkung"}}
|
||||
{{> spiritofcurlingitem
|
||||
title="Gewinn ist das Ziel"
|
||||
description="Ein Curler spielt um zu gewinnen, nie aber um seinen Gegner zu erniederigen."
|
||||
image="/spiritofcurling/trophy.png"
|
||||
imageAlt="Icon Gewinn"}}
|
||||
|
||||
{{> 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"
|
||||
imageAlt="Icon Vorteile"}}
|
||||
{{> 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"
|
||||
imageAlt="Icon Ablenkung"}}
|
||||
|
||||
{{> 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"
|
||||
imageAlt="Icon Psychologie"}}
|
||||
{{> 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"
|
||||
imageAlt="Icon Vorteile"}}
|
||||
|
||||
{{> spiritofcurlingitem
|
||||
title="Niederlage über ungerechtem Sieg"
|
||||
description="Ein Curler zieht eine Niederlage einem ungerecheten Sieg vor."
|
||||
image="/spiritofcurling/disappointed.png"
|
||||
imageAlt="Icon Niederlage"}}
|
||||
{{> 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"
|
||||
imageAlt="Icon Psychologie"}}
|
||||
|
||||
{{> 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"
|
||||
imageAlt="Icon Verboten"}}
|
||||
{{> spiritofcurlingitem
|
||||
title="Niederlage über ungerechtem Sieg"
|
||||
description="Ein Curler zieht eine Niederlage einem ungerecheten Sieg vor."
|
||||
image="/spiritofcurling/disappointed.png"
|
||||
imageAlt="Icon Niederlage"}}
|
||||
|
||||
{{> spiritofcurlingitem
|
||||
title="Keine unerwarteten Handlungen"
|
||||
description="Ein Curler wird nie etwas tun, was er auch von seinen Mitspielern nicht erwartet."
|
||||
image="/spiritofcurling/magic.png"
|
||||
imageAlt="Icon unerwartet"}}
|
||||
{{> 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"
|
||||
imageAlt="Icon Verboten"}}
|
||||
|
||||
{{> spiritofcurlingitem
|
||||
title="Gegnerfreundlich"
|
||||
description="Ein Curler entscheidet sich in Streitfragen immer zu Gunsten seines Gegners."
|
||||
image="/spiritofcurling/friendly.png"
|
||||
imageAlt="Icon Freundlich"}}
|
||||
{{> spiritofcurlingitem
|
||||
title="Keine unerwarteten Handlungen"
|
||||
description="Ein Curler wird nie etwas tun, was er auch von seinen Mitspielern nicht erwartet."
|
||||
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"
|
||||
imageAlt="Icon Freundlich"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{> footer }}
|
||||
|
||||
Reference in New Issue
Block a user