83 lines
4.2 KiB
HTML
83 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Rules</title>
|
|
</head>
|
|
<body class="bg-primary">
|
|
|
|
{{> nav rulesActive=true }}
|
|
|
|
<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"
|
|
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=""/>
|
|
<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>
|
|
</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=""/>
|
|
<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>
|
|
</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=""/>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h-60 bg-banner flex justify-between items-center px-40 mb-14 mt-auto">
|
|
|
|
<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=""/>
|
|
<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>
|
|
</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=""/>
|
|
<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>
|
|
</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=""/>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/main.js"></script>
|
|
</body>
|
|
</html> |