etherpad-lite/static/index.html
2011-05-28 21:05:43 +01:00

93 lines
2.3 KiB
HTML

<html>
<head>
<title>Etherpad Lite</title>
<style>
* {
font-family: Helvetica, Verdana, Sans-Serif;
}
html, body {
height:100%;
margin:0;
padding:0;
}
#wrapper {
margin:auto;
margin-top: 200px;
width: 300px;
height: 200px;
}
#button {
width: 300px;
height: 80px;
display: block;
margin:auto;
border: 2px solid #999;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
background: white; /* fallback for older/unsupporting browsers */
background: -moz-linear-gradient(top, #aaa, white 70%, white 70%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#aaa), color-stop(70%, white), color-stop(70%, white));
text-decoration: none;
text-align: center;
}
#button span {
display: block;
margin-top:15px;
font-size: 40px;
color: #333;
font-weight:bold;
text-decoration: none;
}
#nameWrapper {
text-align: center;
}
</style>
<script type="text/javascript">
function go2Name()
{
var padname = document.getElementById("padname").value;
if(padname.length > 0)
{
window.location = "p/" + padname;
}
}
function go2Random()
{
window.location = "p/" + randomPadName() ;
}
function randomPadName()
{
var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
var string_length = 10;
var randomstring = '';
for (var i=0; i<string_length; i++) {
var rnum = Math.floor(Math.random() * chars.length);
randomstring += chars.substring(rnum,rnum+1);
}
return randomstring;
}
</script>
</head>
<body>
<div id="wrapper">
<a href="javascript:go2Random()" id="button"><span>New Pad</span></a>
<div id="nameWrapper"><form>
<span><br>or create a Pad with the name <br></span> <input type="text" id="padname"/> <input type="submit" value="OK" onclick="go2Name();return false;">
</form></div></a>
</div>
</body>
</html>