diff --git a/docs/.pages b/docs/.pages
index 79edb2c..9bad5d8 100644
--- a/docs/.pages
+++ b/docs/.pages
@@ -11,4 +11,5 @@ nav:
         - User stories: "brainstorm/user stories"
         - Mindmap: brainstorm/mindmap
         - Game idee: "brainstorm/game idee"
-        - Taskflow en wireflow: "brainstorm/task flow"
\ No newline at end of file
+        - Taskflow en wireflow: "brainstorm/task flow"
+        - Storyboard: "brainstorm/storyboard"
\ No newline at end of file
diff --git a/docs/assets/Storyboard.png b/docs/assets/Storyboard.png
new file mode 100644
index 0000000..ff8a1ba
Binary files /dev/null and b/docs/assets/Storyboard.png differ
diff --git a/docs/brainstorm/storyboard.md b/docs/brainstorm/storyboard.md
new file mode 100644
index 0000000..f45a397
--- /dev/null
+++ b/docs/brainstorm/storyboard.md
@@ -0,0 +1,2 @@
+# Storyboard
+![Alt text](../assets/Storyboard.png)
diff --git a/web/game.js b/web/game.js
index f0692ee..b33f57c 100644
--- a/web/game.js
+++ b/web/game.js
@@ -2,7 +2,7 @@
 // the function setup() is called once when the page is loaded
 function setup(){
     // create a canvas element and append it to the body
-    createCanvas(1200, 1000);    
+    createCanvas(1250, 600);    
     
     // disable the outline of shapes
     noStroke();