summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLogan Hunt <loganhunt@simponic.xyz>2022-04-10 18:02:10 -0600
committerLogan Hunt <loganhunt@simponic.xyz>2022-04-10 18:02:10 -0600
commita23ea2e014d140dbe9c090e6cf7d55906480c260 (patch)
tree2a66fa80091ae622ad35b862dd6aa840fdcdcc43
parent57509cad921a3e17c9c92d7221c9325e50ede52f (diff)
downloadbbiy-a23ea2e014d140dbe9c090e6cf7d55906480c260.tar.gz
bbiy-a23ea2e014d140dbe9c090e6cf7d55906480c260.zip
Cool background
-rw-r--r--README.md2
-rw-r--r--assets/image/background.gifbin0 -> 1468046 bytes
-rw-r--r--styles/style.css13
3 files changed, 13 insertions, 2 deletions
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
--- /dev/null
+++ b/assets/image/background.gif
Binary files 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 {