PirateBoxScripts_Webserver/piratebox/piratebox/www/index.html

64 lines
2.1 KiB
HTML
Raw Normal View History

2012-04-14 18:57:22 +02:00
<html><head><LINK rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /><title>Send a file</title>
<style type="text/css">
<!--
* {margin: 0; padding: 0;}
body {text-align: left; font-size: 1.0em; font-family: sans-serif;}
.box {padding-top:10px; padding-bottom:0px;}
#message {text-align: left; width: 310px;}
#sending {display: none;}
#wrapform {height: 40px;}
#progress {display: inline; border-collapse: separate; empty-cells: show;
border-spacing: 10px 0; padding: 0; vertical-align: bottom;}
#progress td {height: 10px; width: 13px; background-color: #eee;
border: 1px solid #aaa; padding: 0px;}
--></style>
<!--piratebox.lan-->
<center>
<div class="box"><img src="/piratebox-logo-small.png"/></div>
<div id="message" class="box"> <b>1.</b> Learn more about the project <a href="/.READ.ME.htm" target="_parent"><b>here</b></a>.<p><b>2.</b> Click button below to begin sharing.</p><b>3.</b> Browse and download files <a href="/share/unsorted" target="_parent"><b>here</b></a>.<br> </div>
<script language="JavaScript">
function swap() {
document.getElementById("form").style.display = "none";
document.getElementById("sending").style.display = "block";
update();
}
ncell = 4;
curcell = 0;
function update() {
setTimeout(update, 300);
e = document.getElementById("cell"+curcell);
e.style.backgroundColor = "#eee";
curcell = (curcell+1) % ncell
e = document.getElementById("cell"+curcell);
e.style.backgroundColor = "#aaa";
}
function onunload() {
document.getElementById("form").style.display = "block";
document.getElementById("sending").style.display = "none";
}
</script></head>
<body>
<div id="wrapform">
<div id="form" class="box">
<form method="post" enctype="multipart/form-data" action="">
<input name="upfile" type="file">
<input value="Send" onclick="swap()" type="submit">
</form>
</div>
<div id="sending" class="box"> Sending &nbsp;
<table id="progress"><tr>
<td id="cell0"/><td id="cell1"/><td id="cell2"/><td id="cell3"/>
</tr></table>
</div>
</div>
<br /> <iframe height='400' width='650' frameBorder='0' src='/chat.html'></iframe>
</body></html>