Cool background
This commit is contained in:
parent
57509cad92
commit
a23ea2e014
@ -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
BIN
assets/image/background.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.4 MiB |
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user