53 lines
2.9 KiB
Plaintext
53 lines
2.9 KiB
Plaintext
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta charset="utf-8" http-equiv="Content-Security-Policy" content="script-src 'self' 'sha256-In6B8teKZQll5heMl9bS7CESTbGvuAt3VVV86BUQBDk='"/>
|
|
<title>Helios Launcher</title>
|
|
<script src="./assets/js/scripts/uicore.js"></script>
|
|
<script src="./assets/js/scripts/uibinder.js"></script>
|
|
<link type="text/css" rel="stylesheet" href="./assets/css/launcher.css">
|
|
<style>
|
|
body {
|
|
/*background: url('assets/images/backgrounds/<%=bkid%>.jpg') no-repeat center center fixed;*/
|
|
transition: background-image 1s ease;
|
|
background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA+Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBkZWZhdWx0IHF1YWxpdHkK/9sAQwAIBgYHBgUIBwcHCQkICgwUDQwLCwwZEhMPFB0aHx4dGhwcICQuJyAiLCMcHCg3KSwwMTQ0NB8nOT04MjwuMzQy/9sAQwEJCQkMCwwYDQ0YMiEcITIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIy/8AAEQgAPwBwAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A8VooopDCiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAP/9k=');
|
|
background-size: cover;
|
|
-webkit-user-select: none;
|
|
}
|
|
#main {
|
|
display: none;
|
|
height: calc(100% - 22px);
|
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
|
|
width: 100%;
|
|
position: absolute;
|
|
z-index: 10;
|
|
}
|
|
#main[overlay] {
|
|
filter: blur(3px) contrast(0.9) brightness(1.0);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body bkid="<%=bkid%>">
|
|
<%- include('frame') %>
|
|
<div id="main">
|
|
<%- include('welcome') %>
|
|
<%- include('login') %>
|
|
<%- include('settings') %>
|
|
<%- include('landing') %>
|
|
</div>
|
|
<%- include('overlay') %>
|
|
<div id="loadingContainer">
|
|
<div id="loadingContent">
|
|
<div id="loadSpinnerContainer">
|
|
<img id="loadCenterImage" src="assets/images/LoadingSeal.png">
|
|
<img id="loadSpinnerImage" class="rotating" src="assets/images/LoadingText.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
// Load language
|
|
for(let key of Object.keys(Lang.query('html'))){
|
|
document.getElementById(key).innerHTML = Lang.query(`html.${key}`)
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |