1 files changed, 21 insertions, 12 deletions
diff --git a/webcards/index.html b/webcards/index.html
index c322ec1..d34a950 100644
--- a/webcards/index.html
+++ b/webcards/index.html
@@ -20,6 +20,13 @@
 
         <link rel="stylesheet" type="text/css" href="styles/input.css">
 
+        <link id="theme" rel="stylesheet" type="text/css" href="styles/themes/colors-base.css">
+
+        <script src="scripts/gui/input.js"></script>
+
+        <script src="scripts/cookie.js"></script>
+        <script src="scripts/theme.js"></script>
+
         <title>WebCards</title>
     </head>
 
@@ -27,10 +34,12 @@
         <div class="content">
             <p style="font-size: 30px; font-weight: normal;">Web<span style="color: #0084ff; font-weight: bold;">Cards</span></p>
             <div>
-                <select id="type">
-                    <option value="ws://" selected>ws</option>
-                    <option value="wss://">wss</option>
-                </select>
+                <div class="input-container" tabindex="0" type="select">
+                    <div id="protocol" tabindex="0" selected="0" class="input-select">
+                        <div value="ws://" onmousedown="customSelectOption(this)" selected="true">ws</div>
+                        <div value="wss://" onmousedown="customSelectOption(this)">wss</div>
+                    </div>
+                </div>
 
                 <input id="addr" type="text" value="127.0.0.1">
 
@@ -41,17 +50,17 @@
         </div>
 
         <script>
-            var t = document.getElementById("type");
-            var a = document.getElementById("addr");
-            var p = document.getElementById("port");
-            var c = document.getElementById("conn");
+            var proto = document.getElementById("protocol");
+            var addr = document.getElementById("addr");
+            var port = document.getElementById("port");
+            var conn = document.getElementById("conn");
 
-            t.onchange = updateLink;
-            a.onchange = updateLink;
-            p.onchange = updateLink;
+            //t.onchange = updateLink;
+            //a.onchange = updateLink;
+            //p.onchange = updateLink;
 
             function connect() {
-                var url = "./client.html?s=" + t.value + a.value + ":" + p.value + "&g=-1";
+                var url = "client.html?s=" + customSelectValue(proto) + addr.value + ":" + port.value + "&g=-1";
                 //c.setAttribute("href", url);
                 window.location = url;
             }