app.ejs 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta charset="utf-8" http-equiv="Content-Security-Policy" content="script-src 'self' 'sha256-In6B8teKZQll5heMl9bS7CESTbGvuAt3VVV86BUQBDk='"/>
  4. <title>Westeroscraft Launcher</title>
  5. <script src="../../out/scripts/uicore.js"></script>
  6. <script src="../../out/scripts/uibinder.js"></script>
  7. <link type="text/css" rel="stylesheet" href="../css/launcher.css">
  8. <style>
  9. body {
  10. /*background: url('assets/images/backgrounds/<%=bkid%>.jpg') no-repeat center center fixed;*/
  11. transition: background-image 1s ease;
  12. 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=');
  13. background-size: cover;
  14. -webkit-user-select: none;
  15. }
  16. #main {
  17. display: none;
  18. height: calc(100% - 22px);
  19. background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  20. width: 100%;
  21. position: absolute;
  22. z-index: 10;
  23. }
  24. #main[overlay] {
  25. filter: blur(3px) contrast(0.9) brightness(1.0);
  26. }
  27. </style>
  28. </head>
  29. <body bkid="<%=bkid%>">
  30. <% include frame.ejs %>
  31. <div id="main">
  32. <% include welcome.ejs %>
  33. <% include login.ejs %>
  34. <% include settings.ejs %>
  35. <% include landing.ejs %>
  36. </div>
  37. <% include overlay.ejs %>
  38. <div id="loadingContainer">
  39. <div id="loadingContent">
  40. <div id="loadSpinnerContainer">
  41. <img id="loadCenterImage" src="../images/LoadingSeal.png">
  42. <img id="loadSpinnerImage" class="rotating" src="../images/LoadingText.png">
  43. </div>
  44. </div>
  45. </div>
  46. <script>
  47. // Load language
  48. for(let key of Object.keys(Lang.query('html'))){
  49. document.getElementById(key).innerHTML = Lang.query(`html.${key}`)
  50. }
  51. </script>
  52. </body>
  53. </html>