Updated welcome text, testing a potential server selection UI.

This commit is contained in:
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'; font-family: 'Avenir Book';
text-align: justify; text-align: justify;
color: white; color: white;
font-size: 14px; font-size: 13px;
font-weight: 100; font-weight: 100;
text-shadow: rgba(255, 255, 255, 0.75) 0px 0px 20px text-shadow: rgba(255, 255, 255, 0.75) 0px 0px 20px
} }
@ -1129,7 +1129,6 @@ p {
position: relative; position: relative;
top: 25px; top: 25px;
display: inline-flex; display: inline-flex;
line-height: 24px;
} }
/* The launch button. */ /* The launch button. */
@ -1146,6 +1145,66 @@ p {
padding: 0px; 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 main container, hidden until launch processing begins. */
#launch_details { #launch_details {
position: relative; position: relative;

View File

@ -126,7 +126,26 @@
<button id="launch_button">PLAY</button> <button id="launch_button">PLAY</button>
<div class="bot_divider"></div> <div class="bot_divider"></div>
<!-- Span until we implement the real selection --> <!-- 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>
<div id="launch_details"> <div id="launch_details">
<div id="launch_details_left"> <div id="launch_details_left">

View File

@ -6,7 +6,7 @@
<div id="welcomeContent"> <div id="welcomeContent">
<img id="welcomeImageSeal" src="assets/images/WesterosSealCircle.png"/> <img id="welcomeImageSeal" src="assets/images/WesterosSealCircle.png"/>
<span id="welcomeHeader">WELCOME TO WESTEROSCRAFT</span> <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> <br>
<span id="welcomeDescCTA">You are just a few clicks away from Westeros.</span> <span id="welcomeDescCTA">You are just a few clicks away from Westeros.</span>
<button id="welcomeButton"> <button id="welcomeButton">