1<!doctype html> 2<html lang="en"> 3 4<head> 5 <!-- Required meta tags --> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 9 <!-- Bootstrap CSS --> 10 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> 11 12 <base href="https://www.eai.org" /> 13 <title>Electronic Arts Intermix: Email/Mailing Sign Up</title> 14 15 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 16 17
17<script type="text/javascript" src="/js/jquery-1.4.3.min.js"></script>
17 18 <link rel="stylesheet" type="text/css" href="css/eai5.css" /> 19 <link rel="stylesheet" type="text/css" href="css/menus3.css" /> 20 21 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 21-22
21 22<script async src="https://www.googletagmanager.com/gtag/js?id=
22G-M6EF0KNMMS
vendor: 12 bytes, line 22
22"></script>
23<script> 24
vendor: 133 bytes, lines 24-27
24window.dataLayer = window.dataLayer || []; 25 function gtag(){dataLayer.push(arguments);} 26 gtag('js', new Date()); 27 gtag('config', '
27G-M6EF0KNMMS
vendor: 109 bytes, lines 27-33
27', 28 { 29 //'debug_mode':true, 30 //'user_id': '0', 31 'dimension2': '0', 32 } 33 );
34</script>
34 35 36 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 37 <link rel="stylesheet" href="//code.jquery.com/ui/1.8.24/themes/base/jquery-ui.css"> 38 39
39<script src="//code.jquery.com/jquery-1.8.2.js"></script>
39 40
40<script src="//code.jquery.com/ui/1.8.24/jquery-ui.js"></script>
40 41
41<script src="https://unpkg.com/infinite-scroll@4/dist/infinite-scroll.pkgd.min.js"></script>
41 42 43 <link rel="preconnect" href="https://fonts.googleapis.com"> 44 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 45 <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet"> 46 47 48</head> 49 50<body> 51 52 <div class="container"> 53 54 55<nav class="navbar navbar-expand-lg navbar-light"> 56 <div class="container-fluid"> 57 <div class="row"> 58 <div class="col-6 col-md-12 pe-0 pe-md-3" > 59 <a class="navbar-brand me-0 me-lg-2" href="/"> 60 <img src="images/logo2.png" alt="Electronic Arts Intermix Logo" width="127" height="75" /> 61 </a> 62 </div> 63 <div class="d-block d-md-none col-6 ps-0 ps-s-0"> 64 <div class="d-lg-none d-inline "> 65 <strong class="h6 text-uppercase nav-sub-title"> 66 <a href="/"> 67 Electronic<br>Arts<br>Intermix </a></strong> 68 </div> 69 </div> 70 </div> 71 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 72 <span class="navbar-toggler-icon"></span> 73 </button> 74 <div class="collapse navbar-collapse flex-wrap" id="navbarSupportedContent"> 75 <div class="d-none d-lg-block ms-2 mt-0 mb-0 pt-3" style="width:100%"> 76 <a class="h4 text-uppercase nav-sub-title" href="/"> 77 <strong>Electronic Arts Intermix</strong> 78 </a> 79 </div> 80 81 82 <ul class="navbar-nav me-auto mb-2 mb-lg-0"> 83 <li class="nav-item dropdown"> 84 <a class="nav-link dropdown-toggle pt-0" href="about-eai-faq" id="navbarDropdown8" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 85 About </a> 86 87 <ul class="dropdown-menu" aria-labelledby="navbarDropdown8"> 88 <li> 89 <a class="dropdown-item" href="/webpages/27">Mission & Activities</a> 90 </li> 91 <li> 92 <a class="dropdown-item" href="/webpages/28">History</a> 93 </li> 94 <li> 95 <a class="dropdown-item" href="contact-faq">Contact</a> 96 </li> 97 <li> 98 <a class="dropdown-item" href="/webpages/31">Board & Funders</a> 99 </li> 100 <li> 101 <a class="dropdown-item" href="opportunities">Opportunities</a> 102 </li> 103 <li> 104 <a class="dropdown-item" href="/webpages/72">About eai.org</a> 105 </li> 106 </ul> 107 </li> 108 <li class="nav-item dropdown"> 109 <a class="nav-link dropdown-toggle pt-0" href="artists" id="navbarDropdown4" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 110 Artists </a> 111 112 <ul class="dropdown-menu" aria-labelledby="navbarDropdown4"> 113 <li> 114 <a class="dropdown-item" href="artists-main">Artist Catalogue</a> 115 </li> 116 <li> 117 <a class="dropdown-item" href="title-search">Title Search</a> 118 </li> 119 <li> 120 <a class="dropdown-item" href="new-artists">New Artists</a> 121 </li> 122 <li> 123 <a class="dropdown-item" href="themes">Themes, Special Collections & Series</a> 124 </li> 125 </ul> 126 </li> 127 <li class="nav-item dropdown"> 128 <a class="nav-link dropdown-toggle pt-0" href="services-faq" id="navbarDropdown5" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 129 Distribution </a> 130 131 <ul class="dropdown-menu" aria-labelledby="navbarDropdown5"> 132 <li> 133 <a class="dropdown-item" href="overview">Overview</a> 134 </li> 135 <li> 136 <a class="dropdown-item" href="ordering-info">Ordering Information</a> 137 </li> 138 <li> 139 <a class="dropdown-item" href="policies-faq">Policies</a> 140 </li> 141 <li> 142 <a class="dropdown-item" href="image-and-clip-requests">Image & Clip Requests</a> 143 </li> 144 </ul> 145 </li> 146 <li class="nav-item dropdown"> 147 <a class="nav-link dropdown-toggle pt-0" href="preservation" id="navbarDropdown1300" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 148 Preservation </a> 149 150 <ul class="dropdown-menu" aria-labelledby="navbarDropdown1300"> 151 <li> 152 <a class="dropdown-item" href="/webpages/41">Introduction</a> 153 </li> 154 <li> 155 <a class="dropdown-item" href="/webpages/45">Technical Facility</a> 156 </li> 157 <li> 158 <a class="dropdown-item" href="/webpages/79">
158High-Definition Video Guide</a> 159 </li> 160 </ul> 161 </li> 162 <li class="nav-item dropdown"> 163 <a class="nav-link dropdown-toggle pt-0" href="education" id="navbarDropdown1301" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 164 Education </a> 165 166 <ul class="dropdown-menu" aria-labelledby="navbarDropdown1301"> 167 <li> 168 <a class="dropdown-item" href="ess">Educational Streaming Service</a> 169 </li> 170 </ul> 171 </li> 172 <li class="nav-item dropdown"> 173 <a class="nav-link dropdown-toggle pt-0" href="current-programs" id="navbarDropdown7" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 174 Events </a> 175 176 <ul class="dropdown-menu" aria-labelledby="navbarDropdown7"> 177 <li> 178 <a class="dropdown-item" href="current-programs">Current & Upcoming Events</a> 179 </li> 180 <li> 181 <a class="dropdown-item" href="past-programs">Past Events</a> 182 </li> 183 </ul> 184 </li> 185 <li class="nav-item dropdown"> 186 <a class="nav-link dropdown-toggle pt-0" href="projects" id="navbarDropdown1310" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 187 Projects </a> 188 189 <ul class="dropdown-menu" aria-labelledby="navbarDropdown1310"> 190 <li> 191 <a class="dropdown-item" href="opencircuits">Open Circuits Revisited</a> 192 </li> 193 <li> 194 <a class="dropdown-item" href="/webpages/1321">The New Television: Video After Television</a> 195 </li> 196 <li> 197 <a class="dropdown-item" href="/webpages/21">A Kinetic History</a> 198 </li> 199 <li> 200 <a class="dropdown-item" href="prepackaged">Published Items</a> 201 </li> 202 <li> 203 <a class="dropdown-item" href="/webpages/22">Resource Guide</a> 204 </li> 205 </ul> 206 </li> 207 208 209 </ul> 210 211 <!-- <ul class="d-flex d-lg-none list-group list-group-horizontal me-1"> 212 <li class="list-group-item border-0 px-1 bg-transparent"><a href="https://www.instagram.com/electronicartsintermix/" target="_new"><img src="images/social/social-instagram.svg" alt="Twitter" width="22" height="22"/></a></li> 213 <li class="list-group-item border-0 px-1 bg-transparent"><a href="https://vimeo.com/electronicartsintermix" target="_new"><img src="images/social/social-vimeo.svg" alt="Twitter" width="22" height="22"/></a></li> 214 <li class="list-group-item border-0 px-1 bg-transparent"><a href="http://twitter.com/eai_org" target="_new"><img src="images/social/social-twitter.svg" alt="Twitter" width="22" height="22"/></a></li> 215 <li class="list-group-item border-0 px-1 bg-transparent"><a href="http://www.facebook.com/pages/Electronic-Arts-Intermix-EAI/69797591849?ref=nf"><img src="images/social/social-facebook.svg" alt="Facebook" width="22" height="22" /></a></li> 216 </ul> --> 217 218 <form class="d-flex mt-3" name="search" id="search" method="post" action="search-results"> 219 <input class="form-control me-2 bg-color search-input" type="search" placeholder="Search" aria-label="Search" name="searchInput"> 220 <button class="btn btn-outline-dark d-lg-none" type="submit">Search</button> 221 </form> 222 223 </div> 224 </div> 225</nav> 226 <div class="container mt-4"> 227 <div class="row"> 228 229
229<script type="text/javascript"> 230 231 $(document).ready(function() { 232 233 //$('.menuText.active').parents('.eaiSubNav ul').css('display','block'); 234 235 $('.eaiSubNav li a').click(function() { 236 window.location = $(this).attr("href"); 237 return false; 238 }); 239 240 // $('.eaiSubNav li div.menuText').click(function() { 241 // if ($(this).find('a').attr('href')!=undefined) { 242 // //alert($(this).find('a').attr('href')); 243 // location.href=$(this).find('a').attr('href'); 244 // return false; 245 // } 246 // else { 247 // return true; 248 // } 249 // }); 250 251 $('.eaiSubNav li').click(function() { 252 $(this).find('> ul').toggle('fast'); 253 var text = $(this).find('> div .menuOpener').text(); 254 if (text=='+') 255 $(this).find('> div .menuOpener').text('-'); 256 else 257 $(this).find('> div .menuOpener').text('+'); 258 259 return false; 260 }); 261 262 $(".eaiSubNav div.menuText, .eaiSubNav .menuOpener, .eaiSubNav div.menuLabel").hover( 263 function () { 264 $(this).addClass("eaiSubNavHover"); 265 }, 266 function () { 267 $(this).removeClass("eaiSubNavHover"); 268 } 269 ); 270 }); 271 272 </script>
272 273<div class="col-12 col-lg-3"> 274 275 <div class="dropdown d-block d-lg-none ms-0 ps-0 mb-3 "> 276 277 <div class="row"> 278 <div class="col-8"> 279 <h3 class="mt-2">About</h3> 280 </div> 281 <div class="col-4"> 282 <div class="dropdown"> 283 <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> 284 More Info 285 </button> 286 <div class="eaiSubNav dropdown-menu" style="min-width:20rem;" aria-labelledby="dropdownMenuButton1"> 287 <!-- 1st level --> 288 <!-- 1st level --> 289<ul> 290 <li> 291 <div class="menuContainer"> 292 <div class="menuText"> 293 <a href="/webpages/27">Mission & Activities</a> </div> 294 </div> 295 296 <!-- 2nd level --> 297 <ul style="display:none"> 298 </ul> 299 </li> 300 <li> 301 <div class="menuContainer"> 302 <div class="menuText"> 303 <a href="/webpages/28">History</a> </div> 304 </div> 305 306 <!-- 2nd level --> 307 <ul style="display:none"> 308 </ul> 309 </li> 310 <li> 311 <div class="menuContainer"> 312 <!-- <div class="menuOpener">-</div> --> 313 <div class="menuText"> 314 <a href="contact-faq">Contact</a> <span class="menuOpener">-</span> </div> 315 </div> 316 317 <!-- 2nd level --> 318 <ul style="display:block"> 319 <li> 320 <div class="menuContainer"> 321 <div class="menuText"> 322 <a href="/webpages/71">Contact Information</a> </div> 323 </div> 324 325 <!-- 3rd level --> 326 <ul style="display:none"> 327 328 </ul> 329 </li> 330 <li> 331 <div class="menuContainer"> 332 <div class="menuText"> 333 <a href="/webpages/30">Staff</a> </div> 334 </div> 335 336 <!-- 3rd level --> 337 <ul style="display:none"> 338 339 </ul> 340 </li> 341 <li> 342 <div class="menuContainer"> 343 <div class="menuText active"> 344 <a href="cart-email-sign-up">Email/Mailing Sign Up</a> </div> 345 </div> 346 347 <!-- 3rd level --> 348 <ul style="display:none"> 349 350 </ul> 351 </li> 352 </ul> 353 </li> 354 <li> 355 <div class="menuContainer"> 356 <div class="menuText"> 357 <a href="/webpages/31">Board & Funders</a> </div> 358 </div> 359 360 <!-- 2nd level --> 361 <ul style="display:none"> 362 </ul> 363 </li> 364 <li> 365 <div class="menuContainer"> 366 <div class="menuText"> 367 <a href="opportunities">Opportunities</a> </div> 368 </div> 369 370 <!-- 2nd level --> 371 <ul style="display:none"> 372 </ul> 373 </li> 374 <li> 375 <div class="menuContainer"> 376 <div class="menuText"> 377 <a href="/webpages/72">About eai.org</a> </div> 378 </div> 379 380 <!-- 2nd level --> 381 <ul style="display:none"> 382 </ul> 383 </li> 384 </ul> </div> 385 </div> 386 </div> 387 </div> 388 </div> 389 390 <div class="d-none d-lg-block"> 391 <h4 class="pt-2">About</h4> 392 <div class="eaiSubNav"> 393 <!-- 1st level --> 394 <!-- 1st level --> 395<ul> 396 <li> 397 <div class="menuContainer"> 398 <div class="menuText"> 399 <a href="/webpages/27">Mission & Activities</a> </div> 400 </div> 401 402 <!-- 2nd level --> 403 <ul style="display:none"> 404 </ul> 405 </li> 406 <li> 407 <div class="menuContainer"> 408 <div class="menuText"> 409 <a href="/webpages/28">History</a> </div> 410 </div> 411 412 <!-- 2nd level --> 413 <ul style="display:none"> 414 </ul> 415 </li> 416 <li> 417 <div class="menuContainer"> 418 <!-- <div class="menuOpener">-</div> --> 419 <div class="menuText"> 420 <a href="contact-faq">Contact</a> <span class="menuOpener">-</span> </div> 421 </div> 422 423 <!-- 2nd level --> 424 <ul style="display:block"> 425 <li> 426 <div class="menuContainer"> 427 <div class="menuText"> 428 <a href="/webpages/71">Contact Information</a> </div> 429 </div> 430 431 <!-- 3rd level --> 432 <ul style="display:none"> 433 434 </ul> 435 </li> 436 <li> 437 <div class="menuContainer"> 438 <div class="menuText"> 439 <a href="/webpages/30">Staff</a> </div> 440 </div> 441 442 <!-- 3rd level --> 443 <ul style="display:none"> 444 445 </ul> 446 </li> 447 <li> 448 <div class="menuContainer"> 449 <div class="menuText active"> 450 <a href="cart-email-sign-up">Email/Mailing Sign Up</a> </div> 451 </div> 452 453 <!-- 3rd level --> 454 <ul style="display:none"> 455 456 </ul> 457 </li> 458 </ul> 459 </li> 460 <li> 461 <div class="menuContainer"> 462 <div class="menuText"> 463 <a href="/webpages/31">Board & Funders</a> </div>
464 </div> 465 466 <!-- 2nd level --> 467 <ul style="display:none"> 468 </ul> 469 </li> 470 <li> 471 <div class="menuContainer"> 472 <div class="menuText"> 473 <a href="opportunities">Opportunities</a> </div> 474 </div> 475 476 <!-- 2nd level --> 477 <ul style="display:none"> 478 </ul> 479 </li> 480 <li> 481 <div class="menuContainer"> 482 <div class="menuText"> 483 <a href="/webpages/72">About eai.org</a> </div> 484 </div> 485 486 <!-- 2nd level --> 487 <ul style="display:none"> 488 </ul> 489 </li> 490 </ul> </div> 491 </div> 492 493</div> 494 495 <div class="col-12 col-lg-9 ps-lg-4"> 496 <h2>Email/Mailing Sign Up</h2> 497 <p>Receive news of EAI's special events and public programs, including artists' talks, screenings, panels and exhibitions, alongside periodic updates on new artists and works in the EAI collection. </p> 498 499 500 <div class="py-4 border rounded bg-color "> 501 <div id="mc_embed_shell"> 502 <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css"> 503 <style type="text/css"> 504 #mc_embed_signup{background:#DFE0E1; clear:left; font:14px Helvetica,Arial,sans-serif; max-width: 600px;} 505 /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. 506 We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ 507 #mc_embed_signup { 508 background:#DFE0E1 !important; 509 } 510 #mc_embed_signup form { 511 margin-left: 0px !important; 512 } 513 #mc-embedded-subscribe { 514 color: #fff; 515 background-color: #6c757d !important; 516 border-color: #6c757d; 517 } 518 #mc-embedded-subscribe:hover { 519 background-color: #4c555d !important; 520 } 521</style> 522<div id="mc_embed_signup"> 523 <form action="https://eai.us18.list-manage.com/subscribe/post?u=597d3625fb057c438746393d6&id=1814aab483&f_id=0089a4e6f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank"> 524 <div id="mc_embed_signup_scroll"><h4 class="text-dark alt-font">Subscribe</h4> 525 <!-- <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> --> 526 <div class="mc-field-group"><label for="mce-EMAIL">Email Address <!--<span class="asterisk">*</span>--></label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div> 527 <div id="mce-responses" class="clear"> 528 <div class="response" id="mce-error-response" style="display: none;"></div> 529 <div class="response" id="mce-success-response" style="display: none;"></div> 530 </div><div aria-hidden="true" style="position: absolute; left: -5000px;"><input type="text" name="b_597d3625fb057c438746393d6_1814aab483" tabindex="-1" value=""></div><div class="clear"><input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe"></div> 531 </div> 532</form> 533</div>
534<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
534<script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[6]='MMERGE6';ftypes[6]='text';fnames[7]='MMERGE7';ftypes[7]='text';fnames[8]='MMERGE8';ftypes[8]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
534</div> 535 </div> 536 537 538 539 540 </div> 541</div> 542 </div> 543 544 <div class="container footer mt-4"> 545 <div class="row my-2"> 546 <div class="col-12 text-end"> 547 <ul class="list-group list-group-horizontal justify-content-end float-end me-1"> 548 <li class="list-group-item border-0 px-1 py-0 bg-transparent"> 549 <a href="https://www.instagram.com/electronicartsintermix/" target="_new"><img src="images/social/social-instagram.svg" alt="Instagram" width="40" height="40"/></a></li> 550 <li class="list-group-item border-0 px-1 py-0 bg-transparent"> 551 <a href="https://vimeo.com/electronicartsintermix" target="_new"><img src="images/social/social-vimeo.svg" alt="Vimeo" width="40" height="40"/></a></li> 552 <!-- <li class="list-group-item border-0 px-1 py-0 bg-transparent"><a href="http://twitter.com/eai_org" target="_new"><img class="rounded" src="images/social/social-twitter.png" alt="Twitter" width="21" height="21"/></a></li> --> 553 <!-- <li class="list-group-item border-0 px-1 py-0 bg-transparent"><a href="http://www.facebook.com/pages/Electronic-Arts-Intermix-EAI/69797591849?ref=nf"><img src="images/social/social-facebook.svg" alt="Facebook" width="22" height="22" /></a></li> --> 554 </ul> 555 </div> 556 </div> 557 <div class="row my-2"> 558 <div class="col-12 col-md-8 copyright alt-font"> 559 560 <span class="d-block d-xl-inline text-end text-md-start">Electronic Arts Intermix</span> 561 <span class="ps-xl-3 d-block d-xl-inline text-end text-md-start">264 Canal Street, 3W New York City 10013</span> 562 <span class="ps-xl-3 d-block d-xl-inline text-end text-md-start">(212) 337 0680</span> 563 <a class="ps-xl-3 d-block d-xl-inline text-end text-md-start" href="/cart-email-sign-up">Mailing List</a> 564 </div> 565 566 567 <div class="col-12 col-md-4 text-end "> 568 <div class="copyright alt-font"> 569 570 571 <!-- ${pageContext.request.userPrincipal.name} --> 572 ©1997 - 2026, Electronic Arts Intermix 573 </div> 574 </div> 575 </div> 576</div> 577 </div> 578 579 580
580<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
580 581 <!--
581<script>(function(d){var s = d.createElement("script");s.setAttribute("data-account", "peR8gWtURf");s.setAttribute("src", "https://cdn.userway.org/widget.js");(d.body || d.head).appendChild(s);})(document)</script>
581<noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript> --> 582</body> 583 584</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.