diff options
| author | Jules <jules@asdf.us> | 2016-10-25 21:02:46 -0400 |
|---|---|---|
| committer | Jules <jules@asdf.us> | 2016-10-25 21:02:46 -0400 |
| commit | 54e052d6f29756ba2ee94c31b85fd49e30e335a0 (patch) | |
| tree | aacc0ccd8ee014b36f59bfb4e90d1cd2068a5c35 /index.html | |
| parent | 0003c072cb83f48386c5e264d86b0aa3a9eaa20d (diff) | |
buttons for other courses
Diffstat (limited to 'index.html')
| -rwxr-xr-x[-rw-r--r--] | index.html | 62 |
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> |