1 files changed, 60 insertions, 2 deletions
diff --git a/index.html b/index.html
index 3b5e456..e65baa7 100644..100755
--- a/index.html
+++ b/index.html
@@ -3,12 +3,70 @@
 <head>
 <title>Delicious Corpse</title>
 <style type="text/css">
+* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
+html,body { width: 100%;height:100%;margin:0;padding:0 }
+body {
+  font-family: Georgia;
+  background: #ffa7c5;
+  font-size: 80%;
+}
+html {
+  padding: 20px;
+}
+h1,h2,h3 {
+  font-weight: normal;
+}
+h1 {
+  font-style: italic;
+}
+#content {
+  border: 2px #aaa dashed;
+  padding: 20px;
+  background: white;
+  text-align: center;
+  max-width: 500px;
+  margin: 0px auto;
+  height: 100%;
+}
+button {
+  cursor: pointer;
+}
+.active {
+  font-weight: bold;
+}
+button:nth-child(6n+1):hover { color: red }
+button:nth-child(6n+2):hover { color: #f80 }
+button:nth-child(6n+3):hover { color: lime }
+button:nth-child(6n+4):hover { color: blue }
+button:nth-child(6n+5):hover { color: #f0f }
+button:nth-child(6n+6):hover { color: #80f }
 </style>
 </head>
 <body>
-<button id="generate">New Menu</button>
 
-<div id="result"></div>
+<div id="content">
+  <h1>~ delicious corpse ~</h1>
+  <h3>HERE IS YOUR RANDOMLY GENERATED MENU</h3>
+  <h3>PICK YOUR FAVORITE COURSES</h3>
+  <button id="generate">SHOW ME A NEW RANDOM MENU</button>
+  <br>
+  <br>
+  ~ or pick your favorite shopping list ~<br>
+  <button class="switch active">omnivore</button>
+  <button class="switch">vegan</button>
+  <br>
+  <button class="switch">cereal</button>
+  <button class="switch">weirdo</button>
+  <button class="switch">religions</button>
+  <button class="switch">sf</button>
+  <br>
+  <button class="switch">diseases</button>
+  <button class="switch">drugs</button>
+  <button class="switch">elements</button>
+  <button class="switch">insects</button>
+
+  <div id="result"></div>
+</div>
 
 <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
 <script type="text/javascript" src="js/app.js"></script>