3 files changed, 32 insertions, 16 deletions
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
deleted file mode 100644
index 97d16d2..0000000
--- a/views/pages/index.ejs
+++ /dev/null
@@ -1,15 +0,0 @@
-<!doctype html>
-<html>
-<head>
-<title>yt-chat</title>
-<link rel="stylesheet" href="/css/css.css">
-<style>
-</style>
-</head>
-<body>
-
-<input type="text" id="create-room" placeholder="enter a url to make a room">
-
-</body>
-<% include ../partials/scripts %>
-</html>
-\ No newline at end of file
diff --git a/views/pages/lobby.ejs b/views/pages/lobby.ejs
new file mode 100644
index 0000000..80bbf88
--- /dev/null
+++ b/views/pages/lobby.ejs
@@ -0,0 +1,26 @@
+<!doctype html>
+<html>
+<head>
+<title>yt-chat</title>
+<link rel="stylesheet" href="/css/css.css">
+</head>
+<body>
+
+<div id="bg"></div>
+
+<div id="login">
+  <form>
+    please enter your nick..<br>
+    <input type="text" id="username">
+  </form>
+</div>
+
+<div id="lobby">
+  <form>
+    <input type="text" id="create-room" placeholder="enter a url to make a room">
+  </form>
+</div>
+
+</body>
+<% include ../partials/scripts %>
+</html>
+\ No newline at end of file
diff --git a/views/pages/room.ejs b/views/pages/room.ejs
index 36e4140..568a136 100644
--- a/views/pages/room.ejs
+++ b/views/pages/room.ejs
@@ -7,6 +7,7 @@
 </head>
 <body>
 
+<div id="bg"></div>
 
 <div id="video"></div>
 
@@ -17,6 +18,11 @@
   </form>
 </div>
 
+<div id="login">
+  please enter your nick..<br>
+  <input type="text" id="username">
+</div>
+
 <script type="text/html" id="message_template">
   <div class="row">
     <span class="nick"></span>
@@ -24,7 +30,6 @@
   </div>
 </script>
 
-
 </body>
 [[ include ../partials/scripts ]]
 </html>
 \ No newline at end of file