Add styling to the page around the game

This commit is contained in:
RedEnchilada 2016-05-13 20:39:02 -05:00
parent dea9e527ec
commit 82cc18098c
2 changed files with 35 additions and 0 deletions

34
header.html Normal file
View file

@ -0,0 +1,34 @@
<html>
<title>Waterlogue</title>
<style>
html {
padding: 0; margin: 0;
background-color: #333;
background: url(assets/tiles/bg-save.png) center repeat-x;
background-size: cover;
height: 100%;
}
body {
padding: 0; margin: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
}
canvas {
position: absolute;
left: 50%;
top: 50%;
margin: -140px -250px;
transform: scale(1.7, 1.7);
box-shadow: 3px 3px 5px black;
}
div {
width: 300px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
overflow: auto;
opacity: 0.5;
}
</style>
<body>

View file

@ -1,4 +1,5 @@
echo ^<html^>^<body^> > index.html
copy /y header.html index.html
dir *.js /s /b > tmpfile
for /F "tokens=*" %%A in (tmpfile) do (
echo ^<script type="text/javascript" src="file:///%%A"^>^</script^> >> index.html