PageSourceSearch

https://makeamericadinneragain.com/03-media.html

html makeamericadinneragain.com collected 2026-09-24 19:10:30 UTC 26,602 bytes, 489 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5
6  <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
7	<title>MADA In the Media</title>
8	<meta http-equiv="Content-Language" content="en-us" />
9  <meta http-equiv="imagetoolbar" content="no" />
10	<meta name="MSSmartTagsPreventParsing" content="true" />
11
12	<meta name="author" content="" />
13	<meta name="description" content="Make America Dinner Again: Seek to understand, and then perhaps to be understood" />
14	<meta name="keywords" content="Make America Dinner Again,dinner,election,politics,tria chang,justine lee" />
15
16  <meta name="viewport" content="width=device-width, initial-scale=1">
17  <link rel="stylesheet" href="css/tachyons.min.css"/>
18  <link rel="stylesheet" href="css/master.css"/>
19
20  <link href="https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900|Work+Sans:400,600,800" rel="stylesheet">
21  <!--
22  <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css"/>
23  -->
24  <!-- Google Analytics (GA4) -->
vendor: 66 bytes, lines 24-25
24
25  <script async src="https://www.googletagmanager.com/gtag/js?id=
25G-XZS520XTZR
vendor: 14 bytes, lines 25-26
25"></script>
26  
26<script>
27    
vendor: 139 bytes, lines 27-30
27window.dataLayer = window.dataLayer || [];
28    function gtag(){dataLayer.push(arguments);}
29    gtag('js', new Date());
30    gtag('config', '
30G-XZS520XTZR
vendor: 6 bytes, lines 30-31
30');
31  
31</script>
31
32  <!-- End Google Analytics (GA4) -->
33
34  <!-- Initialize JavaScript-->
35  
35<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
35
36  <!-- End JavaScript-->
37
38  <!-- Google Tag Manager -->
39  
39<script>
vendor: 335 bytes, lines 39-43
39(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
40  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
41  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
42  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
43  })(window,document,'script','dataLayer','
43GTM-WXP25QJ
vendor: 3 bytes, line 43
43');
43</script>
43
44  <!-- End Google Tag Manager -->
45
46</head>
47
48<body class="backgroundcolor-mada sans-serif vh-100">
49
50  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 50-51
50
51  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
51GTM-WXP25QJ
vendor: 89 bytes, lines 51-53
51"
52    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
53  
53<!-- End Google Tag Manager (noscript) -->
54
55  <!--Facebook video JavaScript embed code-->
56  <div id="fb-root"></div>
57  
57<script>(function(d, s, id) {
58    var js, fjs = d.getElementsByTagName(s)[0];
59    if (d.getElementById(id)) return;
60    js = d.createElement(s); js.id = id;
61    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10&appId=309881049096961";
62    fjs.parentNode.insertBefore(js, fjs);
63  }(document, 'script', 'facebook-jssdk'));</script>
63
64  <!--End FB video JS-->
65
66  <!--
67  .-.-.   .-.-.   .-.-.   .-.-.   .-.-.   .-.-.   .-.-.   .-.-
68  / / \ \ / / \ \ / / \ \ / / \ \ / / \ \ / / \ \ / / \ \ / / \
69  `-'   `-`-'   `-`-'   `-`-'   `-`-'   `-`-'   `-`-'   `-`-'
70  -->
71
72  <!--Fixed Header Nav-->
73  <header class="bg-white-90 fixed w-100 pa3 ph5-l headershadow z100">
74    <nav class="wrapper_large f6-ns f4 fw6 tracked flex justify-center">
75      <!--Hamburger menu at small and medium sizes-->
76      <a href="#" id="menu-btn" class="dn-l absolute left-1 top-0 bottom-0 flex items-center ph3 link dim textui30">
77        &#9776;
78      </a>
79
80      <!--Centered nav links at large sizes; collapsible menu at smaller sizes-->
81      <div id="menu" class="static-l absolute mt0-l w-100 left-100 db bg-white menuelement" style="top: 100%;">
82        <ul class="flex flex-row-l flex-column justify-center items-center">
83          <li class="list">
84            <a class="link dim textui30 dib mh4-l mh3 mt4 mt0-l" href="index.html" title="Home">Home</a>
85          </li>
86          <li class="list">
87            <a class="link dim textui30 dib mh4-l mh3 mt4 mt0-l" href="04-onlineevents.html" title="Online Events">Online Events</a>
88          </li>
89          <li class="list">
90            <a class="link dim textui30 dib mh4-l mh3 mt4 mt0-l" href="02-hostguide.html" title="Host Guide">Host Guide</a>
91          </li>
92          <li class="list">
93            <a class="link dim textred dib mh4-l mh3 mt4 mt0-l" href="03-media.html" title="In the Media">In the Media</a>
94          </li>
95          <li class="list">
96            <a class="link dim textui30 dib mh4-l mh3 mt4 mb7 mt0-l mb0-l" href="#foot" title="Contact">Contact</a>
97          </li>
98        </ul>
99      </div>
100
101    </nav>
102  </header>
103  <!--End Fixed Header-->
104
105  <!--
106  .-.-.   .-.-.   .-.-.   .-.-.   .-.-.   .-.-.   .-.-.   .-.-
107  / / \ \ / / \ \ / / \ \ / / \ \ / / \ \ / / \ \ / / \ \ / / \
108  `-'   `-`-'   `-`-'   `-`-'   `-`-'   `-`-'   `-`-'   `-`-'
109  -->
110  <div class="wrapper_large pt6-l pt5-m pb6">
111    <div class="flex flex-column">
112      <div class="center w-30-ns w-50-m w-60 pt4-l pt5-m pt7 db">
113        <img src="images/illustration_tomatozucchini.png" class="db" alt="Veggies Talking">
114      </div>
115      <div class="center w-60 db pv4">
116        <h2 class="fw4 textred serif tl-l tl-m tl lh-copy">We believe Make America Dinner Again can open your world to new people, new ideas, and a healthier understanding of your fellow Americans. But don't let us do all the talking. Here's what others have to say.</h2>
117      </div>
118      <img src="images/[email protected]" class="db w2 center" alt="MADA Dot">
119    </div>
120
121    <!--OVERLAP GROUP-->
122    <div class="relative-l pv5 overflow-auto dib-l flex flex-column items-center justify-center">
123      <!--IMAGE OVERLAP-->
124      <div class="absolute-l w-50-l w-60-m w-80 br3 z-3">
125        <img src="images/photo_dinner01.jpg" class="br3 buttonshadow" alt="Tasty Food">
126      </div>
127
128      <!--TEXT OVERLAP-->
129      <div class="backgroundcolor-lightgray b--medgray ba pl6-l pa4 br3 relative-l w-60-l w-80 mt4-l mt2 fr-l">
130        <a href="https://www.seattletimes.com/life/food-drink/with-make-america-dinner-again-politics-gets-a-place-at-the-table/" target="_blank">
131          <img width="146" height="32" src="images/logo_the_seattle_times.png" class="db mb2 dim" alt="The Seattle Times">
132        </a>
133        <p class="f3 fw3 textui30 serif lh-copy"><span class="textred fw9">&ldquo;</span>In a divisive time, a nationwide organization is bringing people of divergent views together over dinner &mdash; with intense, cathartic results.<span class="textred fw9">&rdquo;</span></p>
134
135        <!--CTA Button-->
136        <div class="mv4">
137          <a class="tc center mh0-l no-underline dim pv3 br-pill b--divider ba textui30 ph4 sans-serif fw7-ns mt3 mb2 backgroundcolor-white" href="https://www.seattletimes.com/life/food-drink/with-make-america-dinner-again-politics-gets-a-place-at-the-table/" target="_blank">Read Article</a>
138        </div>
139      </div>
140    </div><!--END OVERLAP GROUP-->
141
142    <!--VIDEO GROUP-->
143    <div class="w-80 pb2 center bl bl-w2 b--madared pl3">
144      <p class="textui30"><span class="textred fw6">Freethink Media</span>'s mini-documentary on MADA</p>
145    </div>
146
147    <div id="video" class="center tc buttonshadow w-80 br3">
148      <div class="fb-video br3" data-href="https://www.facebook.com/freethinkmedia/videos/1472919212767442/" data-width="780" data-show-text="false" data-allowfullscreen="true"><blockquote cite="https://www.facebook.com/freethinkmedia/videos/1472919212767442/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/freethinkmedia/videos/1472919212767442/">Can Dinner Heal a Divided Country?</a><p>Make America Dinner Again wants to bring the country back together, one dinner at a time</p>Posted by <a href="https://www.facebook.com/freethinkmedia/">Freethink</a> on Monday, July 3, 2017</blockquote></div>
149    </div>
150
151    <!--OVERLAP GROUP-->
152    <div class="relative pv5 overflow-auto dib-l flex flex-column items-center">
153      <!--IMAGE OVERLAP-->
154      <div class="fr-l w-50-l w-60-m w-80 br3 z-3 relative">
155        <img src="images/photo_dinner02.jpg" class="br3 buttonshadow" alt="Making Food">
156      </div>
157
158      <!--TEXT OVERLAP-->
159      <div class="backgroundcolor-lightgray b--medgray ba pr6-l pa4 br3 relative w-60-l w-80 mt4-l mt2 z-1">
160        <a href="http://www.npr.org/sections/thesalt/2017/03/04/518182530/political-perspectives-are-the-main-course-at-these-dinner-gatherings" target="_blank">
161          <img width="146" height="50" src="images/NPRLogo.png" class="db mb2 dim" alt="NPR">
162        </a>
163        <p class="f3 fw3 textui30 serif lh-copy"><span class="textred fw9">&ldquo;</span>They all agree that this dinner is one way to speak and listen rather than argue.<span class="textred fw9">&rdquo;</span></p>
164
165        <!--CTA Button-->
166        <div class="mv4">
167          <a class="tc center mh0-l no-underline dim pv3 br-pill b--divider ba textui30 ph4 sans-serif fw7-ns mt3 mb2 backgroundcolor-white" href="http://www.npr.org/sections/thesalt/2017/03/04/518182530/political-perspectives-are-the-main-course-at-these-dinner-gatherings" target="_blank">Read Article</a>
168        </div>
169      </div>
170    </div><!--END OVERLAP GROUP-->
171
172    <!--VIDEO GROUP-->
173    <div class="w-80 pb2 center bl bl-w2 b--madared pl3">
174      <p class="textui30"><span class="textred fw6">The Blaze</span>'s film about hosting their own dinner, with Glenn Beck and Riaz Patel</p>
175    </div>
176
177    <div class="center tc buttonshadow w-80 br3">
178      <div class="responsive-video br3" style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;">
179        <iframe src="https://www.youtube.com/embed/uXSAihDolf8?si=ACna3BxlsIk_iGQ8" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
180      </div>
181    </div>
182
183    <!--TEXT COLUMNS SET-->
184    <div class="mt6-l mt4 overflow-visible flex flex-wrap items-start-l justify-center">
185      <!--TEXT COLUMN-->
186      <div class="w-50-l w-60-m w-80 flex flex-column items-start-l justify-center ph3 pb0-l pv0-l pv5">
187        <div class="w-100 flex">
188          <img src="images/headshot_glenn_beck.png" width="80" height="80" class="mr3 br-pill yellowshadow" alt="Glenn Beck">
189          <p class="textred f3 lh-copy mv1"><span class="fw6">Glenn Beck</span>, owner of The Blaze</p>
190        </div>
191        <p class="f3 fw3 textui30 serif lh-copy mt4-l"><span class="textred fw9">&ldquo;</span>[When you're face to face with someone at a dinner table,] that &lsquo;evil&rsquo; conservative or &lsquo;ignorant&rsquo; liberal becomes somebody that's sitting at your dinner table, and they're human.<span class="textred fw9">&rdquo;</span></p>
192        <!--CTA Button-->
193        <div class="mv4">
194          <a class="tc center mh0-l no-underline dim pv3 br-pill b--divider ba textui30 ph4 sans-serif fw7-ns mt3 mb2 backgroundcolor-white" href="https://youtu.be/uXSAihDolf8?si=ACna3BxlsIk_iGQ8" target="_blank">Watch Video</a>
195        </div>
196      </div><!--END TEXT COLUMN-->
197      <!--TEXT COLUMN-->
198      <div class="w-50-l w-60-m w-80 flex flex-column items-start-l justify-center ph3 pb0-l">
199        <div class="w-100 flex">
200          <a href="https://civileats.com/2018/06/19/can-dinner-parties-make-america-great-again/" target="_blank">
201            <img width="146" height="71" src="images/logo_civileats.png" class="db dim mr3" alt="Civil Eats">
202          </a>
203          <p class="textred f3 lh-copy mv1"><span class="fw6">Anne P.</span>, Brooklyn Guest</p>
204        </div>
205        <p class="f3 fw3 textui30 serif lh-copy mt4-l"><span class="textred fw9">&ldquo;</span>It was the least confrontational possible way to talk about this stuff — and the tacos were pretty good.<span class="textred fw9">&rdquo;</span></p>
206        <!--CTA Button-->
207        <div class="mv4">
208          <a class="tc center mh0-l no-underline dim pv3 br-pill b--divider ba textui30 ph4 sans-serif fw7-ns mt3 mb2 backgroundcolor-white" href="https://civileats.com/2018/06/19/can-dinner-parties-make-america-great-again/" target="_blank">Read Article</a>
209        </div>
210      </div><!--END TEXT COLUMN-->
211    </div>
212  </div><!--End wrapper-->
213
214  <!--FULL-WIDTH IMAGE GROUP-->
215  <div class="flex w-100 mediahero items-center">
216    <div class="wrapper">
217      <div class="flex flex-column w-80 center mv6">
218        <a href="http://www.oprah.com/inspiration/13-little-ways-to-make-the-world-a-better-place" target="_blank">
219          <img width="146" height="48" src="images/logo_oprah.png" class="db dim" alt="Oprah.com">
220        </a>
221        <p class="f1 fw3 white serif lh-copy mv4-l"><span class="textyellow fw9">&ldquo;</span>Talk politics productively.<span class="textyellow fw9">&rdquo;</span></p>
222        <!--CTA Button-->
223        <div class="mv4">
224          <a class="tc center mh0-l no-underline dim pv3 br-pill b--divider ba textui30 ph4 sans-serif fw7-ns mt3 mb2 backgroundcolor-white" href="http://www.oprah.com/inspiration/13-little-ways-to-make-the-world-a-better-place" target="_blank">Read Article</a>
225        </div>
226      </div>
227    </div>
228  </div><!--END FULL WIDTH IMAGE GROUP-->
229
230  <div class="wrapper pv6">
231    <!--VIDEO GROUP-->
232    <div class="w-60 pb2 center bl bl-w2 b--madared pl3">
233      <p class="textui30"><span class="textred fw6">The BBC Series Cross the Divide</span> covering a MADA dinner during Chinese New Year</p>
234    </div>
235
236    <div class="center tc buttonshadow w-60 br3">
237      <div class="fb-video br3" data-href="https://www.facebook.com/bbcnews/videos/10155778730632217/" data-width="780" data-show-text="false" data-allowfullscreen="true"><blockquote cite="https://www.facebook.com/bbcnews/videos/10155778730632217/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/bbcnews/videos/10155778730632217/">Can Chinese Americans Solve...</a><p>Make America Dinner Again</p>Posted by <a href="https://www.facebook.com/bbcnews/">BBC News</a> on Sunday, April 29, 2018</blockquote></div>
238    </div>
239  </div><!--END WRAPPER-->
240
241  <!--COLUMNS OF LOGOS-->
242  <div class="wrapper pb6 flex flex-wrap justify-center">
243    <!--First Column-->
244    <div class="flex w-third-l flex-column w-third-m w-80 pa3">
245      <a href="http://www.npr.org/sections/thesalt/2017/03/04/518182530/political-perspectives-are-the-main-course-at-these-dinner-gatherings" target="_blank">
246        <img width="146" height="50" src="images/NPRLogo.png" class="db dim center mv4" alt="NPR">
247      </a>
248
249      <a href="http://www.bbc.com/news/av/world-us-canada-43882331/crossing-divides-can-chinese-americans-solve-differences-over-dinner" target="_blank">
250        <img width="146" height="42" src="images/logo_bbc.png" class="db dim center mv4" alt="BBC News">
251      </a>
252
253      <a href="https://www.nytimes.com/2019/11/03/us/trump-voters-liberals.html" target="_blank">
254        <img width="146" height="106" src="images/logo_thenewyorktimes.png" class="db mt2 mb2 dim center ph4-ns" alt="The New York Times">
255      </a>
256
257      <a href="https://www.facebook.com/Upworthy/videos/1681089985283696/" target="_blank">
258        <img width="146" height="86" src="images/logo_upworthy.png" class="db dim center mv4" alt="Upworthy">
259      </a>
260
261      <a href="https://the1a.org/shows/2017-11-21/can-you-stay-civil-by-keeping-quiet" target="_blank">
262        <img width="146" height="78" src="images/logo_1a.png" class="db dim center mv4" alt="1A">
263      </a>
264
265      <a href="http://kalw.org/post/your-call-what-happens-when-people-different-opinions-talk-each-other" target="_blank">
266        <img width="146" height="68" src="images/logo_kalw.png" class="db dim center mv4" alt="KALW">
267      </a>
268
269      <a href="https://civileats.com/2018/06/19/can-dinner-parties-make-america-great-again/" target="_blank">
270        <img width="146" height="71" src="images/logo_civileats.png" class="db dim center mv4" alt="Civil Eats">
271      </a>
272
273      <a href="https://commongroundforward.org/topic/an-interview-with-justine-lee-and-tria-chang-founders-of-make-america-dinner-again/" target="_blank">
274        <img width="146" height="44" src="images/logo_commonground.png" class="db dim center mv4" alt="Common Ground">
275      </a>
276    </div>
277    <!--Second Column-->
278    <div class="flex w-third-l flex-column w-third-m w-80 pa3 pt5-l">
279      <a href="http://www.glennbeck.com/2018/03/05/they-voted-for-hillary-now-theyre-healing-america-with-crucial-conversations-over-good-food/" target="_blank">
280        <img width="146" height="60" src="images/logo_glennbeck.png" class="db dim center mv4" alt="The Glenn Beck Program">
281      </a>
282
283      <a href="http://www.wbur.org/hereandnow/2017/11/16/make-america-dinner-again" target="_blank">
284        <img width="146" height="52" src="images/logo_hereandnow.png" class="db dim center mv4" alt="Here and Now">
285      </a>
286
287      <a href="http://cmtoday.cmu.edu/innovation_publicpolicy/the-country-that-dines-together-stays-together/" target="_blank">
288        <img width="146" height="61" src="images/logo_cmtoday.png" class="db dim center mv4" alt="Carnegie Mellon Today">
289      </a>
290
291      <a href="https://ww2.kqed.org/news/2017/09/23/at-make-america-dinner-again-bridging-political-and-racial-divides/" target="_blank">
292        <img width="146" height="44" src="images/logo_kqed.png" class="db dim center mv4" alt="KQED">
293      </a>
294
295      <a href="https://www.goodnewsnetwork.org/instead-arguing-online-political-foes-coming-together-food-make-america-dinner/" target="_blank">
296        <img width="146" height="46" src="images/logo_goodnewsnetwork.png" class="db dim center mv4" alt="Good News Network">
297      </a>
298
299      <a href="http://www.9news.com/article/entertainment/television/programs/next-with-kyle-clark/make-dinner-great-again-talk-politics-with-strangers-over-dinner/73-513371569" target="_blank">
300        <img width="146" height="46" src="images/logo_9news.png" class="db dim center mv4" alt="9 News">
301      </a>
302
303      <a href="http://www.westword.com/restaurants/make-america-dinner-again-encourages-political-conversation-over-food-9935021" target="_blank">
304        <img width="146" height="40" src="images/logo_westword.png" class="db dim center mv4" alt="Westword">
305      </a>
306
307      <a href="https://www.usatoday.com/story/opinion/2019/12/04/make-america-dinner-again-how-partisan-divide-can-bridge-one-shared-meal-time-column/4347802002/" target="_blank">
308        <img width="146" height="27" src="images/logo_usatoday.png" class="db mt4 mb2 dim center ph4-ns" alt="USA Today">
309      </a>
310
311      <a href="https://www.usatoday.com/story/opinion/2019/12/04/make-america-dinner-again-how-partisan-divide-can-bridge-one-shared-meal-time-column/4347802002/" target="_blank">
312        <img width="80" height="80" src="images/logo_yesmag.png" class="db mt4 mb2 dim center ph4-ns" alt="Yes Magazine">
313      </a>
314    </div>
315    <!--Third Column-->
316    <div class="flex w-third-l flex-column w-third-m w-80 pa3">
317      <a href="https://www.theblaze.com/video/watch-the-full-episode-make-america-dinner-again" target="_blank">
318        <img width="146" height="32" src="images/logo_theblaze.png" class="db dim center mv4" alt="The Blaze TV">
319      </a>
320
321      <a href="http://www.motherjones.com/food/2017/11/thanksgiving-dinner-political-conversations-make-america-dinner-again/#" target="_blank">
322        <img width="146" height="48" src="images/logo_motherjones.png" class="db dim center mv4" alt="Mother Jones Bite Podcast">
323      </a>
324
325      <a href="https://www.seattletimes.com/life/food-drink/with-make-america-dinner-again-politics-gets-a-place-at-the-table/" target="_blank">
326        <img width="146" height="32" src="images/logo_the_seattle_times.png" class="db dim center mv4" alt="The Seattle Times">
327      </a>
328
329      <a href="http://www.dallasobserver.com/arts/dallas-musician-stephen-ketner-had-dinner-with-glenn-beck-for-make-america-dinner-again-series-10687187" target="_blank">
330        <img width="146" height="40" src="images/logo_dallasobserver.png" class="db dim center mv4" alt="Dallas Observer">
331      </a>
332
333      <a href="http://www.wmal.com/2017/11/20/listen-co-founder-justine-lee-explains-how-make-america-dinner-again-is-unifying-america-following-the-2016-election/" target="_blank">
334        <img width="146" height="52" src="images/logo_wmal.png" class="db dim center mv4" alt="WMAL 105.9FM Washington DC">
335      </a>
336
337      <a href="http://www.oprah.com/inspiration/13-little-ways-to-make-the-world-a-better-place" target="_blank">
338        <img width="146" height="48" src="images/logo_oprah.png" class="db dim center mv4" alt="Oprah.com">
339      </a>
340
341      <a href="https://bold.global/kylal/2017/09/16/watch-bipartisan-dinners-make-america-great/" target="_blank">
342        <img width="146" height="47" src="images/logo_boldtv.png" class="db dim center mv4" alt="Bold TV">
343      </a>
344
345      <a href="https://www.forbes.com/sites/eveturowpaul/2017/12/12/the-political-and-communal-power-of-dinnertime/#78f35ea6ada4" target="_blank">
346        <img width="146" height="40" src="images/logo_forbes.png" class="db dim center mv4" alt="Forbes">
347      </a>
348
349      <a href="https://www.facebook.com/MoreInCommon/videos/272266813368558/" target="_blank">
350        <img width="146" height="86" src="images/logo_moreincommon.png" class="db mt3 mb3 dim center ph4-ns" alt="More In Common">
351      </a>
352    </div>
353  </div>
354
355  <!--
356  .-.-.   .-.-.   .-.-.   .-.-.   .-.-.   .-.-.   .-.-.   .-.-
357  / / \ \ / / \ \ / / \ \ / / \ \ / / \ \ / / \ \ / / \ \ / / \
358  `-'   `-`-'   `-`-'   `-`-'   `-`-'   `-`-'   `-`-'   `-`-'
359  -->
360
361    <!--FOOTER-->
362    <div id="foot" class="background-medgray w-100" style="height:1px">
363    </div>
364    <footer class="wrapper overflow-auto pv5-l pv4">
365
366      <div class="fl-l pa2 w-60-l center">
367        <h2 class="textred serif tl-l tc">Contact</h2>
368        <p class="lh-copy sans-serif textbody tl-l tc">Questions? Comments? Press Inquiries? We're monitoring our email less frequently but would still love to hear from you.</p>
369        <a class="tc w-50-l w-60-m w-80 center mh0-l no-underline dim pa3 br-pill backgroundcolor-madared white db sans-serif fw8-ns f4-ns mb3-ns mb2" href="mailto:[email protected]">Email us</a>
370
371        <div class="tl-l tc">
372          <!--Link to FB button -->
373          <a class="tc ph4 br-pill backgroundcolor-white b--divider ba db no-underline dim textui30 sans-serif inline-flex items-center mr3-l mb2 pv2 f5" href="https://www.facebook.com/makeamericadinneragain/" target="_blank" title="Follow us on Twitter">
374            <img src="images/app-facebook.png" class="pv1 pr2-l pr2-m" width="24" alt="Facebook Us">
375            <span class="dn db-m db-l">Like us on Facebook</span>
376          </a>
377        </div>
378        <div class="tl-l tc">
379          <!--Link to Twitter button -->
380          <a class="tc ph4 br-pill backgroundcolor-white b--divider ba db no-underline dim textui30 sans-serif inline-flex items-center mr3-l mb2 pv2 f5" href="https://twitter.com/MADA_hosts" target="_blank" title="Follow us on Twitter">
381            <img src="images/app-twitter.png" class="pv1 pr2-l pr2-m" width="24" alt="Tweet Us">
382            <span class="dn db-m db-l">Follow us on Twitter</span>
383          </a>
384        </div>
385        <div class="tl-l tc">
386          <!--Link to Instagram button -->
387          <a class="tc ph4 br-pill backgroundcolor-white b--divider ba db no-underline dim textui30 sans-serif inline-flex items-center mr3-l mb2 pv2 f5" href="https://www.instagram.com/mada_hosts/" target="_blank" title="Follow us on Instagram">
388            <img src="images/app-ig.png" class="pv1 pr2-l pr2-m" width="24" alt="Instagram Us">
389            <span class="dn db-m db-l">Follow us on Instagram</span>
390          </a>
391        </div>
392
393        <div class="pa2 w-70 dn-m dn-l center mb4">
394          <img src="images/MADA_5.png" class="db center" alt="Dining In">
395        </div>
396
397        <p class="tl-l tl-m tc f6 copy lh-copy textmeta sans-serif">Logo by James Song&nbsp;&nbsp;|&nbsp;&nbsp;Paper designs by Lizzie Oh&nbsp;&nbsp;|&nbsp;&nbsp;Site by J.T. Trollman</p>
398      </div>
399
400      <div class="fl pa2 w-40-l dn db-m db-l">
401        <img src="images/MADA_5.png" class="db dn-m" alt="Dining In">
402      </div>
403
404    </footer>
405
406<!--Experimenting with JavaScript to create mobile menu-->
407<script>
408  let menuIsOpen = false
409  const menu = document.getElementById('menu')
410  const menuBtn = document.getElementById('menu-btn')
411  const closeMenu = () => {
412    menu.className = menu.className.replace('left-0', 'left-100')
413    menuBtn.innerHTML = '&#9776;'
414    menuIsOpen = false
415  }
416
417  const openMenu = () => {
418    menu.className = menu.className.replace('left-100', 'left-0')
419    menuBtn.innerHTML = 'Close'
420    menuIsOpen = true
421  }
422
423  window.onload = () => {
424    // bind click handler to menu button
425    menuBtn.onclick = (e) => {
426      e.preventDefault()
427      if (menuIsOpen) closeMenu()
428      else openMenu()
429    }
430  }
431  window.onresize = closeMenu
432</script>
432
433
434<!--Experimenting with JavaScript to change header shadow on scroll-->
435<script>
436  $(function(){
437   var pageScroll = 100;
438    $(window).scroll(function() {
439      var scroll = getCurrentScroll();
440        if ( scroll >= pageScroll ) {
441             $('.headershadow').addClass('headershadow_shrink');
442             $('.headerlogo').addClass('headerlogo_shrink');
443             $('.menuelement').addClass('menuelement-small');
444          }
445          else {
446              $('.headershadow').removeClass('headershadow_shrink');
447              $('.headerlogo').removeClass('headerlogo_shrink');
448              $('.menuelement').removeClass('menuelement-small');
449          }
450    });
451  function getCurrentScroll() {
452      return window.pageYOffset || document.documentElement.scrollTop;
453      }
454  });
455</script>
455
456
457<!--Left-hand nav scrolling behavior-->
458<script>
459  $(document).ready(function() {
460    $('a[href*="#"]:not([href="#"])').bind('click', function(e) {
461        e.preventDefault(); // prevent hard jump, the default behavior
462
463        var target = $(this).attr("href"); // Set the target as variable
464
465        // perform animated scrolling by getting top-position of target-element and set it as scroll target
466        $('html, body').stop().animate({
467            scrollTop: $(target).offset().top
468        }, function() {
469            location.hash = target; //attach the hash (#jumptarget) to the pageurl
470        });
471        return false;
472    });
473  });
474  $(window).scroll(function() {
475    var scrollDistance = $(window).scrollTop();
476
477    // Assign active class to nav links while scolling
478    $('.page-section').each(function(i) {
479        if ($(this).position().top <= scrollDistance) {
480            $('.leftnav a.active').removeClass('active');
481            $('.leftnav a').eq(i).addClass('active');
482        }
483    });
484  }).scroll();
485</script>
485
486
487
488</body>
489</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.