diff --git a/include/style.css b/include/style.css
new file mode 100644
index 0000000..1421f7e
--- /dev/null
+++ b/include/style.css
@@ -0,0 +1,19 @@
+* {
+  padding: 0;
+  margin: 0;
+}
+
+canvas:first-child {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: inline-block;
+  margin: 0 auto;
+}
+canvas:nth-child(2) {
+  background: #64B5F6;
+  display: block;
+  margin: 0 auto;
+}
diff --git a/index.html b/index.html
index f9f89e9..20b07ec 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,90 @@
+<!--Copyright (c) 2017 Copyright Cliffbreak.de All Rights Reserved.-->
 <head>
-  <title>⛳Minigolf</title>
+  <title>⛳ Minigolf</title>
+  <link rel="stylesheet" type="text/css" href="include/style.css">
+  <script src="include/jquery-3.2.1.min.js"></script>
 </head>
 <body>
-  
+  <canvas width="1280" height="720"></canvas>
+  <canvas width="1280" height="720"></canvas>
 </body>
+
+<script>
+var ctx,
+    staticctx,
+    bX,
+    bY,
+    pX,
+    pY
+
+  /************************/
+ /*** _GAME VARIABLES_ ***/
+/***********************/
+var _COLOR_GRASS = '#388E3C',
+    _COLOR_BORDER = '#FF9800',
+    _COLOR_BALL = '#FFFFFF',
+    _COLOR_HOLE = '#000000',
+    _COLOR_BRACKET = '#000000'
+
+  $(function(){
+    ctx = $('canvas')[0].getContext('2d')
+    staticctx = $('canvas')[1].getContext('2d')
+    init()
+    drawBorder(23, 10, 500, 5)
+    drawBorder(23, 10, 5, 500)
+    drawBorder(23, 500+10-5, 500, 5)
+    drawBorder(500+23-5, 10, 5, 500)
+    drawHole(432, 366)
+    setInterval(animLoop, 10)
+
+    $(document).mousemove(function(e){
+      pX = e.pageX - $('canvas').offset().left
+      pY = e.pageY - $('canvas').offset().top
+    });
+  })
+
+  function animLoop() {
+    ctx.clearRect(0, 0, $('canvas').width(), $('canvas').height());
+    // drawBall(bX++, bY++)
+    drawBall(bX, bY)
+    drawBracket()
+  }
+
+  function init() {
+    bX = bY = 100
+    staticctx.fillStyle = _COLOR_GRASS
+    staticctx.fillRect(23, 10, 500, 500);
+  }
+
+  function drawBorder(x, y, length, width) {
+    staticctx.fillStyle = _COLOR_BORDER
+    staticctx.fillRect(x, y, length, width);
+  }
+
+  function drawHole(x, y) {
+    staticctx.beginPath()
+    staticctx.arc(x, y, 20, 0, Math.PI*2)
+    staticctx.fillStyle = _COLOR_HOLE
+    staticctx.fill()
+    staticctx.closePath()
+  }
+
+  function drawBall(x, y) {
+    ctx.beginPath()
+    ctx.arc(x, y, 10, 0, Math.PI*2)
+    ctx.fillStyle = _COLOR_BALL
+    ctx.fill()
+    ctx.closePath()
+  }
+
+  function drawBracket() {
+    ctx.beginPath()
+    ctx.moveTo(bX, bY)
+    ctx.lineTo(pX, pY)
+    ctx.strokeStyle = _COLOR_BRACKET
+    ctx.stroke()
+    ctx.closePath()
+  }
+</script>
+
+<script src="http://localhost:35729/livereload.js"></script>
