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 ☰ 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">“</span>In a divisive time, a nationwide organization is bringing people of divergent views together over dinner — with intense, cathartic results.<span class="textred fw9">”</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">“</span>They all agree that this dinner is one way to speak and listen rather than argue.<span class="textred fw9">”</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">“</span>[When you're face to face with someone at a dinner table,] that ‘evil’ conservative or ‘ignorant’ liberal becomes somebody that's sitting at your dinner table, and they're human.<span class="textred fw9">”</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">“</span>It was the least confrontational possible way to talk about this stuff â and the tacos were pretty good.<span class="textred fw9">”</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">“</span>Talk politics productively.<span class="textyellow fw9">”</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 | Paper designs by Lizzie Oh | 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 = '☰' 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.