Updated welcome text, testing a potential server selection UI.

pull/1/head
Daniel Scalzi 2018-04-10 16:35:31 -04:00
parent 8d682b15b3
commit 40a02726ad
No known key found for this signature in database
GPG Key ID: 5CA2F145B63535F9
3 changed files with 82 additions and 4 deletions

View File

@ -199,7 +199,7 @@ p {
font-family: 'Avenir Book';
text-align: justify;
color: white;
font-size: 14px;
font-size: 13px;
font-weight: 100;
text-shadow: rgba(255, 255, 255, 0.75) 0px 0px 20px
}
@ -1129,7 +1129,6 @@ p {
position: relative;
top: 25px;
display: inline-flex;
line-height: 24px;
}
/* The launch button. */
@ -1146,6 +1145,66 @@ p {
padding: 0px;
}
#serverSelectContainer {
display: flex;
align-items: center;
border-left: 0.5px solid #fff;
max-height: 75px;
}
#serverSelectContent {
padding-right: 5px;
max-height: 75px;
overflow-y: scroll;
}
#serverSelectContent::-webkit-scrollbar {
width: 2px;
}
#serverSelectContent::-webkit-scrollbar-track {
display: none;
}
#serverSelectContent::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.50);
}
.serverSelectElement {
position: relative;
display: flex;
flex-direction: column;
padding: 5px 5px 5px 10px;
}
.serverSelected {
color: #fff;
position: absolute;
top: 0px;
left: -9px;
font-size: 20px;
text-align: center;
line-height: 35.33px;
display: none;
}
.serverSelectElement[sel] {
background: rgba(255, 255, 255, 0.25);
}
.serverSelectElement[sel] > .serverSelected {
display: initial;
}
/*.serverSelectName {
}*/
.serverSelectDesc {
font-weight: initial;
text-shadow: none;
letter-spacing: 0.5px;
}
/* Launch details main container, hidden until launch processing begins. */
#launch_details {
position: relative;

View File

@ -126,7 +126,26 @@
<button id="launch_button">PLAY</button>
<div class="bot_divider"></div>
<!-- Span until we implement the real selection -->
<span class="bot_label" id="server_selection">&#8226; No Server Selected</span>
<div id="serverSelectContainer">
<div id="serverSelectContent">
<div class="serverSelectElement" sel>
<span class="serverSelected">◆</span>
<span class="bot_label serverSelectName">WesterosCraft Production Server</span>
<span class="bot_label serverSelectDesc">Main WesterosCraft Server</span>
</div>
<div class="serverSelectElement">
<span class="serverSelected">◆</span>
<span class="bot_label serverSelectName">WesterosCraft Test Server</span>
<span class="bot_label serverSelectDesc">Test server for production.</span>
</div>
<div class="serverSelectElement">
<span class="serverSelected">◆</span>
<span class="bot_label serverSelectName">1.12.2 Test Server</span>
<span class="bot_label serverSelectDesc">Server for 1.12.2 testing.</span>
</div>
</div>
</div>
<span class="bot_label" id="server_selection"style="display:none;line-height: 24px;">&#8226; No Server Selected</span>
</div>
<div id="launch_details">
<div id="launch_details_left">

View File

@ -6,7 +6,7 @@
<div id="welcomeContent">
<img id="welcomeImageSeal" src="assets/images/WesterosSealCircle.png"/>
<span id="welcomeHeader">WELCOME TO WESTEROSCRAFT</span>
<span id="welcomeDescription">Our mission is to recreate the universe imagined by author George RR Martin in his book series, A Song of Ice and Fire, as accurately and precisely as possible within Minecraft. The world we are creating is yours to explore. Journey from Sunspear to the Last Hearth, and if you aren't afraid, beyond the wall. Best not delay. House Stark is always right eventually, winter is coming.</span>
<span id="welcomeDescription">Our mission is to recreate the universe imagined by author George RR Martin in his fantasy series, A Song of Ice and Fire. Through the collaborative effort of thousands of community members, we have sought to create Westeros as accurately and precisely as possible within Minecraft. The world we are creating is yours to explore. Journey from Dorne to Castle Black, and if you arent afraid, beyond the Wall itself, but best not delay. As the words of House Stark ominously warn: Winter is Coming.</span>
<br>
<span id="welcomeDescCTA">You are just a few clicks away from Westeros.</span>
<button id="welcomeButton">