mirror of
https://github.com/linuxserver/emulatorjs.git
synced 2026-02-23 00:01:26 +08:00
89ca299747
Included CSS data and smooth transitions to bring up a login form. * Missing: functions to process the login data.
76 lines
2.7 KiB
HTML
76 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<link rel="apple-touch-icon" href="icon.png">
|
|
<link rel="manifest" href="manifest.json">
|
|
<link rel="stylesheet" href="css/index.css">
|
|
<script src="js/vendor/jquery.min.js"></script>
|
|
<script src="js/vendor/hammer.min.js"></script>
|
|
<script src="js/index.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="menu">
|
|
<a target="_blank" href="filebrowser.html">
|
|
<img class="file-button" src="css/folder.svg"/>
|
|
</a>
|
|
<img class="full-main" onclick="fullscreen()" src="css/fullscreen.svg"/>
|
|
|
|
<!-- Button to open the modal login form -->
|
|
<img class="login-form-button" onclick="openModal()" src="css/login.svg"></img>
|
|
<!-- The Modal -->
|
|
<div id="loginmodal" class="modal">
|
|
<span class="close" onclick="closeModal()" title="Close Modal">×</span>
|
|
|
|
<!-- Modal Content -->
|
|
<form class="modal-content" action="js/loginhandler.js">
|
|
<div class="imgcontainer">
|
|
<!-- <img src="icon.png" alt="Avatar" class="avatar"> -->
|
|
</div>
|
|
|
|
<div class="container">
|
|
<label for="uname"><b>Username</b></label>
|
|
<input type="text" placeholder="Enter Username" name="uname" required>
|
|
|
|
<label for="psw"><b>Password</b></label>
|
|
<input type="password" placeholder="Enter Password" name="psw" required>
|
|
|
|
<button type="submit">Login</button>
|
|
<label>
|
|
<input type="checkbox" checked="checked" name="remember"> Remember me
|
|
</label>
|
|
</div>
|
|
|
|
<div class="container" style="background-color:#f1f1f1">
|
|
<button type="button" class="cancelbtn" onclick="closeModal()">Cancel</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- END of Modal Content -->
|
|
|
|
<video autoplay muted loop id="bgvid">
|
|
<source id="vid" type="video/mp4">
|
|
</video>
|
|
<img id="background" class="background">
|
|
<img id="corner" class="corner">
|
|
<div class="page-container">
|
|
<div id="active-list" class="games-list"></div>
|
|
<div class="artwork"></div>
|
|
</div>
|
|
<div id="games-list" class="hidden"></div>
|
|
</div>
|
|
|
|
<script>
|
|
// When the user clicks anywhere outside of the modal, close it
|
|
window.onclick = function(event) {
|
|
var modal = document.getElementById('loginmodal');
|
|
if (event.target == modal) {
|
|
closeModal();
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|