Add partials, add new images, edit html pages

This commit is contained in:
Tobias Hilfiker
2022-12-19 21:45:41 +01:00
parent d4250427b0
commit a37bf58d96
18 changed files with 83 additions and 61 deletions

View File

@@ -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>