fix footer styling
This commit is contained in:
Tobias Hilfiker
@@ -4,23 +4,27 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Beispiele</title>
|
<title>Beispiele</title>
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-primary">
|
<body class="bg-primary flex flex-col min-h-screen">
|
||||||
|
|
||||||
{{> nav impressionsActive=true}}
|
{{> nav impressionsActive=true}}
|
||||||
|
|
||||||
<h1 class="flex justify-center">Impressionen</h1>
|
<div class="home grow">
|
||||||
|
|
||||||
<div class="flex justify-center">
|
<h1 class="flex justify-center">Impressionen</h1>
|
||||||
<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">
|
<div class="flex justify-center">
|
||||||
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645823/stones_colored.jpg"/>
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/bruNTJCsZPM?controls=0"
|
||||||
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645801/no_advertisements.jpg"/>
|
title="YouTube video player"
|
||||||
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645802/anti_glare.jpg"/>
|
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>
|
</div>
|
||||||
|
|
||||||
{{> footer }}
|
{{> footer }}
|
||||||
|
|||||||
@@ -6,25 +6,27 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||||
<title>Curling E-Portfolio</title>
|
<title>Curling E-Portfolio</title>
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-primary">
|
<body class="bg-primary flex flex-col min-h-screen">
|
||||||
|
|
||||||
{{> nav homeActive=true }}
|
{{> 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">
|
<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">
|
<a href="rules.html" class="flex flex-col align-middle">
|
||||||
<img src="/rules.svg" alt="Regeln" class="w-20 h-20"/>
|
<img src="/rules.svg" alt="Regeln" class="w-20 h-20"/>
|
||||||
<p class="text-center">Regeln</p>
|
<p class="text-center">Regeln</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="spiritofcurling.html" class="flex flex-col align-middle">
|
<a href="spiritofcurling.html" class="flex flex-col align-middle">
|
||||||
<img src="/spirit.svg" alt="Spirit of Curling" class="w-20 h-20"/>
|
<img src="/spirit.svg" alt="Spirit of Curling" class="w-20 h-20"/>
|
||||||
<p class="text-center">Spirit of Curling</p>
|
<p class="text-center">Spirit of Curling</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="impressions.html" class="flex flex-col align-middle">
|
<a href="impressions.html" class="flex flex-col align-middle">
|
||||||
<img src="/extension.svg" alt="Beispiele" class="w-20 h-20"/>
|
<img src="/extension.svg" alt="Beispiele" class="w-20 h-20"/>
|
||||||
<p class="text-center">Beispiele</p>
|
<p class="text-center">Beispiele</p>
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{> footer }}
|
{{> footer }}
|
||||||
|
|||||||
@@ -4,53 +4,61 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Rules</title>
|
<title>Rules</title>
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-primary">
|
<body class="bg-primary flex flex-col min-h-screen">
|
||||||
|
|
||||||
{{> nav rulesActive=true }}
|
{{> 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">
|
<h1 class="flex justify-center">Regeln</h1>
|
||||||
{{> 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
|
<div class="h-full grid grid-cols-3 gap-0.5 content-start p-16">
|
||||||
image="/rules/validStone.svg"
|
{{> ruleitem
|
||||||
imageAlt="Gültigkeitsbereich Steine"
|
image="/rules/fgz.svg"
|
||||||
title="Gültigkeit der Steine"
|
imageAlt="Free Guard Zone"
|
||||||
description="Die Steine sind nicht überall gültig. So müssen sie zwischen Hog-Line und Back-Line liegen, um gültig zu sein.
|
title="Free Guard Zone (FGZ)"
|
||||||
(im Bild grün markiert)"
|
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
|
{{> ruleitem
|
||||||
image="/rules/broomVsStone.svg"
|
image="/rules/validStone.svg"
|
||||||
imageAlt="Wischbereich gegnerischer Stein"
|
imageAlt="Gültigkeitsbereich Steine"
|
||||||
title="Wischen des gegnerischen Steins"
|
title="Gültigkeit der Steine"
|
||||||
description="Hinter der Tee-Line (grün eingezeichneter Bereich) darf ein gegnerischer Stein durch jemanden gewischt werden.
|
description="Die Steine sind nicht überall gültig. So müssen sie zwischen Hog-Line und Back-Line liegen, um
|
||||||
So kann dieser aus dem Spiel genommen werden."
|
gültig zu sein.
|
||||||
}}
|
(im Bild grün markiert)"
|
||||||
|
}}
|
||||||
|
|
||||||
{{> ruleitem
|
{{> ruleitem
|
||||||
image="/rules/stoneOrder.svg"
|
image="/rules/broomVsStone.svg"
|
||||||
imageAlt="Steinreihenfolge"
|
imageAlt="Wischbereich gegnerischer Stein"
|
||||||
title="Steinreihenfolge"
|
title="Wischen des gegnerischen Steins"
|
||||||
description="Die je acht Steine pro Team werden alternierend gespielt. Zu beginn des Spiels wird jeweils ausgelost, welches
|
description="Hinter der Tee-Line (grün eingezeichneter Bereich) darf ein gegnerischer Stein durch jemanden
|
||||||
Team das Recht des letzten Stein bekommt. Das andere Team beginnt dann logischerweise das Spiel."
|
gewischt werden.
|
||||||
}}
|
So kann dieser aus dem Spiel genommen werden."
|
||||||
|
}}
|
||||||
|
|
||||||
{{> ruleitem
|
{{> ruleitem
|
||||||
image="/rules/countOrder.svg"
|
image="/rules/stoneOrder.svg"
|
||||||
imageAlt="Zählung des Spielstands"
|
imageAlt="Steinreihenfolge"
|
||||||
title="Zählen des Spielstandes"
|
title="Steinreihenfolge"
|
||||||
description="Um am Ende eines Spiels den Spielstand herauszufinden, werden die Steine vom Zentrum her weg gezählt. Sobald
|
description="Die je acht Steine pro Team werden alternierend gespielt. Zu beginn des Spiels wird jeweils
|
||||||
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
|
ausgelost, welches
|
||||||
gelb, obwohl noch zwei rote Steine im Haus liegen."
|
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>
|
</div>
|
||||||
|
|
||||||
{{> footer }}
|
{{> footer }}
|
||||||
|
|||||||
@@ -4,72 +4,77 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Spirit of Curling</title>
|
<title>Spirit of Curling</title>
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-primary">
|
<body class="bg-primary flex flex-col min-h-screen">
|
||||||
|
|
||||||
{{> nav spiritActive=true}}
|
{{> nav spiritActive=true}}
|
||||||
|
|
||||||
<div class="flex flex-col items-center">
|
<div class="home grow">
|
||||||
<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">
|
<div class="flex flex-col items-center">
|
||||||
{{> spiritofcurlingitem
|
<h1 class="">Spirit of Curling</h1>
|
||||||
title="Manieren"
|
<p class="text-center w-6/12">Der Spirit of Curling ist eine Art Regelwerk, welches beschreibt wie
|
||||||
description="Ein Curler verhält sich imemr anständig, zuvorkommend und wie ein Gentleman."
|
ein Curler den Respekt gegenüber den Mitspielern, Gegnern und dem Sport selbst zeigen soll.</p>
|
||||||
image="/spiritofcurling/ways.png"
|
</div>
|
||||||
imageAlt="Icon Manieren"}}
|
|
||||||
|
|
||||||
{{> spiritofcurlingitem
|
<div class="h-full grid grid-cols-3 gap-0.5 content-start p-16">
|
||||||
title="Gewinn ist das Ziel"
|
{{> spiritofcurlingitem
|
||||||
description="Ein Curler spielt um zu gewinnen, nie aber um seinen Gegner zu erniederigen."
|
title="Manieren"
|
||||||
image="/spiritofcurling/trophy.png"
|
description="Ein Curler verhält sich imemr anständig, zuvorkommend und wie ein Gentleman."
|
||||||
imageAlt="Icon Gewinn"}}
|
image="/spiritofcurling/ways.png"
|
||||||
|
imageAlt="Icon Manieren"}}
|
||||||
|
|
||||||
{{> spiritofcurlingitem
|
{{> spiritofcurlingitem
|
||||||
title="Keine Ablenkung"
|
title="Gewinn ist das Ziel"
|
||||||
description="Ein Curler wird nie versuchen seinen Gegner abzulenken oder ihn daran zu hindern, sein Bestes zu tun."
|
description="Ein Curler spielt um zu gewinnen, nie aber um seinen Gegner zu erniederigen."
|
||||||
image="/spiritofcurling/distraction.png"
|
image="/spiritofcurling/trophy.png"
|
||||||
imageAlt="Icon Ablenkung"}}
|
imageAlt="Icon Gewinn"}}
|
||||||
|
|
||||||
{{> spiritofcurlingitem
|
{{> spiritofcurlingitem
|
||||||
title="Keine Vorteile verschaffen"
|
title="Keine Ablenkung"
|
||||||
description="Ein Curler versucht nie, mit anderen Mitteln als mit den spielerischen Möglichkeiten, Vorteile zu
|
description="Ein Curler wird nie versuchen seinen Gegner abzulenken oder ihn daran zu hindern, sein Bestes zu
|
||||||
erzielen."
|
tun."
|
||||||
image="/spiritofcurling/plus.png"
|
image="/spiritofcurling/distraction.png"
|
||||||
imageAlt="Icon Vorteile"}}
|
imageAlt="Icon Ablenkung"}}
|
||||||
|
|
||||||
{{> spiritofcurlingitem
|
{{> spiritofcurlingitem
|
||||||
title="Zuerst verlieren lernen"
|
title="Keine Vorteile verschaffen"
|
||||||
description="Ein Curler muss zuerst lernen zu verlieren, erst dann ist er auch würdig zu gewinnen."
|
description="Ein Curler versucht nie, mit anderen Mitteln als mit den spielerischen Möglichkeiten, Vorteile zu
|
||||||
image="/spiritofcurling/psychology.png"
|
erzielen."
|
||||||
imageAlt="Icon Psychologie"}}
|
image="/spiritofcurling/plus.png"
|
||||||
|
imageAlt="Icon Vorteile"}}
|
||||||
|
|
||||||
{{> spiritofcurlingitem
|
{{> spiritofcurlingitem
|
||||||
title="Niederlage über ungerechtem Sieg"
|
title="Zuerst verlieren lernen"
|
||||||
description="Ein Curler zieht eine Niederlage einem ungerecheten Sieg vor."
|
description="Ein Curler muss zuerst lernen zu verlieren, erst dann ist er auch würdig zu gewinnen."
|
||||||
image="/spiritofcurling/disappointed.png"
|
image="/spiritofcurling/psychology.png"
|
||||||
imageAlt="Icon Niederlage"}}
|
imageAlt="Icon Psychologie"}}
|
||||||
|
|
||||||
{{> spiritofcurlingitem
|
{{> spiritofcurlingitem
|
||||||
title="Keine verstösse gegen Spielregeln"
|
title="Niederlage über ungerechtem Sieg"
|
||||||
description="Ein Curler verstösst nie absichtlich gegen Spielregeln oder eine der geschriebenen oder ungeschriebenen
|
description="Ein Curler zieht eine Niederlage einem ungerecheten Sieg vor."
|
||||||
Überlieferungen"
|
image="/spiritofcurling/disappointed.png"
|
||||||
image="/spiritofcurling/prohibited.png"
|
imageAlt="Icon Niederlage"}}
|
||||||
imageAlt="Icon Verboten"}}
|
|
||||||
|
|
||||||
{{> spiritofcurlingitem
|
{{> spiritofcurlingitem
|
||||||
title="Keine unerwarteten Handlungen"
|
title="Keine verstösse gegen Spielregeln"
|
||||||
description="Ein Curler wird nie etwas tun, was er auch von seinen Mitspielern nicht erwartet."
|
description="Ein Curler verstösst nie absichtlich gegen Spielregeln oder eine der geschriebenen oder
|
||||||
image="/spiritofcurling/magic.png"
|
ungeschriebenen
|
||||||
imageAlt="Icon unerwartet"}}
|
Überlieferungen"
|
||||||
|
image="/spiritofcurling/prohibited.png"
|
||||||
|
imageAlt="Icon Verboten"}}
|
||||||
|
|
||||||
{{> spiritofcurlingitem
|
{{> spiritofcurlingitem
|
||||||
title="Gegnerfreundlich"
|
title="Keine unerwarteten Handlungen"
|
||||||
description="Ein Curler entscheidet sich in Streitfragen immer zu Gunsten seines Gegners."
|
description="Ein Curler wird nie etwas tun, was er auch von seinen Mitspielern nicht erwartet."
|
||||||
image="/spiritofcurling/friendly.png"
|
image="/spiritofcurling/magic.png"
|
||||||
imageAlt="Icon Freundlich"}}
|
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>
|
</div>
|
||||||
|
|
||||||
{{> footer }}
|
{{> footer }}
|
||||||
|
|||||||
Reference in New Issue
Block a user