create room.html + room.css

2 years ago · d51368dc3e
parent d3b72a91f7
commit d51368dc3e
2 changed files with 45 additions and 0 deletions
--- a/styles/room.css
+++ b/styles/room.css
--- a/views/room.html
+++ b/views/room.html
@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Room - HyperSet</title>
+  <link rel='stylesheet' type='text/css' href='/styles/style.css' />
+  <link rel='stylesheet' type='text/css' href='/styles/room.css' />
+</head>
+
+<body>
+  <section>
+    <button>Orignal Set Game</button>
+
+    <span>OR</span>
+
+    <span>Card number to make a set</span>
+    <div id='card-param'>
+      <input type='checkbox' /> <span>3</span>
+      <input type='checkbox' /> <span>4</span>
+      <input type='checkbox' /> <span>5</span>
+    </div>
+
+    <span>Attributes to play with</span>
+    <div id='attributes-param'>
+      <input type='checkbox' /> <span>number</span>
+      <input type='checkbox' /> <span>color</span>
+      <input type='checkbox' /> <span>shape</span>
+      <input type='checkbox' /> <span>filling</span>
+      <input type='checkbox' /> <span>outline (c'est nul)</span>
+    </div>
+  </section>
+
+  <section>
+    <span>Game parameters</span>
+
+    <span>Private</span> <input type='checkbox' />
+    <span>JE SUIS UN SLIDER</span>
+
+    <span>HyperSet</span> <input type='checkbox' />
+
+    <button>START</button>
+  </section>
+</body>
+
+</html>