6 files changed, 6 insertions, 4 deletions

diff --git a/img/bg.kra b/img/bg.kra
new file mode 100644
index 0000000..24b56d1
--- /dev/null
+++ b/img/bg.kra
Binary files differdiff --git a/img/bg.png b/img/bg.png
new file mode 100644
index 0000000..22d1413
--- /dev/null
+++ b/img/bg.png
Binary files differdiff --git a/img/char.kra b/img/char.kra
new file mode 100644
index 0000000..2d28b1a
--- /dev/null
+++ b/img/char.kra
Binary files differdiff --git a/img/char.png b/img/char.png
new file mode 100644
index 0000000..cc1d5de
--- /dev/null
+++ b/img/char.png
Binary files differdiff --git a/index.html b/index.html
index 5c636b0..50ee295 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,8 @@
 body {
   font-family: 'pixel-font';
   font-size: 5px;
+  background: black;
+  color: white;
 }
 
 canvas {
diff --git a/index.js b/index.js
index e7653d8..cbdd4fc 100644
--- a/index.js
+++ b/index.js
@@ -25,7 +25,7 @@ class Sprite {
 class Backdrop extends Sprite {
   constructor() {
     super()
-    this.image.src = 'img/weird-woods.png'
+    this.image.src = 'img/bg.png'
   }
 }
 
@@ -199,7 +199,7 @@ class ActionMenu {
       if (effectiveLevel < maxLevel) {
         const ghostRectW = this.getRectW(maxLevel)
         ctx.fillStyle = 'rgba(255, 255, 255, 0.3)'
-        ctx.fillRect(1, y, ghostRectW, 9)
+        ctx.fillRect(1.5, y + 0.5, ghostRectW, 8)
         ctx.strokeStyle = 'rgba(0, 0, 0, 0.3)'
         ctx.strokeRect(1.5, y + 0.5, ghostRectW, 8)
       }
@@ -279,7 +279,7 @@ class BattleCharacter extends Sprite {
     // Parts
 
     this.atbBar = new ATBBar(this)
-    this.image.src = 'img/cat1.png'
+    this.image.src = 'img/char.png'
 
     // State
 
@@ -339,7 +339,7 @@ class Camera extends Sprite {
 
 const battleCharacter = new BattleCharacter()
 battleCharacter.x = 0
-battleCharacter.y = 80
+battleCharacter.y = 240
 
 const atbBar = battleCharacter.atbBar
 //atbBar.queuedActions = [{label: 'Fire', size: 1}, {label: 'Blizz', size: 1}, {label: 'Zap', size: 1}, {label: 'Firaga', size: 3}]