This repository has been archived by the owner on Jul 11, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmenu.html
177 lines (163 loc) · 7.36 KB
/
menu.html
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Woke Yolk | Menu</title>
<link rel="icon" type="image/png" href="img/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="img/favicon-16x16.png" sizes="16x16" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Gudea|Kranky|Open+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<div class="social_links">
<a href="mailto:thewokeyolk@gmail.com"><img src="img/mail_circle_icon_white.png" alt="mail icon"></a>
<a href="#"><img src="img/phone_circle_icon_white.png" alt="phone icon"></a>
</div>
<div id="header_wrapper">
<div id="logo_header">
<a href="index.html"><img src="img/woke_yolk.png" alt="Woke Yolk Logo featuring raised fist with spatula"></a>
</div>
<nav>
<a href="index.html"><div>Home</div></a>
<a href="about.html"><div>About</div></a>
<a href="menu.html"><div class="selected">Menu</div></a>
<a href="contact.html"><div>Contact</div></a>
</nav>
</div>
</header>
<main>
<div id="menu_tagline" class="tagline">
<h1>Find Your<br/><span>Appetite</span>
</h1>
</div>
<div id="intro">
<h2>Menu</h2>
<p>We've got all of the essential breakfast dishes. It's up to you to decipher the menu and find what you're craving.</p>
<div>
<img src="img/white_menu_arrow.png" alt="menu arrow">
</div>
</div>
<div id="menu">
<h2>Breakfast is Served</h2>
<table>
<thead>
<tr>
<th class="table_head"> Item</th>
<td class="table_head">Ze Details</td>
<td class="table_head">Price</td>
</tr>
</thead>
<tbody>
<tr>
<th>Flint Water Crisis</th>
<td>Classic egg and cheese sandwich on an English Muffin or bagel. Choose from American, Swiss, Cheddar, or Gouda.</td>
<td>$3.10</td>
</tr>
<tr>
<th>Don't Touch My Hair</th>
<td>Egg sandwich with sharp cheddar cheese, avocado, tomato, and pesto on an English Muffin or bagel.</td>
<td>$3.99</td>
</tr>
<tr>
<th>Race Is a Social Construct</th>
<td>Egg sandwich with lox, garden medley cream cheese, and tomato on an English Muffin or bagel.</td>
<td>$4.60</td>
</tr>
<tr>
<th>No DAPL</th>
<td>Two eggs any style, home fries, and choice of meat.</td>
<td>$5.20</td>
</tr>
<tr>
<td colspan="3" class="addition">Without meat, $4.00</td>
<tr>
<th>Glass Ceiling</th>
<td>Omelette with chorizo, green chilies, onion, mushroom, various cheeses, and avocado. Home fries included.</td>
<td>$7.10</td>
</tr>
<tr>
<th>Kim Davis Is The Worst</th>
<td>Omelette with carmelized onions, mushrooms, and goat cheese. Home fries included.</td>
<td>$5.85</td>
</tr>
<tr>
<th>WTF, Rachel Dolezal</th>
<td>Omelette with pesto, goat cheese, cherry tomatoes, and prosciutto. Home fries included.</td>
<td>$6.50</td>
</tr>
<tr>
<td colspan="3" class="addition">Without meat, $5.25</td>
</tr>
<tr>
<th>Black Lives Matter</th>
<td>Eggs. Freaking. Benedict. Classic, no frills.</td>
<td>$7.80</td>
</tr>
<tr>
<th>Rising Sea Levels</th>
<td>Biscuits and gravy. Comes with home fries and a fried egg.</td>
<td>$7.50</td>
</tr>
<tr>
<td colspan="3" class="addition">Seitan chorizo, $8.10</td>
</tr>
<tr>
<th>Universal Health Care</th>
<td>Eggs Florentine (comes with broccoli, tomato, onion, and avocado).</td>
<td>$7.00</td>
</tr>
<tr>
<th>Systemic Oppression</th>
<td>Take a spin through the cereal bar. Actually, take several spins. UNLIMITED SPINS.</td>
<td>$3.50</td>
</tr>
<tr class="sides">
<th>Sides and Such</th>
<td>Bacon, Two Eggs, Sausage, Chorizo (+$1.50), Home Fries, Cheesy Grits</td>
<td>$2.00</td>
</tr>
<tr class="coming_soon">
<th colspan="3">Coming Soon...All Day Mimosa Bar</th>
</tr>
</tbody>
</table>
</div>
<div id="specials">
<h3>Reparations for So Many Things</h3>
<p>Check out our recurring weekly specials AKA <strong>Reparations Days</strong>. It's the least we could do.</p>
<ul>
<li>Mondays: 5% off for anyone who brings in an interesting (recent!) news article about social justice. We'll decide if it's actually worthy.</li>
<li>Tuesdays: 10% off for anyone with student debt (bring a bill to prove it).</li>
<li>Wednesdays: 5% off for anyone who wears a woke-a** t-shirt.</li>
<li>Thursdays: 15% off for all POCs (20% off for Native Peoples because WTF, pilgrims??)</li>
<li>Fridays: 10% for anyone who works for a local nonprofit (bring a business card to prove it).</li>
</ul>
</div>
</main>
<div id="sticky">
<div id="top">
<a href="#">Back to Top</a>
</div>
</div>
<footer>
<div>
<div id="address_block">
The Woke Yolk<br/>
123 Main Street<br/>
Portlandia, ME 12345<br>
(207) 555-5555
</div>
<div id="copy">
Website by Olivia Orr © 2017
</div>
</div>
<div id="to_top">
<a href="#">Back to Top</a>
</div>
</footer>
<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>