switch to zero-based index on website

gengo/app/static/js/board.py

@@ -7,8 +7,8 @@ def on_message(evt):
     #board = ast.literal_eval(evt.data)
     # need to fix, but ast not loaded; should parse manually
     board = eval(evt.data)
-    for x in range(1, size):
-        for y in range(1, size):
+    for x in range(size):
+        for y in range(size):
             document[f"{x},{y}"].attrs['fill'] = board[x][y]
 
     #alert(f"Message received: {evt.data}")
@@ -21,8 +21,8 @@ def on_click(ev):
     ws.send(ev.target.id)
 
 
-for x in range(1, size):
-    for y in range(1, size):
+for x in range(size):
+    for y in range(size):
         ident = f"{x},{y}"
         document[ident].bind("click", on_click)
 

gengo/app/templates/index.html

@@ -12,11 +12,11 @@
         <script src="{{url_for('static', filename='js/board.py')}}" type="text/python"></script>
 
         <svg width="500" height="500">
-            {% for x in 1,2,3,4,5,6,7,8,9,10 %}
-                {% for y in 1,2,3,4,5,6,7,8,9,10 %}
+            {% for x in 0,1,2,3,4,5,6,7,8,9,10 %}
+                {% for y in 0,1,2,3,4,5,6,7,8,9,10 %}
                     <rect id="{{'{},{}'.format(x,y)}}"
-                          x="{{x*50}}" y="{{y*50}}"
-                          height="50" width="50" fill="sandybrown", stroke="red"/>
+                          x="{{x*25}}" y="{{y*25}}"
+                          height="25" width="25" fill="sandybrown", stroke="red"/>
                 {% endfor %}
             {% endfor %}
         </svg>