forked from U413/defunct-u413-python
/
index.html
143 lines (139 loc) · 6.83 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Terminal - Visitor</title>
<link rel="shortcut icon" href="favicon.ico"/>
<link href="content/styles/Terminal.css" rel="stylesheet" type="text/css"/>
<link href="content/styles/Prettify.css" rel="stylesheet" type="text/css"/>
<link href="content/styles/chat.css" rel="stylesheet" type="text/css"/>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="scripts/jquery.autosize-min.js"></script>
<script type="text/javascript" src="scripts/snowfall.min.jquery.js"></script>
<script type="text/javascript" src="scripts/prettify.js"></script>
<script type="text/javascript" src="scripts/soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="scripts/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="scripts/jquery.coolType_1.2.0.js"></script>
<script type="text/javascript" src="scripts/jquery.u413Client.js"></script>
<script type="text/javascript" src="scripts/java_socket_bridge.js"></script>
<script type="text/javascript" src="scripts/u413chat.js"></script>
<script type="text/javascript">
var rootPath='';
soundManager.url=rootPath+'content/soundmanager2/';
//soundManager.useHTML5Audio=true;
soundManager.allowScriptAccess='always';
$(function(){
Setup(rootPath+'content/sounds/techtyping.mp3');
});
function StopButton(soundName){
$('<img src="'+rootPath+'content/stop.png" /\x3E').css({
position:'fixed',
right:20,
top:20,
width:'25px',
cursor:'pointer',
zIndex:9000,
opacity:'.50'
}).prependTo('body')
.click(function(e){
soundManager.pause(soundName);
$(this).hide();
PlayButton(soundName);
});
}
function PlayButton(soundName){
$('<img src="'+rootPath+'content/play.png" /\x3E').css({
position:'fixed',
right:20,
top:20,
width:'25px',
cursor:'pointer',
zIndex:9000,
opacity:'.50'
}).prependTo('body')
.click(function(e){
soundManager.resume(soundName);
$(this).hide();
StopButton(soundName);
});
}
function Setup(soundFile){
$(window).resize(function(){
$('#frame').height($(window).height()-175);
}).resize();
$.coolType.setup({
soundFile:soundFile,
playSound:true,
speed:25,
onSoundLoaded:function(){
$('#commandForm').u413Client({
elementToScroll:'#frame > .subFrame',
apiUrl:'api/u413.py'
});
}
});
}
</script>
</head>
<body>
<!--[if lt IE 9]>
<div style='border:1px solid #F7941D;background:#FEEFDA;text-align:center;clear:both;height:75px;position:relative;z-index:9000;'>
<div style='position:absolute;right:3px;top:3px;font-family:courier new;font-weight:bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none";return false;'><img src='http://www.codetunnel.comcontent/images/ie6nomore-cornerx.jpg' style='border:none;' alt='Close this notice'/></a></div>
<div style='width:780px;margin:0 auto;text-align:left;padding:0;overflow:hidden;color:black;'>
<div style='width:75px;float:left;'><img src='http://www.codetunnel.comcontent/images/ie6nomore-warning.jpg' alt='Warning!'/></div>
<div style='width:400px;float:left;font-family:Arial,sans-serif;'>
<div style='font-size:14px;font-weight:bold;margin-top:12px;'>You are using an outdated and unsupported browser</div>
<div style='font-size:12px;margin-top:6px;line-height:12px;'>For a better experience using this site,please upgrade to a newer web browser.</div>
</div>
<div style='width:75px;float:left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.codetunnel.comcontent/images/browser_logos/chrome.jpg' style='border:none;' alt='Get Google Chrome'/></a></div>
<div style='width:75px;float:left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.codetunnel.comcontent/images/browser_logos/firefox.jpg' style='border:none;' alt='Get Firefox'/></a></div>
<div style='width:73px;float:left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.codetunnel.comcontent/images/browser_logos/safari.jpg' style='border:none;' alt='Get Safari'/></a></div>
<div style='width:75px;float:left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.codetunnel.comcontent/images/browser_logos/ie.jpg' style='border:none;' alt='Get Internet Explorer'/></a></div>
</div>
</div>
<![endif]-->
<img class="backgroundImage" src="content/background.jpg"/>
<div id="socket" style="height:0px; width:0px;"></div>
<div class="bodyframe" style="top:0;left:0;width:100%;position:absolute;z-index:1;" onclick="$('#Cli').focus();">
<div id="frame">
<div class="opacityFrame"></div>
<div class="subFrame" style="overflow:auto;">
<form action="/" method="POST" id="commandForm">
<div id="terminalDisplay">
<noscript id="defdisplay">
Welcome to...<br/><br/> __ __ __ __ _ __<br/> /\ \/\ \/\ \\ \ /' \ /'__`\<br/> \ \ \ \ \ \ \\ \ /\_, \/\_\L\ \<br/> \ \ \ \ \ \ \\ \_\/_/\ \/_/_\_<_<br/> \ \ \_\ \ \__ ,__\ \ \ \/\ \L\ \<br/> \ \_____\/_/\_\_/ \ \_\ \____/<br/> \/_____/ \/_/ \/_/\/___/<br/><br/>
<span style="color:red;">Coming soon to a browser near you!</span>
</noscript>
</div>
<input id="Display" name="Display" type="hidden"/>
<div id="notifications"></div><br/>
<input id="Notifications" name="Notifications" type="hidden" value=""/>
<div id="loading"></div>
<span id="contextDisplay">
<span id="context"></span>
>
</span>
<input autocomplete="off" autofocus="autofocus" id="Cli" name="Cli" type="text"/>
</form><br/><br/>
</div><br/>
</div>
</div>
<div class="chat" style="opacity: 0; display: none;" onclick="$('.in').focus();">
<div class="titlebar">U413 Chat</div><br>
<div class="content">
<div class="tabbar">
<div class="tabs">
<div id="Status" class="chattab active" onclick="switchfocus(this.innerHTML);">Status</div>
</div>
</div>
<span class="topic" style="color:red;"><div style="padding:2px; border:solid 1px red;" id="Statustopic">Chat server status</div></span>
<div class="out">
<span class="Status"></span>
</div>
> <input type="text" class="in" onKeyDown="if(event.keyCode==13) sendchat(this.value);"/>
</div><br>
</div>
</body>
</html>