todo:
- make sure files in the right place for server stuff
+- CLEAN UP THE INDEX PAGE! MAKE IT LOOK OKAY JEEZ
maybe:
- paddle movement bump
- more balls
- fiddle with variables to optimize fun
-
-
<title>Pong: Battle Royale!</title>
<style type="text/css">
body { background-color: black; }
- #content { width: 70%;
+ #content { width: 50%;
display: block;
margin: 0 auto;
color: #fff8f8;
text-align: center;
+ font-size: large;
}
+ #name {
+ font-size: xx-large;
+ }
#b {
background-color: #aa2200;
color: #00aa22;
+ padding: 15px 15px 15px 15px;
+ border-radius: 3px;
+ }
+ </style>
+ <style media="all and (max-width: 600px)">
+ #content {
+ width: 80%;
}
</style>
</head>
<body>
<div id="content">
- <h3>Pong: Battle Royale!</h3>
+ <p id="name">Pong: Battle Royale!</p>
<p>Yes, this is a battle royale version of pong. You are matched up with a large amount of other players in a shrinking arena, and your goal is to survive to the very end. Use 'w' and 's', 'k' and 'j', or the arrow keys to move your paddle with the keyboard, or touch the top or bottom half of the screen to move up or down with a touchscreen.</p>
<a href="play.html" id="b">PLAY</a>
</div>