-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentry.html
267 lines (247 loc) · 12.4 KB
/
entry.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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Chicago's.Pro</title>
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Material Design Lite">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#3372DF">
<!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
<!--
<link rel="canonical" href="http://www.example.com/">
-->
<link
href='//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en'
rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="material.grey-orange.min.css">
<link rel="stylesheet" href="styles.css">
<style>
#view-source {
position: fixed;
display: block;
right: 0;
bottom: 0;
margin-right: 40px;
margin-bottom: 40px;
z-index: 900;
}
</style>
</head>
<body>
<!-- Uses a transparent header that draws on top of the layout's background -->
<style>
.demo-layout-transparent {
background: url('../assets/demos/transparent.jpg') center / cover;
}
.demo-layout-transparent .mdl-layout__header,
.demo-layout-transparent .mdl-layout__drawer-button {
/* This background is dark, so we set text to white. Use 87% black instead if
your background is light. */
color: black;
}
</style>
<div class="demo-layout-transparent mdl-layout mdl-js-layout">
<header class="mdl-layout__header mdl-layout__header--transparent">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">Chicago's.Pro</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
<!-- Navigation -->
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Chicago's.Pro</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="index.html">Home</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
</nav>
</div>
</div>
<div class="demo-blog demo-blog--blogpost mdl-layout mdl-js-layout has-drawer is-upgraded">
<main class="mdl-layout__content">
<div class="demo-blog__posts mdl-grid">
<div class="mdl-card coffee-pic mdl-shadow--4dp mdl-cell mdl-cell--12-col">
<div class="mdl-card__media mdl-color-text--grey-50">
<h3> Maple & Ash Matches Carry Out Dollar for Dollar Giftcard for Use After
Pandemic</h3>
</div>
<div class="mdl-color-text--grey-700 mdl-card__supporting-text meta">
<div class="minianna"></div>
<div>
<strong>Anna Gingle</strong>
<span>2 days ago</span>
</div>
<div class="section-spacer"></div>
<div class="meta__favorites">
425 <i class="material-icons" role="presentation">favorite</i>
<span class="visuallyhidden">favorites</span>
</div>
<div>
<i class="material-icons" role="presentation">bookmark</i>
<span class="visuallyhidden">bookmark</span>
</div>
<div>
<i class="material-icons" role="presentation">share</i>
<span class="visuallyhidden">share</span>
</div>
</div>
<div class="mdl-color-text--grey-700 mdl-card__supporting-text">
<p>
Dan Pilkey has been on the job for about a month at Maple & Ash, the rebellious and lavish
steakhouse in
the Gold Coast. Pilkey’s title—head sommelier & director of wine imports—gives him a chance to revamp the
pricey restaurant’s wine list. But he said he’s barely altered the selections, leaving much of what former
sommelier Belinda Chang had in place before her departure.
“I think it’s only polite I listen,” Pilkey said while being overly complimentary about the existing wine
program. “It’s the right thing to do.”
</p>
<p>
Pilkey’s experience includes working at Sixteen at the Trump Tower and at Alpana Singh’s Boarding House in
River North. The 36-year-old is back working at restaurants after time as a consultant. His first task is
reformatting the wine list. Don’t worry, the menu’s signature irreverent copy will remain. But Pilkey
feels the list needed more info, as crucial facts like vintages and prices were omitted. He wants better
efficiency for diners.
</p>
<p>
“I’ve been a fine-dining guy for forever and a moon,” Pilkey said. “But Maple & Ash is fast paced. Fine
dining is four-hour, sit-down meals—you might have a champagne cart. There is so much time to kind of get
to know your server and to ask for the sommelier...but Maple & Ash doesn’t necessarily do that.”
</p>
<p>
That puts increased dependency on the written word. Once Pilkey’s influence makes it to the wine list,
expect to see rare gems from all over California. Producers like Arkenstone Vineyards and Hickinbotham
Wines. It’s about more than the Napa Valley. While classics will be readily available, there’s plenty of
spotlight for up and comers, including in different regions like South Africa. He’s also looking to
establish a wine club for regular customers.
</p>
<p>
Chang was to be part of Maple & Ash’s Bucktown project. There’s no news pertaining to what Danny Grant and
Co. will be doing at the former Southern, 1840 W. North Ave. Pilkey said he’s been busy will getting
acclimated to Maple & Ash, so he’s not sure what they’ll be pouring over in Bucktown. “But I guarantee you
it will kick ass,” he said.
</p>
</div>
<div class="mdl-color-text--primary-contrast mdl-card__supporting-text comments">
<form>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<textarea rows=1 class="mdl-textfield__input" id="comment"></textarea>
<label for="comment" class="mdl-textfield__label">Join the discussion</label>
</div>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">check</i><span class="visuallyhidden">add comment</span>
</button>
</form>
<div class="comment mdl-color-text--grey-700">
<header class="comment__header">
<img src="images/co1.jpg" class="comment__avatar">
<div class="comment__author">
<strong>James Splayd</strong>
<span>2 days ago</span>
</div>
</header>
<div class="comment__text">
In in culpa nulla elit esse. Ex cillum enim aliquip sit sit ullamco ex eiusmod fugiat. Cupidatat ad
minim officia mollit laborum magna dolor tempor cupidatat mollit. Est velit sit ad aliqua ullamco
laborum excepteur dolore proident incididunt in labore elit.
</div>
<nav class="comment__actions">
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">thumb_up</i><span class="visuallyhidden">like
comment</span>
</button>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">thumb_down</i><span class="visuallyhidden">dislike
comment</span>
</button>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">share</i><span class="visuallyhidden">share
comment</span>
</button>
</nav>
<div class="comment__answers">
<div class="comment">
<header class="comment__header">
<img src="images/co2.jpg" class="comment__avatar">
<div class="comment__author">
<strong>John Dufry</strong>
<span>2 days ago</span>
</div>
</header>
<div class="comment__text">
Yep, agree!
</div>
<nav class="comment__actions">
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">thumb_up</i><span class="visuallyhidden">like
comment</span>
</button>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">thumb_down</i><span class="visuallyhidden">dislike
comment</span>
</button>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">share</i><span class="visuallyhidden">share
comment</span>
</button>
</nav>
</div>
</div>
</div>
</div>
</div>
<nav class="demo-nav mdl-color-text--grey-50 mdl-cell mdl-cell--12-col">
<a href="index.html" class="demo-nav__button">
<button
class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900"
role="presentation">
<i class="material-icons">arrow_back</i>
</button>
Newer
</a>
<div class="section-spacer"></div>
<a href="index.html" class="demo-nav__button">
Older
<button
class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900"
role="presentation">
<i class="material-icons">arrow_forward</i>
</button>
</a>
</nav>
</div>
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer--left-section">
<button class="mdl-mini-footer--social-btn social-btn social-btn__twitter">
<span class="visuallyhidden">Twitter</span>
</button>
<button class="mdl-mini-footer--social-btn social-btn social-btn__blogger">
<span class="visuallyhidden">Facebook</span>
</button>
</div>
<div class="mdl-mini-footer--right-section">
<button class="mdl-mini-footer--social-btn social-btn__share">
<i class="material-icons" role="presentation">share</i>
<span class="visuallyhidden">share</span>
</button>
</div>
</footer>
</main>
<div class="mdl-layout__obfuscator"></div>
</div>
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</body>
</html>