You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
4.1 KiB
128 lines
4.1 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8" /> |
|
<meta |
|
name="viewport" |
|
content="width=device-width, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" |
|
/> |
|
|
|
<link rel="stylesheet" href="css/style.css" class="style" /> |
|
<link |
|
rel="stylesheet" |
|
href="../../_vendor/material-icons/css/materialdesignicons.min.css" |
|
onerror="this.href='../_vendor/material-icons/css/materialdesignicons.min.css'" |
|
class="style" |
|
/> |
|
|
|
<!--<script src="../_vendor/js/mock.js"></script>--> |
|
|
|
<title>Gruvbox theme</title> |
|
</head> |
|
<body> |
|
<div id="background"></div> |
|
<button id="cover" class="hide"> |
|
<div id="message"></div> |
|
</button> |
|
<div id="screen"> |
|
<div id="login-form"> |
|
<div id="login-form-box"> |
|
<div id="user-image"> |
|
<div id="background-image"> |
|
<i class="mdi mdi-account"></i> |
|
</div> |
|
<img src="" alt="" /> |
|
</div> |
|
<div id="user-label"> |
|
<b>User</b> |
|
</div> |
|
|
|
<div id="pass-form"> |
|
<form action="POST"> |
|
<div id="input"> |
|
<input |
|
id="input-password" |
|
name="password" |
|
type="password" |
|
autocomplete="off" |
|
autofocus="true" |
|
placeholder="Enter your password" |
|
/> |
|
<button id="pass-eye" type="button" class="button"> |
|
<i class="mdi mdi-eye"></i> |
|
</button> |
|
</div> |
|
<div> |
|
<button id="submit-button" type="submit" class="button"> |
|
<i class="mdi mdi-chevron-right mdi-24px"></i> |
|
</button> |
|
</div> |
|
</form> |
|
</div> |
|
|
|
<div id="sessions-list"> |
|
<button id="sessions-button" class="button"> |
|
<span class="mdi mdi-chevron-down mdi-24px"></span> |
|
</button> |
|
<ul id="sessions-dropdown" class="dropdown hide"> |
|
<li><button>Awesome</button></li> |
|
<li><button>Ubuntu</button></li> |
|
</ul> |
|
</div> |
|
<div id="users-list"> |
|
<button id="users-button" class="button"> |
|
<span class="mdi mdi-chevron-down mdi-24px"></span> |
|
</button> |
|
<ul id="users-dropdown" class="dropdown hide"> |
|
<li><button>Normal sheer</button></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
<div id="session-label" class="info"></div> |
|
<div id="lock-label" class="info hide">Lock</div> |
|
<div id="time-date" class="info"> |
|
<span id="time-label">20:00</span> |
|
<span id="date-label">12-07-21</span> |
|
</div> |
|
|
|
<div id="system-status" class="label-bar"> |
|
<div id="layouts-list"> |
|
<button id="layouts-button" class="">LATAM</button> |
|
<ul id="layouts-dropdown" class="dropdown hide"> |
|
<li><button>Latam</button></li> |
|
<li><button>English</button></li> |
|
</ul> |
|
</div> |
|
|
|
<div id="brightness-label"></div> |
|
<div id="battery-label"></div> |
|
</div> |
|
<div id="system-power" class="label-bar"> |
|
<button id="shutdown-btn" class="hide"> |
|
<span class="mdi mdi-power"></span> |
|
</button> |
|
<button id="restart-btn" class="hide"> |
|
<span class="mdi mdi-restart"></span> |
|
</button> |
|
<button id="suspend-btn" class="hide"> |
|
<span class="mdi mdi-power-sleep"></span> |
|
</button> |
|
<button id="hibernate-btn" class="hide"> |
|
<span class="mdi mdi-power-cycle"></span> |
|
</button> |
|
</div> |
|
</div> |
|
|
|
<script src="js/debug.js"></script> |
|
<script src="js/authenticate.js"></script> |
|
<script src="js/accounts.js"></script> |
|
<script src="js/sessions.js"></script> |
|
<script src="js/time-date.js"></script> |
|
<script src="js/layouts.js"></script> |
|
<script src="js/power.js"></script> |
|
<script src="js/battery.js"></script> |
|
<script src="js/brightness.js"></script> |
|
<script src="js/index.js"></script> |
|
</body> |
|
</html>
|
|
|