From 40a02726ad3efa976d0d456b39507b8f5d59ee02 Mon Sep 17 00:00:00 2001
From: Daniel Scalzi <d_scalzi@yahoo.com>
Date: Tue, 10 Apr 2018 16:35:31 -0400
Subject: [PATCH] Updated welcome text, testing a potential server selection
 UI.

---
 app/assets/css/launcher.css | 63 +++++++++++++++++++++++++++++++++++--
 app/landing.ejs             | 21 ++++++++++++-
 app/welcome.ejs             |  2 +-
 3 files changed, 82 insertions(+), 4 deletions(-)

diff --git a/app/assets/css/launcher.css b/app/assets/css/launcher.css
index 41238f95..b86f370b 100644
--- a/app/assets/css/launcher.css
+++ b/app/assets/css/launcher.css
@@ -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;
diff --git a/app/landing.ejs b/app/landing.ejs
index 2afc2daa..331de453 100644
--- a/app/landing.ejs
+++ b/app/landing.ejs
@@ -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">
diff --git a/app/welcome.ejs b/app/welcome.ejs
index 96cc4691..eda663b4 100644
--- a/app/welcome.ejs
+++ b/app/welcome.ejs
@@ -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 aren’t 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">