Add styling to the page around the game
This commit is contained in:
parent
dea9e527ec
commit
82cc18098c
2 changed files with 35 additions and 0 deletions
34
header.html
Normal file
34
header.html
Normal 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>
|
|
@ -1,4 +1,5 @@
|
||||||
echo ^<html^>^<body^> > index.html
|
echo ^<html^>^<body^> > index.html
|
||||||
|
copy /y header.html index.html
|
||||||
dir *.js /s /b > tmpfile
|
dir *.js /s /b > tmpfile
|
||||||
for /F "tokens=*" %%A in (tmpfile) do (
|
for /F "tokens=*" %%A in (tmpfile) do (
|
||||||
echo ^<script type="text/javascript" src="file:///%%A"^>^</script^> >> index.html
|
echo ^<script type="text/javascript" src="file:///%%A"^>^</script^> >> index.html
|
||||||
|
|
Loading…
Add table
Reference in a new issue