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
|
<html>
<head>
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>Windows</title>
<link rel="shortcut icon" href="../favicon.ico"/>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js'></script>
<style>
html,body{
overflow:hidden;
height:100%;
margin:0px;
width:100%;
background:url('bg.png');
}
img, a {
outline:none;
border:none;
}
div.window{
background:url('bg.jpg');
background-size:cover;
width:100%;
height:100%;
position:absolute;
font-family: Segoe UI Semilight;
color:#FFFFFF;
}
div.windowcontent {
position:absolute;
bottom: 2cm;
margin-left:2cm;
}
#date {
font-size: 1.5cm;
}
#pendule {
font-size:113px;
}
#notification {
font-family: Segoe UI;
line-height:10px;
}
#notification * {
vertical-align:middle;
}
</style>
<script type='text/javascript'>
$(window).load(function(){
// lockscreen animation
var sh = $(window).height();
$("div.window").draggable({ axis: 'y',containment: [0, -500, 1, 1],drag: function(event, ui) { }, stop: function(event, ui) { if (ui.position.top < 0 - sh/2) { $(this).animate({ top: -3000 },5000); $(this).fadeOut('fast'); window.location.assign('../login/index.html'); }; if (ui.position.top > 0 - sh/2 + 1) { $(this).animate({ top: 0 }); }} })
});
</script>
</head>
<body>
<div class="window">
<div class="windowcontent">
<span id="pendule"></span>
<script language="javascript" type="text/javascript">
<!-- Begin
function clock() {
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var amOrPm = "AM";
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;
dispTime = hours + ":" + minutes ;
document.getElementById('pendule').innerHTML = dispTime;
setTimeout("clock()", 1000);
}
window.onload=clock;
// End -->
</script>
<div id="date"><script language="Javascript">
var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")
var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")
var now = new Date
document.write("" + dayName[now.getDay()] + ", " + "<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"")
</script>
</div>
<p id="notification">
<img src="clear.png"/>
<img src="mail.png"/> 2
<img src="clear.png"/>
<img src="calendar.png"/> 1
<img src="clear.png"/>
<img src="messaging.png"/> 75
</p>
</div>
</div>
</body>
</html>
|
