Added the new game background (HTML/CSS)
This commit is contained in:
Ruben Müller
parent
4866476fe9
commit
717b06e612
|
|
@ -1,32 +1,82 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Impact Game</title>
|
||||
<meta charset="utf-8" />
|
||||
<title>UberPong – proudly presented by Team ARG</title>
|
||||
|
||||
<link rel="shortcut icon" href="media/favicon.ico" type="image/x-icon" >
|
||||
|
||||
<style type="text/css">
|
||||
html,body {
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
font-family: helvetica, arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 12pt;
|
||||
html {
|
||||
background: #070707 url(media/layout-background.jpg) no-repeat;
|
||||
font-family: Arial;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
}
|
||||
|
||||
#header {
|
||||
width: 800px;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
#header img {
|
||||
|
||||
}
|
||||
|
||||
#canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
border: 1px solid #555;
|
||||
width: 624px;
|
||||
height: 383px;
|
||||
|
||||
display: block;
|
||||
|
||||
margin: -170px auto 0 auto;
|
||||
}
|
||||
|
||||
#footer {
|
||||
text-align: center;
|
||||
color: #bebebe;
|
||||
|
||||
margin: 50px 0 0 0;
|
||||
}
|
||||
|
||||
#footer div.acknowledgement {
|
||||
|
||||
}
|
||||
|
||||
#footer div.acknowledgement img {
|
||||
vertical-align: text-bottom;
|
||||
margin: 0 10px 0 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#footer a.website {
|
||||
display: inline-block;
|
||||
margin: 30px 0 30px 0;
|
||||
color: #0692d2;
|
||||
text-decoration: none;
|
||||
font-size: 15px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript" src="lib/impact/impact.js"></script>
|
||||
<script type="text/javascript" src="lib/game/main.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<img src="media/layout-gamelogo.png">
|
||||
</div>
|
||||
|
||||
<canvas id="canvas"></canvas>
|
||||
|
||||
<div id="footer">
|
||||
<div class="acknowledgement">
|
||||
<img src="media/logo-teamarg-s.png">
|
||||
used
|
||||
<img src="media/logo-impact-s.png">
|
||||
for this awesome game.
|
||||
</div>
|
||||
|
||||
<a class="website" href="http://teamarg.com"><strong>teamarg</strong>.com</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
ig.module(
|
||||
ig.module(
|
||||
'game.main'
|
||||
)
|
||||
.requires(
|
||||
'impact.debug.menu',
|
||||
//'impact.debug.menu',
|
||||
'impact.game',
|
||||
'impact.font',
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 573 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 970 B |
Loading…
Reference in New Issue