67 lines
2.8 KiB
HTML
67 lines
2.8 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="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="/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.</p>
|
|
</div>
|
|
|
|
<div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
|
|
<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.</p>
|
|
</div>
|
|
|
|
<div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
|
|
<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.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<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="/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.</p>
|
|
</div>
|
|
|
|
<div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
|
|
<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.</p>
|
|
</div>
|
|
|
|
<div class="flex items-center flex-col"> <!--todo text, etc. etwas breiter wie das bild, aber nicht all zu breit-->
|
|
<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.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/main.js"></script>
|
|
</body>
|
|
</html> |