diff --git a/README.md b/README.md index c9adcfc..19f27ef 100644 --- a/README.md +++ b/README.md @@ -5,3 +5,5 @@ It's like Baba is You, but Aggies (and not as good :P) Most artwork is from the initial game, as found [here](https://www.spriters-resource.com/pc_computer/babaisyou/sheet/115231/), besides an ugly AF custom "Big Blue" (I am no artist and I spent way too long on it). Music is "Hope is Not Lost" by Jim Hall, found on [free music archive](https://freemusicarchive.org/music/jim-hall/synth-kid-elsewhere/hope-is-not-lost) and cut just a little early to loop better. + +Background image is stolen [from here](https://i.pinimg.com/originals/b2/2a/a2/b22aa22b2f3f55b6468361158d52e2e7.gif). diff --git a/assets/image/background.gif b/assets/image/background.gif new file mode 100644 index 0000000..4188529 Binary files /dev/null and b/assets/image/background.gif differ diff --git a/styles/style.css b/styles/style.css index 7142e28..7cfa5c7 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1,16 +1,25 @@ body { margin: 0; font-family: Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace; + background-image: url("/assets/image/background.gif"); + background-size: cover; + image-rendering: pixelated; } +.canvas-holder { + padding-top: 4vh; + padding-bottom: 4vh; +} .canvas-holder canvas { padding: 0; margin: auto; display: block; - height: 100vh; + height: 90vh; width: auto; + border: 3px solid grey; + border-radius: 5px; max-width: 100%; - background-color: black; + background-color: rgba(0, 0, 0, 0.95); } .game-hud {