blob: a858dee21f75ed6082b07361c8da89e16ec63c56 (
plain) (
blame)
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
|
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>１９８．１６８．０．１</title>
<!--<script src="http://www.codehelper.io/api/ips/?js"></script>-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Inconsolata"
rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="main.css">
<script src="other.js"></script>
<script>
$(function() {
// Set the command-line prompt to include the user's IP Address
//$('.prompt').html('[' + codehelper_ip["IP"] + '@HTML5] # ');
var ip = (Math.floor(Math.random() * 255) + 1) + "." + (Math.floor(Math.random() * 255)) + "." + (Math.floor(Math.random() * 255)) + "." + (Math.floor(Math.random() * 255));
//$('.prompt').html('[[email protected]] # ');
$('.prompt').html('[user@' + ip + '] # ');
// Initialize a new terminal object
var term = new Terminal('#input-line .cmdline', '#container output');
term.init();
// Update the clock every second
setInterval(function() {
function r(cls, deg) {
$('.' + cls).attr('transform', 'rotate('+ deg +' 50 50)')
}
var d = new Date()
r("sec", 6*d.getSeconds())
r("min", 6*d.getMinutes())
r("hour", 30*(d.getHours()%12) + d.getMinutes()/2)
}, 1000);
});
</script>
</head>
<body>
<div id="container">
<output></output>
<div id="input-line" class="input-line">
<div class="prompt"></div><div><input class="cmdline" autofocus /></div>
</div>
</div>
<div class="clock-container">
<svg viewBox="0 0 100 100">
<circle cx="50" cy="50" r="45"/>
<g>
<rect class="hour" x="47.5" y="12.5" width="5" height="40" rx="2.5" ry="2.55" />
<rect class="min" x="48.5" y="12.5" width="3" height="40" rx="2" ry="2"/>
<line class="sec" x1="50" y1="50" x2="50" y2="16" />
</g>
</svg>
</div>
</body>
</html>
|