add simple website to make muhq's game more accessible

TODO: show all cards on the website

1 files changed, 206 insertions, 0 deletions

diff --git a/html/build/rules/de/tiles.html b/html/build/rules/de/tiles.html
new file mode 100644
index 00000000..fddaa84b
--- /dev/null
+++ b/html/build/rules/de/tiles.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>muhq’s game common map tiles</title>
+  <style>
+    html {
+      line-height: 1.5;
+      font-family: Georgia, serif;
+      font-size: 20px;
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      word-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 1em;
+      }
+    }
+    @media print {
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
+      font-size: 85%;
+      margin: 0;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    span.underline{text-decoration: underline;}
+    div.column{display: inline-block; vertical-align: top; width: 50%;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    ul.task-list{list-style: none;}
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">muhq’s game common map tiles</h1>
+</header>
+<h1 id="gebräuchliche-felder">Gebräuchliche Felder</h1>
+<h2 id="haus">Haus</h2>
+<ul>
+<li>Ein kleines Wohnhaus.</li>
+<li><strong>Units</strong> auf diesem Feld können nur in range 1 angegriffen werden</li>
+</ul>
+<h2 id="turm">Turm</h2>
+<ul>
+<li>Ein militärisches Gebäude um Gelände zu kontrollieren.</li>
+<li><strong>Units</strong> mit einer Angriffs range &gt; 1 bekommen + 1 range</li>
+</ul>
+<h2 id="acker">Acker</h2>
+<ul>
+<li>Ein Acker um Ressource um landwirtschaftlich Ressource zu produzieren</li>
+<li>Ein <strong>Bauer</strong> auf einem <strong>Acker</strong> stehender Bauer hat folgende Volle-Aktion: erhalte 3 Ressource</li>
+</ul>
+<h2 id="startfeld">Startfeld</h2>
+<ul>
+<li>Ein militärisch taktischer Ort</li>
+<li>Startfelder sind Spieler spezifisch</li>
+<li>Spieler können auf eigenen Startfeldern <strong>Permanents</strong> spielen</li>
+</ul>
+<h2 id="hafen">Hafen</h2>
+<ul>
+<li>Ein Ort an dem schwimmende Dinge gebaut werden</li>
+<li>Hafen sind Spieler spezifisch</li>
+<li>Spieler können schwimmende <strong>Permanents</strong> auf <strong>tiefen Wasser</strong> Feldern in range 2 spielen</li>
+</ul>
+<h2 id="strasse">Strasse</h2>
+<ul>
+<li>Strecken zur schnelleren Fortbewegung</li>
+<li>Eine <strong>unit</strong> auf einer Strasse hat eine zusätzliche Bewegungs-Aktion welche sich nur auf Strassen Feldern bewegen darf</li>
+<li>Strassen gelten als verbunden wenn sie sich eine Kannte teilen</li>
+</ul>
+<h2 id="tiefes-wasser">Tiefes Wasser</h2>
+<ul>
+<li>Ozeane, Seen, grosse Flüsse oder Kanäle</li>
+<li>Nur schwimmende <strong>permanents</strong> koennen auf <strong>tiefen Wasser</strong> platziert werden</li>
+</ul>
+<h2 id="wasser">Wasser</h2>
+<ul>
+<li>Wasser das von Menschen mit Mühe durchquerbar ist</li>
+<li>Schwimmende und nicht schwimmende <strong>permanents</strong> können auf <strong>Wasser</strong> platziert werden</li>
+<li><strong>Units</strong> müssen ihre Bewegung auf dem ersten betretenen <strong>Wasser</strong> Feld beenden</li>
+</ul>
+<h2 id="flaches-wasser">Flaches Wasser</h2>
+<ul>
+<li>Wasser das von Menschen ohne Mühe durchquerbar ist</li>
+<li>Schwimmende und nicht schwimmende <strong>permanents</strong> können auf <strong>flachem Wasser</strong> platziert werden</li>
+</ul>
+</body>
+</html>