Create HTML with script. Add proof-of-concept for multi-turn events.

2019-07-22 22:03:31 -04:00
parent 60ee0dd172
commit a391633172
3 changed files with 283 additions and 37 deletions
--- a/tictactoe.py
+++ b/tictactoe.py
@@ -0,0 +1,51 @@
+
+def write_html(html_file):
+    html_top = [
+        '<html>',
+        '<head>',
+        '  <title>Tic Tac Toe CSS</title>',
+        '  <link rel="stylesheet" type="text/css" href="tictactoe.css">',
+        '</head>',
+        '<body>',
+        '  <div class="tic-tac-toe">']
+
+    html_bottom = [
+        '  </div>',
+        '</body>',
+        '</html>']
+    tepl_input = '    <input class="field-{field} ' \
+                 'row-{row} col-{col} turn-{turn}" ' \
+                 'id="block-{turn}-{row}-{col}" type="radio">'
+
+    tepl_label = '    <label class="turn-{turn}" ' \
+                 'for="block-{turn}-{row}-{col}"></label>'
+    html_main = []
+
+    for turn in range(9):
+        c = "    <!-- turn-{} -->".format(turn)
+        html_main.append(c)
+        for row in range(3):
+            for col in range(3):
+                d = {
+                    "field": row * 3 + col,
+                    "turn": turn,
+                    "row": row,
+                    "col": col}
+                input_ = tepl_input.format(**d)
+                label_ = tepl_label.format(**d)
+                html_main.append(input_)
+                html_main.append(label_)
+        html_main.append("")
+
+    html = html_top + html_main + html_bottom
+    with open(html_file, 'w') as f:
+        f.write("\n".join(html))
+
+
+def write_css(css_file):
+    pass
+
+
+if __name__ == "__main__":
+    write_html("tictactoe.html")
+    write_css("tictactoe.css")