blob: 62b31665d374a3a18186232e5b69968373669177 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
<!doctype html>
<html>
<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;
min-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>
<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>
<script type="text/javascript" src="js/loader.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/flatfile.js"></script>
<script type="text/javascript" src="js/course.js"></script>
<script type="text/javascript">
$(app.init);
</script>
</body>
</html>
|