Skip to content

Instantly share code, notes, and snippets.

/pongwoutcode.html

Created March 7, 2015 18:36
Show Gist options
  • Save anonymous/83da7001ef8844282834 to your computer and use it in GitHub Desktop.
Save anonymous/83da7001ef8844282834 to your computer and use it in GitHub Desktop.
Download ZIP
use 650 by 400
Raw
pongwoutcode.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML pong</title>
<style>
#message{
font-family:sans-serif;
font-weight:bold;
text-align:center;
position:fixed;
margin:auto;
top:-5px;
width:100%;
color:#000;
text-shadow: 0px 1px 1px #ffffff;
}
#player{
position:fixed;
top:50px;
left:10px;
background-color:#BBB;
width:12px;
height:70px;
box-shadow:0px 0px 6px -4px black inset;
border:1px solid #AAA;
}
#ball{
position:fixed;
top:100px;
left:100px;
width:20px;
height:20px;
background-color:white;
border-radius:50%;
}
#comp{
position:fixed;
top:30px;
right:10px;
background-color:none;
width:100%;
height:1px;
background-color:#BBB;
width:12px;
height:70px;
box-shadow:0px 0px 6px -4px black inset;
border:1px solid #AAA;
}
#yp{
position:fixed;
top:0px;
left:0px;
padding-left:15px;
}
#cp{
position:fixed;
top:0px;
right:0px;
padding-right:15px;
}
p{
color:#000;
text-shadow: 0px 1px 1px #ffffff;
font-family:sans-serif;
font-weight:bold;
}
</style>
</head>
<body style="background-color:#666666" onClick="onC" id = "body">
<p id = "message">|<br/>created by Max Pelic<br/>|<br/>|<br/>|<br/>|<br/>|<br/>|<br/>|<br/>/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\<br/>/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\<br/>|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br/>\&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/<br/>\&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/<br/>|<br/>|<br/>|<br/>|<br/>|<br/>|<br/>|<br/>click to pause<br/>|</p>
<p id = "yp"></p>
<p id = "cp"></p>
<div id = "player"></div>
<div id = "ball"></div>
<div id = "comp"></div>
<div style="height:100%"></div>
<script src="https://gist.githubusercontent.com/anonymous/9d0a3360901968874030/raw/afd1bb579c505b4fce1b250ef558bc5a8b6e0f26/Untitled.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment