Cool background

This commit is contained in:
Logan Hunt 2022-04-10 18:02:10 -06:00
parent 57509cad92
commit a23ea2e014
3 changed files with 13 additions and 2 deletions

View File

@ -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). 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. 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).

BIN
assets/image/background.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

@ -1,16 +1,25 @@
body { body {
margin: 0; margin: 0;
font-family: Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace; 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 { .canvas-holder canvas {
padding: 0; padding: 0;
margin: auto; margin: auto;
display: block; display: block;
height: 100vh; height: 90vh;
width: auto; width: auto;
border: 3px solid grey;
border-radius: 5px;
max-width: 100%; max-width: 100%;
background-color: black; background-color: rgba(0, 0, 0, 0.95);
} }
.game-hud { .game-hud {