2 files changed, 103 insertions, 33 deletions
diff --git a/cwd/test.rcss b/cwd/test.rcss
index f1e8cee..ee86894 100644
--- a/cwd/test.rcss
+++ b/cwd/test.rcss
@@ -1,28 +1,105 @@
 body {
-    background-color: red;
-    color: blue;
-    font-size: 50px;
+    background-color: #160f08;
+    color: white;
     font-family: "open sans";
     width: 100%;
+    height: 100%;
+    text-align: center;
 }
 
-body:hover {
-    background-color: yellow;
+.menu {
+    width: 50%;
+    margin: auto;
+    background-color: #a79f9c;
 }
 
-div {
-    background-color: green;
+.mc-title {
+    color: #8e8e8e;
+    display: block;
 }
 
-div:hover {
-    background-color: white;
+.mc-p {
+    color: #d6d4d6;
+    display: block;
+    text-align: left;
+    font-size: 4vh;
 }
 
-button:active {
-    background-color: teal;
+.mc-text {
+    border-width: 2dp;
+    border-color: #9f9793;
+    background-color: #010001;
+    color: #d6d4d6;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 5vh;
 }
 
-.right-pos {
-    position: absolute;
-    right: 0px;
+.mc-button {
+    border-width: 2dp;
+    border-color: #14110c;
+    background-color: #6e6f70;
+    color: #c5c6c7;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 5vh;
+}
+
+.mc-button:hover {
+    background-color: #7e86bc;
+}
+
+#title {
+    margin: 0% auto auto;
+    font-size: 20vh;
+}
+
+#disclaimer {
+    width: 70%;
+    margin: 0 auto;
+}
+
+#hostname-text {
+    width: 70%;
+    margin: 5% auto;
+}
+
+#hostname {
+    display: inline-block;
+    width: 45%;
+    height: 8%;
+    position: fixed;
+    margin: 0% auto auto;
+}
+
+#username {
+    display: inline-block;
+    width: 45%;
+    height: 8%;
+    position: fixed;
+    margin: 10% auto auto;
+}
+
+#connect {
+    display: inline-block;
+    width: 45%;
+    height: 8%;
+    position: fixed;
+    margin: 20% auto auto;
+}
+
+#options {
+    display: inline-block;
+    width: 22%;
+    height: 8%;
+    position: fixed;
+    margin: 33% auto auto 27.5%;
+}
+
+#exit {
+    display: inline-block;
+    width: 22%;
+    height: 8%;
+    position: fixed;
+    margin: 33% 27.5% auto auto;
 }
diff --git a/cwd/test.rml b/cwd/test.rml
index 4c7bfa6..de48053 100644
--- a/cwd/test.rml
+++ b/cwd/test.rml
@@ -1,26 +1,19 @@
 <rml>
     <head>
         <link type="text/rcss" href="test.rcss" />
-        <script>
-            redLvl = 0
-            function Test(elem)
-                elem.style["background-color"] = "rgb(" .. redLvl .. ",255,255)"
-                print("New background-color: "..elem.style["background-color"])
-                redLvl = redLvl + 50
-            end
-        </script>
     </head>
     <body>
-        Test RmlUi
-        <br />
-        New line
-        <div>
-            Substring
-        </div>
-        <br />
-        <button onclick="print('Button clicked!')" style="background-color:navy;">Clickable!</button>
-        <div class="right-pos" onclick="Test(element)">
-            (Clickable) Right viewport border is here ->
-        </div>
+        <strong class="mc-title" id="title">AltCraft</strong>
+        <p class="mc-p" id="disclaimer">AltCraft is currently not finished, but there is some buggy early testing going on.</p>
+        <p class="mc-p" id="hostname-text">Enter the hostname of a server and your username to connect to it:</p>
+        <input class="mc-text" id="hostname" value="127.0.0.1:25565"/>
+        <input class="mc-text" id="username" value="HelloOne"/>
+        <button class="mc-button" id="connect" onclick="
+        AC.ConnectToServer(
+            document: GetElementById('hostname'): GetAttribute('value'),
+            document: GetElementById('username'): GetAttribute('value'));
+        document:Close()">Connect</button>
+        <button class="mc-button" id="options">Options...</button>
+        <button class="mc-button" id="exit" onclick="AC.Exit()">Quit game</button>
     </body>
 </rmL>