fix snake game controls + edit this page link

the pydata theme key bindings use arrow keys which conflicted
with the example implementation

Author: rmorshea

docs/source/conf.py

@@ -110,7 +110,7 @@
     "github_user": "idom-team",
     "github_repo": "idom",
     "github_version": "main",
-    "doc_path": "docs",
+    "doc_path": "docs/source",
 }
 
 # Add any paths that contain custom static files (such as style sheets) here,

docs/source/content/examples.rst

@@ -33,7 +33,7 @@ Try typing in the text box and pressing 'Enter' 📋
 The Game Snake
 --------------
 
-Click to start playing and use the arrow keys to move 🎮
+Click to start playing and use WASD to move 🎮
 
 Slow internet may cause inconsistent frame pacing 😅
 

docs/source/examples/snake_game.py

@@ -34,16 +34,16 @@ def GameView():
 
 
 class Direction(enum.Enum):
-    ArrowUp = (0, -1)
-    ArrowLeft = (-1, 0)
-    ArrowDown = (0, 1)
-    ArrowRight = (1, 0)
+    w = (0, -1)
+    a = (-1, 0)
+    s = (0, 1)
+    d = (1, 0)
 
 
 @idom.element
 def GameLoop(grid_size, block_scale, set_game_state):
     # we `use_ref` here to capture the latest direction press without any delay
-    direction = idom.hooks.use_ref(Direction.ArrowRight.value)
+    direction = idom.hooks.use_ref(Direction.d.value)
 
     snake, set_snake = idom.hooks.use_state([(grid_size // 2 - 1, grid_size // 2 - 1)])
     food, set_food = use_snake_food(grid_size, snake)