1
0
mirror of https://github.com/exane/not-gwent-online synced 2024-10-31 10:36:53 +00:00
not-gwent-online/client/templates/lobby.handlebars
2015-07-04 21:50:37 +02:00

100 lines
2.3 KiB
Handlebars

<style>
body {
background: url(http://80.240.132.120/test/landing-bg.jpg) #162232 center top no-repeat;
background-size: cover;
}
.container {
margin-bottom: 0;
}
.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>
<footer class="rights">
<p>This is a fan game and all rights are reserved by CD Projekt</p>
</footer>