mirror of
https://github.com/exane/not-gwent-online
synced 2024-10-31 10:36:53 +00:00
92 lines
2.2 KiB
Handlebars
92 lines
2.2 KiB
Handlebars
<style>
|
|
body {
|
|
background: url(http://80.240.132.120/test/landing-bg.jpg) #162232 center top no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.container-form-landing {
|
|
opacity: 1;
|
|
margin: 60px 0 0 0;
|
|
}
|
|
|
|
.field-session {
|
|
width: 250px !important;
|
|
}
|
|
|
|
.container {
|
|
background: transparent;
|
|
}
|
|
|
|
.icon-action-load {
|
|
background: url(http://80.240.132.120/test/action-load.gif) no-repeat;
|
|
display: none;
|
|
|
|
width: 16px;
|
|
height: 16px;
|
|
float: right;
|
|
margin: 6px -7px 0 7px;
|
|
}
|
|
|
|
.startMatchmaking {
|
|
height: auto !important;
|
|
width: auto !important;
|
|
line-height: 29px;
|
|
}
|
|
|
|
.wrap-landing {
|
|
max-width: 800px;
|
|
}
|
|
|
|
.container-landing {
|
|
margin: 20% 0 0 0;
|
|
}
|
|
|
|
.teaser-landing {
|
|
float: left;
|
|
width: 100%;
|
|
margin: 70px 0 0 0;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.status-offline {
|
|
color: red;
|
|
}
|
|
|
|
.status-online {
|
|
color: green;
|
|
}
|
|
</style>
|
|
|
|
<section class="container-landing">
|
|
<div class="wrap-landing">
|
|
<img src="http://80.240.132.120/test/logo-big.png" width="243" height="85" alt="Gwent" class="logo-big">
|
|
|
|
<div class="container-form-landing">
|
|
|
|
<input type="text" placeholder="Username" class="field-session field-username" autofocus value="{{name}}">
|
|
|
|
<select id="deckChoice" class="field-session">
|
|
<option value="random">Deck: Random</option>
|
|
<option value="northern">Deck: Northern Realms</option>
|
|
<option value="scoiatael">Deck: Scoia'tael</option>
|
|
<option value="monster">Deck: Monster</option>
|
|
<option value="nilfgaardian">Deck: Nilfgaardian</option>
|
|
</select>
|
|
|
|
<div class="wrap-btn-action btn-register-action startMatchmaking">
|
|
<input type="submit" value="Search Opponent" class="btn-action">
|
|
<i class="icon-action-load image-gif-loader"></i>
|
|
</div>
|
|
|
|
<p class="teaser-landing">
|
|
{{#if serverOffline}}
|
|
<span>Server Status: <span class="status-offline">Offline</span></span>
|
|
{{else}}
|
|
<span>Player online: <span class="nr-player-online">0</span></span><br>
|
|
<span>Server Status: <span class="status-online">Online</span></span>
|
|
{{/if}}
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
</section> |