4 files changed, 41 insertions, 8 deletions
diff --git a/assets/client.js b/assets/client.js
index 0e90d4b..f888104 100644
--- a/assets/client.js
+++ b/assets/client.js
@@ -3,9 +3,11 @@ window.name = "anon";
 window.clr = "#f03333";
 window.info_elem = document.getElementById("miscinfo");
 window.info_elem.innerHTML =`
-   <input id="name-in" type="text" value="anon">
-   <input id="clr-in" type="color" value="#33c033"></input>
-   <button onclick=register()>Join</button>`;
+  <form action="javascript:;" onsubmit="register()">
+    <input id="name-in" type="text" value="anon">
+    <input id="clr-in" type="color" value="#33c033"></input>
+    <button>Join</button>
+  </form>`;
 window.board_elem = document.getElementById("board");
 window.bwidth = NaN;
 window.bheight = NaN;
@@ -25,7 +27,7 @@ function register() {
 
 function connect() {
   let wsproto = (window.location.protocol == "https:")? "wss:": "ws:";
-  let s = new WebSocket(`${wsproto}//${window.location.hostname}:${window.location.port}${window.location.pathname}ws`);
+  let s = new WebSocket(`${wsproto}//${location.hostname}:${location.port}${location.pathname}/ws`);
   s.onopen = function() {
     s.send(`register ${window.name} ${window.clr}`);
   }
diff --git a/assets/index.html b/assets/index.html
new file mode 100644
index 0000000..bb18d1c
--- /dev/null
+++ b/assets/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <title>websweeper</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="s.css">
+  </head>
+  <body>
+    <form method="post" action="r">
+      <fieldset>
+        <legend>-={ Create a new room }=-</legend>
+        <label>room name<input name="rname" type="text" autofocus></label><br>
+        <label>board dimensions<br>
+          <input name="rwidth" type="number" value="30" required>
+          x
+          <input name="rheight" type="number" value="20" required><br>
+          where<input name="rration" type="number" value="1" required>
+          in every<input name="rratiod" type="number" value="8" required>
+          tiles are mines
+        </label><br>
+        <label>public, ie. shown in the lobby? <input name="raccess" type="checkbox"></label><br>
+        <label>player limit (0 for none)<input name="rlimit" type="number"></label><br>
+        <button>create</button>
+      </fieldset>
+      <form>
+  </body>
+</html>
diff --git a/assets/room.html b/assets/room.html
index f3f130d..e3e6ff9 100644
--- a/assets/room.html
+++ b/assets/room.html
@@ -4,15 +4,15 @@
     <meta charset="UTF-8">
     <title>websweeper</title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="s.css">
+    <link rel="stylesheet" type="text/css" href="/s.css">
   </head>
   <body>
-    <div class="">
+    <div>
       <div id="board-container">
       <span id="board"></span>
       </div>
       <p id="miscinfo">Loading...</p>
     </div>
   </body>
-  <script src="c.js"></script>
+  <script src="/c.js"></script>
 </html>
diff --git a/assets/style.css b/assets/style.css
index acdd9c0..a8936e6 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -1,6 +1,6 @@
 @font-face {
   font-family: vt323;
-  src: url("f.ttf");
+  src: url("/f.ttf");
 }
 #board-container {
   font-size: 36px;
@@ -11,6 +11,9 @@ body {
   background-color: black;
   color: white;
 }
+form {
+  margin: 0 auto;
+}
 .unsel {
   -webkit-touch-callout: none;
   -webkit-user-select: none;