SkirdaElectronLauncher/assets/templates/app.ejs

<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>Westeroscraft Launcher</title>
    <script src="../../out/scripts/uicore.js"></script>
    <script src="../../out/scripts/uibinder.js"></script>
    <link type="text/css" rel="stylesheet" href="../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.ejs %>
    <div id="main">
        <% include welcome.ejs %>
        <% include login.ejs %>
        <% include settings.ejs %>
        <% include landing.ejs %>
    </div>
    <% include overlay.ejs %>
    <div id="loadingContainer">
        <div id="loadingContent">
            <div id="loadSpinnerContainer">
                <img id="loadCenterImage" src="../images/LoadingSeal.png">
                <img id="loadSpinnerImage" class="rotating" src="../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>
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`<html lang="en" xmlns="http://www.w3.org/1999/xhtml">`
			`<head>`
Initial work on localization. 2019-04-08 03:33:40 +00:00			`<meta charset="utf-8" http-equiv="Content-Security-Policy" content="script-src 'self' 'sha256-In6B8teKZQll5heMl9bS7CESTbGvuAt3VVV86BUQBDk='"/>`
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`<title>Westeroscraft Launcher</title>`
Working on typescript conversion, not functional yet. 2020-01-26 06:12:48 +00:00			`<script src="../../out/scripts/uicore.js"></script>`
			`<script src="../../out/scripts/uibinder.js"></script>`
			`<link type="text/css" rel="stylesheet" href="../css/launcher.css">`
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`<style>`
			`body {`
Improving application startup flow. Major improvements to distribution index loading. Implemented new transitional UI for startup. If no distribution index is loaded on startup, completion of startup will be prevented and the user will be shown a message displaying the issue. Launch errors are now shown as overlays. Many more minor fixes and enhancements. 2018-05-08 10:34:16 +00:00			`/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=');
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`background-size: cover;`
Various CSS updates. Most of the UI is now unselectable. The account selecton styles now conform with the auth account styles. 2018-06-12 08:12:22 +00:00			`-webkit-user-select: none;`
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`}`
			`#main {`
Improving application startup flow. Major improvements to distribution index loading. Implemented new transitional UI for startup. If no distribution index is loaded on startup, completion of startup will be prevented and the user will be shown a message displaying the issue. Launch errors are now shown as overlays. Many more minor fixes and enhancements. 2018-05-08 10:34:16 +00:00			`display: none;`
Working on binding each view together. Separate views are stored in an ejs file. When the app starts, each file will be loaded, with the DOM elements hidden. Based on the state of the application, a specific view will be fadded in. Switching between views will use this principle. Moved contents of index.ejs to landing.ejs to make it compatible with the new format. As a result, index.ejs is deprecated and will be removed once it is no longer needed for reference. 2018-04-02 20:05:48 +00:00			`height: calc(100% - 22px);`
Continuing work on login view, still a ways off from completion. 2018-01-28 03:29:15 +00:00			`background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);`
Experimenting with the menu slide animation. 2018-04-26 07:49:45 +00:00			`width: 100%;`
			`position: absolute;`
			`z-index: 10;`
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`}`
Making error overlay more generic, WIP 2018-04-03 02:43:11 +00:00			`#main[overlay] {`
			`filter: blur(3px) contrast(0.9) brightness(1.0);`
			`}`
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`</style>`
			`</head>`
Improving application startup flow. Major improvements to distribution index loading. Implemented new transitional UI for startup. If no distribution index is loaded on startup, completion of startup will be prevented and the user will be shown a message displaying the issue. Launch errors are now shown as overlays. Many more minor fixes and enhancements. 2018-05-08 10:34:16 +00:00			`<body bkid="<%=bkid%>">`
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`<% include frame.ejs %>`
			`<div id="main">`
Working on binding each view together. Separate views are stored in an ejs file. When the app starts, each file will be loaded, with the DOM elements hidden. Based on the state of the application, a specific view will be fadded in. Switching between views will use this principle. Moved contents of index.ejs to landing.ejs to make it compatible with the new format. As a result, index.ejs is deprecated and will be removed once it is no longer needed for reference. 2018-04-02 20:05:48 +00:00			`<% include welcome.ejs %>`
Initial work on Java detection/validation system. 2018-03-28 20:13:57 +00:00			`<% include login.ejs %>`
Added settings container, updated dependencies. 2018-05-23 02:34:35 +00:00			`<% include settings.ejs %>`
Working on binding each view together. Separate views are stored in an ejs file. When the app starts, each file will be loaded, with the DOM elements hidden. Based on the state of the application, a specific view will be fadded in. Switching between views will use this principle. Moved contents of index.ejs to landing.ejs to make it compatible with the new format. As a result, index.ejs is deprecated and will be removed once it is no longer needed for reference. 2018-04-02 20:05:48 +00:00			`<% include landing.ejs %>`
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`</div>`
Making error overlay more generic, WIP 2018-04-03 02:43:11 +00:00			`<% include overlay.ejs %>`
Improving application startup flow. Major improvements to distribution index loading. Implemented new transitional UI for startup. If no distribution index is loaded on startup, completion of startup will be prevented and the user will be shown a message displaying the issue. Launch errors are now shown as overlays. Many more minor fixes and enhancements. 2018-05-08 10:34:16 +00:00			`<div id="loadingContainer">`
			`<div id="loadingContent">`
			`<div id="loadSpinnerContainer">`
Working on typescript conversion, not functional yet. 2020-01-26 06:12:48 +00:00			`<img id="loadCenterImage" src="../images/LoadingSeal.png">`
			`<img id="loadSpinnerImage" class="rotating" src="../images/LoadingText.png">`
Improving application startup flow. Major improvements to distribution index loading. Implemented new transitional UI for startup. If no distribution index is loaded on startup, completion of startup will be prevented and the user will be shown a message displaying the issue. Launch errors are now shown as overlays. Many more minor fixes and enhancements. 2018-05-08 10:34:16 +00:00			`</div>`
			`</div>`
			`</div>`
Initial work on localization. 2019-04-08 03:33:40 +00:00			`<script>`
			`// Load language`
			`for(let key of Object.keys(Lang.query('html'))){`
			document.getElementById(key).innerHTML = Lang.query(`html.${key}`)
			`}`
			`</script>`
Initial work on login UI. Will continue to experiment with the layout and tweak colors and sizing. 2018-01-23 00:51:14 +00:00			`</body>`
			`</html>`