Pārlūkot izejas kodu

Added dynamic background, fixing menu button css

Daniel Scalzi 8 gadi atpakaļ
vecāks
revīzija
0ec64e6ded
2 mainītis faili ar 23 papildinājumiem un 25 dzēšanām
  1. 13 22
      app/assets/css/launcher.css
  2. 10 3
      app/index.ejs

+ 13 - 22
app/assets/css/launcher.css

@@ -9,10 +9,10 @@ body, html, div {
     padding: 0px;
 }
 
-body {
+/*body {
     background: url('./../images/backgrounds/0.jpg') no-repeat center center fixed;
     background-size: cover;
-}
+}*/
 
 #frame_bar {
     -webkit-app-region: drag;
@@ -116,14 +116,14 @@ body {
 
 #main > #lower > #center {
     height: 100%;
-    width: 33%;
+    width: 34%;
     display: inline-flex;
     justify-content: center;
 }
 
 #main > #lower > #center #content {
     position: relative;
-    top: 25px;
+    top: 10px;
 }
 
 #main > #lower > #right {
@@ -273,28 +273,19 @@ body {
     font-family: 'Avenir Book';
     background: none;
     border: none;
+}
+
+#menu_img {
+    height:15px;
+    margin-left:-2px;
+}
+
+#menu_text {
     color: white;
     font-weight: 900;
     letter-spacing: 2px;
     text-shadow: 0px 0px 0px #bebcbb;
     font-size: 11px;
     line-height: 24px;
-}
-
-#menu_img {
-    width: 20px;
-    height: auto;
-}
-
-@keyframes test {
-    0% {
-        color: #FFF;
-    }
-    100% {
-        color: #000;
-    }
-}
-
-.cls-1 {
-    animation: test 30s ease infinite;
+    display: flex;
 }

+ 10 - 3
app/index.ejs

@@ -4,6 +4,13 @@
     <title>Westeroscraft Launcher</title>
     <script src="./assets/js/script.js"></script>
     <link type="text/css" rel="stylesheet" href="./assets/css/launcher.css">
+    <% let bkid = Math.floor((Math.random() * 5)); %>
+    <style>
+        body {
+            background: url('assets/images/backgrounds/<%=bkid%>.jpg') no-repeat center center fixed;
+            background-size: cover;
+        }
+    </style>
 </head>
 <body>
     <% include frame.ejs %>
@@ -41,9 +48,9 @@
                 <div class="bot_wrapper">
                     <div id="content">
                         <button id="menu_button">
-                            <% include assets/images/icons/arrow.svg %>
-                            <!--<img src="assets/images/icons/arrow.svg" id="menu_img"/>-->
-                            &#10;MENU
+                            <!--<% include assets/images/icons/arrow.svg %>-->
+                            <img src="assets/images/icons/arrow.svg" id="menu_img"/>
+                            &#10;<span id="menu_text">MENU</span>
                         </button>
                     </div>
                 </div>