80 lines
3.1 KiB
HTML
80 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimuim-scale=1.0, maximum-scale=1.0, viewport-fit=cover, user-scalable=no">
|
|
<link id="theme-stylesheet" rel="stylesheet" type="text/css" href="css/themes/melanosis.css"/>
|
|
<!--Main Document Styles-->
|
|
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
|
|
|
|
<title>Animus Greeter</title>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="bg"/>
|
|
<div class="silhouette hideable hidden"></div>
|
|
|
|
<div id="clock-box" class="top-middle center-text top-bleed-extra">
|
|
<div id="time-label" class="title raised-text">00:00</div>
|
|
<div id="date-label" class="subtitle raised-text">Monday 1, January 1970</div>
|
|
</div>
|
|
|
|
<div id="setting-action-container" class="top-left center-text top-bleed left-bleed hideable hidden border-primary">
|
|
<button class="action-btn"><img src="assets/svg/settings.svg"/></button>
|
|
</div>
|
|
|
|
<div id="power-action-container" class="top-right center-text top-bleed right-bleed hideable hidden">
|
|
<button id="poweroff-button" class="action-btn"><img src="assets/svg/shutdown.svg"/></button>
|
|
<button id="restart-button" class="action-btn"><img src="assets/svg/reboot.svg"/></button>
|
|
</div>
|
|
|
|
<div id="hostname-container" class="bottom-left bottom-bleed left-bleed hideable hidden">
|
|
<div id="hostname-label" class="label raised-text-small">citadel</div>
|
|
</div>
|
|
|
|
<div id="login-form-container" class="bottom-middle bottom-bleed-extra hideable hidden">
|
|
<div class="dial-container">
|
|
<div class="arrow" onclick="cycleSession(-1)">◀</div>
|
|
<div class="items-container">
|
|
<div id="session-items-wrapper" class="items-wrapper">
|
|
<div class="item session">bspwm</div>
|
|
<div class="item session">awesome</div>
|
|
<div class="item session">sway</div>
|
|
<div class="item session">i3</div>
|
|
</div>
|
|
</div>
|
|
<div class="arrow" onclick="cycleSession(1)">▶</div>
|
|
</div>
|
|
|
|
<div class="dial-container">
|
|
<div class="arrow" onclick="cycleUser(-1)">◀</div>
|
|
<div class="items-container">
|
|
<div id="user-items-wrapper" class="items-wrapper">
|
|
<div class="item user">User 1</div>
|
|
<div class="item user">User 2</div>
|
|
</div>
|
|
</div>
|
|
<div class="arrow" onclick="cycleUser(1)">▶</div>
|
|
</div>
|
|
|
|
<div class="input-container">
|
|
<input placeholder="" type="password" tabindex="1" />
|
|
</div>
|
|
</div>
|
|
|
|
<div id="host-info-container" class="bottom-right bottom-bleed right-bleed hideable hidden">
|
|
<div id="battery-icon"></div>
|
|
</div>
|
|
|
|
<script src="js/class/util.js"></script>
|
|
<script src="js/class/data.js"></script>
|
|
<script src="js/theme.js"></script>
|
|
<script src="js/clock.js"></script>
|
|
<script src="js/power-actions.js"></script>
|
|
<script src="js/user-select.js"></script>
|
|
<script src="js/session-select.js"></script>
|
|
<script src="js/idle-hide.js"></script>
|
|
<script src="js/hostname.js"></script>
|
|
<script src="js/index.js"></script>
|
|
</body>
|
|
</html>
|