Home Explore Help
Sign In
gregory
/
ElectronMCLauncher
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Added dynamic background, fixing menu button css

Daniel Scalzi 8 years ago
parent
c74006357e
commit
0ec64e6ded
2 changed files with 23 additions and 25 deletions
Unified View Show Diff Stats
  1. 13 22
      app/assets/css/launcher.css
  2. 10 3
      app/index.ejs

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

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

@@ -4,6 +4,13 @@
 
     <title>Westeroscraft Launcher</title>
 
     <title>Westeroscraft Launcher</title>
 
     <script src="./assets/js/script.js"></script>
 
     <script src="./assets/js/script.js"></script>
 
     <link type="text/css" rel="stylesheet" href="./assets/css/launcher.css">
 
     <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>
 
 </head>
 
 <body>
 
 <body>
 
     <% include frame.ejs %>
 
     <% include frame.ejs %>
 
@@ -41,9 +48,9 @@
 
                 <div class="bot_wrapper">
 
                 <div class="bot_wrapper">
 
                     <div id="content">
 
                     <div id="content">
 
                         <button id="menu_button">
 
                         <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>
 
                         </button>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>