Jonttu/HeliosLauncher
1
0
Fork 1
mirror of https://github.com/dscalzi/HeliosLauncher.git synced 2024-12-22 19:52:14 -08:00
Code Issues Projects Releases Wiki Activity

Added dynamic background, fixing menu button css

Browse Source
This commit is contained in:
Daniel Scalzi 2017-11-19 14:16:07 -05:00
parent c74006357e
commit 0ec64e6ded
2 changed files with 23 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
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;
} display: flex;
#menu_img {
width: 20px;
height: auto;
}
@keyframes test {
0% {
color: #FFF;
}
100% {
color: #000;
}
}
.cls-1 {
animation: test 30s ease infinite;
} }

13
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 %> <!--<% include assets/images/icons/arrow.svg %>-->
<!--<img src="assets/images/icons/arrow.svg" id="menu_img"/>--> <img src="assets/images/icons/arrow.svg" id="menu_img"/>
&#10;MENU &#10;<span id="menu_text">MENU</span>
</button> </button>
</div> </div>
</div> </div>