-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
57 lines (53 loc) · 2.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Login</title>
</head>
<body>
<div class="overlay-black"></div>
<div class="container">
<div id="time-display">
<h1 id="current-time"></h1>
<h4 id="current-date"></h4>
</div>
<img src="img/icons/settings.svg" width="32px" height="32px" alt="session settings" title="session settings" id="session-settings" class="button clickable" onclick="toggleSettings()">
<div class="wrapper frosty">
<h2><span id="hello">Hello</span>, <select id="user" class="clickable"></select>.</h2>
<div id="login-container">
<form action="javascript: login()" class="custom-form">
<div class="form-group">
<input type="password" class="form-control" name="pass" id="pass" placeholder="enter password" autofocus/>
<div id="status-overlay">
<div id="loader" hidden></div>
<img id="caps-img" src="img/icons/caps-lock.svg" alt="caps-lock" title="caps lock is active" width="32" height="32" hidden>
</div>
<label for="pass" class="animated-label"></label>
</div>
</form>
<p id="message-field"></p>
</div>
<div class="button-container">
<img src="img/icons/shutdown.svg" alt="shutdown" width="32px" height="32px" title="shutdown" onclick="lightdm.shutdown();" class="button clickable">
<img src="img/icons/restart.svg" alt="restart" width="32px" height="32px" title="restart" onclick="lightdm.restart();" class="button clickable">
<img src="img/icons/suspend.svg" alt="suspend" width="32px" height="32px" title="suspend" onclick="lightdm.suspend();" class="button clickable">
</div>
<div class="button">
<img src="img/icons/battery-unknown.svg" alt="battery-status" width="24px" height="24px" id="battery-status-icon" title="">
<p id="battery-status-text">unknown</p>
</div>
</div>
</div>
<div id="settings" class="frosty">
<h3 style="text-align: center;">Settings</h3>
<label style="display: flex; align-items: center;">
Session:
<select id="session-select" onchange="selectedSession = this.value"></select>
</label>
<button class="frosty" onclick="updateBackground()" id="bg-chng">Change Background</button>
</div>
<script type="application/javascript" src="hello.js"></script>
<script type="application/javascript" src="script.js"></script>
</body>
</html>