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: Mission & Activities</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 228 <div class="row"> 229 <!-- <div class="col-12 col-lg-3"> --> 230
230<script type="text/javascript"> 231 232 $(document).ready(function() { 233 234 //$('.menuText.active').parents('.eaiSubNav ul').css('display','block'); 235 236 $('.eaiSubNav li a').click(function() { 237 window.location = $(this).attr("href"); 238 return false; 239 }); 240 241 // $('.eaiSubNav li div.menuText').click(function() { 242 // if ($(this).find('a').attr('href')!=undefined) { 243 // //alert($(this).find('a').attr('href')); 244 // location.href=$(this).find('a').attr('href'); 245 // return false; 246 // } 247 // else { 248 // return true; 249 // } 250 // }); 251 252 $('.eaiSubNav li').click(function() { 253 $(this).find('> ul').toggle('fast'); 254 var text = $(this).find('> div .menuOpener').text(); 255 if (text=='+') 256 $(this).find('> div .menuOpener').text('-'); 257 else 258 $(this).find('> div .menuOpener').text('+'); 259 260 return false; 261 }); 262 263 $(".eaiSubNav div.menuText, .eaiSubNav .menuOpener, .eaiSubNav div.menuLabel").hover( 264 function () { 265 $(this).addClass("eaiSubNavHover"); 266 }, 267 function () { 268 $(this).removeClass("eaiSubNavHover"); 269 } 270 ); 271 }); 272 273 </script>
273 274<div class="col-12 col-lg-3"> 275 276 <div class="dropdown d-block d-lg-none ms-0 ps-0 mb-3 "> 277 278 <div class="row"> 279 <div class="col-8"> 280 <h3 class="mt-2">Home Page</h3> 281 </div> 282 <div class="col-4"> 283 <div class="dropdown"> 284 <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> 285 More Info 286 </button> 287 <div class="eaiSubNav dropdown-menu" style="min-width:20rem;" aria-labelledby="dropdownMenuButton1"> 288 <!-- 1st level --> 289 <!-- 1st level --> 290<ul> 291 <li> 292 <div class="menuContainer"> 293 <!-- <div class="menuOpener">-</div> --> 294 <div class="menuText"> 295 <a href="about-eai-faq">About</a> <span class="menuOpener">-</span> </div> 296 </div> 297 298 <!-- 2nd level --> 299 <ul style="display:block"> 300 <li> 301 <div class="menuContainer"> 302 <div class="menuText active"> 303 <a href="/webpages/27">Mission & Activities</a> </div> 304 </div> 305 306 <!-- 3rd level --> 307 <ul style="display:none"> 308 309 </ul> 310 </li> 311 <li> 312 <div class="menuContainer"> 313 <div class="menuText"> 314 <a href="/webpages/28">History</a> </div> 315 </div> 316 317 <!-- 3rd level --> 318 <ul style="display:none"> 319 320 </ul> 321 </li> 322 <li> 323 <div class="menuContainer"> 324 <!-- <div class="menuOpener">+</div> --> 325 <div class="menuText"> 326 <a href="contact-faq">Contact</a> <span class="menuOpener">+</span> </div> 327 </div> 328 329 <!-- 3rd level --> 330 <ul style="display:none"> 331 332 <li> 333 <div class="menuContainer"> 334 <div class="menuText"> 335 <a href="/webpages/71">Contact Information</a> 336 </div> 337 </div> 338 339 <!-- 4th level --> 340 <ul style="display:none"> 341 </ul> 342 </li> 343 <li> 344 <div class="menuContainer"> 345 <div class="menuText"> 346 <a href="/webpages/30">Staff</a> 347 </div> 348 </div> 349 350 <!-- 4th level --> 351 <ul style="display:none"> 352 </ul> 353 </li> 354 <li> 355 <div class="menuContainer"> 356 <div class="menuText"> 357 <a href="cart-email-sign-up">Email/Mailing Sign Up</a> 358 </div> 359 </div> 360 361 <!-- 4th level --> 362 <ul style="display:none"> 363 </ul> 364 </li> 365 </ul> 366 </li> 367 <li> 368 <div class="menuContainer"> 369 <div class="menuText"> 370 <a href="/webpages/31">Board & Funders</a> </div> 371 </div> 372 373 <!-- 3rd level --> 374 <ul style="display:none"> 375 376 </ul> 377 </li> 378 <li> 379 <div class="menuContainer"> 380 <div class="menuText"> 381 <a href="opportunities">Opportunities</a> </div> 382 </div> 383 384 <!-- 3rd level --> 385 <ul style="display:none"> 386 387 </ul> 388 </li> 389 <li> 390 <div class="menuContainer"> 391 <div class="menuText"> 392 <a href="/webpages/72">About eai.org</a> </div> 393 </div> 394 395 <!-- 3rd level --> 396 <ul style="display:none"> 397 398 </ul> 399 </li> 400 </ul> 401 </li> 402 <li> 403 <div class="menuContainer"> 404 <!-- <div class="menuOpener">+</div> --> 405 <div class="menuText"> 406 <a href="artists">Artists</a> <span class="menuOpener">+</span> </div> 407 </div> 408 409 <!-- 2nd level --> 410 <ul style="display:none"> 411 <li> 412 <div class="menuContainer"> 413 <div class="menuText"> 414 <a href="artists-main">Artist Catalogue</a> </div> 415 </div> 416 417 <!-- 3rd level --> 418 <ul style="display:none"> 419 420 </ul> 421 </li> 422 <li> 423 <div class="menuContainer"> 424 <div class="menuText"> 425 <a href="title-search">Title Search</a> </div> 426 </div> 427 428 <!-- 3rd level --> 429 <ul style="display:none"> 430 431 </ul> 432 </li> 433 <li> 434 <div class="menuContainer"> 435 <div class="menuText"> 436 <a href="new-artists">New Artists</a> </div> 437 </div> 438 439 <!-- 3rd level --> 440 <ul style="display:none"> 441 442 </ul> 443 </li> 444 <li> 445 <div class="menuContainer"> 446 <div class="menuText"> 447 <a href="themes">Themes, Special Collections & Series</a> </div> 448 </div> 449 450 <!-- 3rd level --> 451 <ul style="display:none"> 452 453 </ul> 454 </li> 455 </ul> 456 </li> 457 <li> 458 <div class="menuContainer"> 459 <!-- <div class="menuOpener">+</div> --> 460 <div class="menuText"> 461 <a href="services-faq">Distribution</a> <span class="menuOpener">+</span> </div>
462 </div> 463 464 <!-- 2nd level --> 465 <ul style="display:none"> 466 <li> 467 <div class="menuContainer"> 468 <div class="menuText"> 469 <a href="overview">Overview</a> </div> 470 </div> 471 472 <!-- 3rd level --> 473 <ul style="display:none"> 474 475 </ul> 476 </li> 477 <li> 478 <div class="menuContainer"> 479 <!-- <div class="menuOpener">+</div> --> 480 <div class="menuText"> 481 <a href="ordering-info">Ordering Information</a> <span class="menuOpener">+</span> </div> 482 </div> 483 484 <!-- 3rd level --> 485 <ul style="display:none"> 486 487 <li> 488 <div class="menuContainer"> 489 <div class="menuText"> 490 <a href="exhibition-orders">Exhibitions and Screenings</a> 491 </div> 492 </div> 493 494 <!-- 4th level --> 495 <ul style="display:none"> 496 </ul> 497 </li> 498 <li> 499 <div class="menuContainer"> 500 <div class="menuText"> 501 <a href="educational-orders">Educational Orders</a> 502 </div> 503 </div> 504 505 <!-- 4th level --> 506 <ul style="display:none"> 507 </ul> 508 </li> 509 </ul> 510 </li> 511 <li> 512 <div class="menuContainer"> 513 <!-- <div class="menuOpener">+</div> --> 514 <div class="menuText"> 515 <a href="policies-faq">Policies</a> <span class="menuOpener">+</span> </div> 516 </div> 517 518 <!-- 3rd level --> 519 <ul style="display:none"> 520 521 <li> 522 <div class="menuContainer"> 523 <div class="menuText"> 524 <a href="accessibility">Accessibility</a> 525 </div> 526 </div> 527 528 <!-- 4th level --> 529 <ul style="display:none"> 530 </ul> 531 </li> 532 <li> 533 <div class="menuContainer"> 534 <div class="menuText"> 535 <a href="fees">Fees</a> 536 </div> 537 </div> 538 539 <!-- 4th level --> 540 <ul style="display:none"> 541 </ul> 542 </li> 543 <li> 544 <div class="menuContainer"> 545 <div class="menuText"> 546 <a href="timelines">Order Timelines</a> 547 </div> 548 </div> 549 550 <!-- 4th level --> 551 <ul style="display:none"> 552 </ul> 553 </li> 554 <li> 555 <div class="menuContainer"> 556 <div class="menuText"> 557 <a href="submissions">Submissions</a> 558 </div> 559 </div> 560 561 <!-- 4th level --> 562 <ul style="display:none"> 563 </ul> 564 </li> 565 </ul> 566 </li> 567 <li> 568 <div class="menuContainer"> 569 <div class="menuText"> 570 <a href="image-and-clip-requests">Image & Clip Requests</a> </div> 571 </div> 572 573 <!-- 3rd level --> 574 <ul style="display:none"> 575 576 </ul> 577 </li> 578 </ul> 579 </li> 580 <li> 581 <div class="menuContainer"> 582 <!-- <div class="menuOpener">+</div> --> 583 <div class="menuText"> 584 <a href="preservation">Preservation</a> <span class="menuOpener">+</span> </div> 585 </div> 586 587 <!-- 2nd level --> 588 <ul style="display:none"> 589 <li> 590 <div class="menuContainer"> 591 <div class="menuText"> 592 <a href="/webpages/41">Introduction</a> </div> 593 </div> 594 595 <!-- 3rd level --> 596 <ul style="display:none"> 597 598 </ul> 599 </li> 600 <li> 601 <div class="menuContainer"> 602 <div class="menuText"> 603 <a href="/webpages/45">Technical Facility</a> </div> 604 </div> 605 606 <!-- 3rd level --> 607 <ul style="display:none"> 608 609 </ul> 610 </li> 611 <li> 612 <div class="menuContainer"> 613 <div class="menuText"> 614 <a href="/webpages/79">
614High-Definition Video Guide</a> </div> 615 </div> 616 617 <!-- 3rd level --> 618 <ul style="display:none"> 619 620 </ul> 621 </li> 622 </ul> 623 </li> 624 <li> 625 <div class="menuContainer"> 626 <!-- <div class="menuOpener">+</div> --> 627 <div class="menuText"> 628 <a href="education">Electronic Arts Intermix (EAI): Education Home</a> <span class="menuOpener">+</span> </div> 629 </div> 630 631 <!-- 2nd level --> 632 <ul style="display:none"> 633 <li> 634 <div class="menuContainer"> 635 <div class="menuText"> 636 <a href="ess">Educational Streaming Service</a> </div> 637 </div> 638 639 <!-- 3rd level --> 640 <ul style="display:none"> 641 642 </ul> 643 </li> 644 <li> 645 <div class="menuContainer"> 646 <!-- <div class="menuOpener">+</div> --> 647 <div class="menuText"> 648 <a href="educator-resources">Educator Resources</a> <span class="menuOpener">+</span> </div> 649 </div> 650 651 <!-- 3rd level --> 652 <ul style="display:none"> 653 654 <li> 655 <div class="menuContainer"> 656 <div class="menuText"> 657 <a href="syllabi-1">Syllabi</a> 658 </div> 659 </div> 660 661 <!-- 4th level --> 662 <ul style="display:none"> 663 </ul> 664 </li> 665 <li> 666 <div class="menuContainer"> 667 <div class="menuText"> 668 <a href="ess-terms-of-use">Terms of Use</a> 669 </div> 670 </div> 671 672 <!-- 4th level --> 673 <ul style="display:none"> 674 </ul> 675 </li> 676 </ul> 677 </li> 678 </ul> 679 </li> 680 <li> 681 <div class="menuContainer"> 682 <!-- <div class="menuOpener">+</div> --> 683 <div class="menuText"> 684 <a href="current-programs">Events</a> <span class="menuOpener">+</span> </div> 685 </div> 686 687 <!-- 2nd level --> 688 <ul style="display:none"> 689 <li> 690 <div class="menuContainer"> 691 <div class="menuText"> 692 <a href="current-programs">Current & Upcoming Events</a> </div> 693 </div> 694 695 <!-- 3rd level --> 696 <ul style="display:none"> 697 698 </ul> 699 </li> 700 <li> 701 <div class="menuContainer"> 702 <div class="menuText"> 703 <a href="past-programs">Past Events</a> </div> 704 </div> 705 706 <!-- 3rd level --> 707 <ul style="display:none"> 708 709 </ul> 710 </li> 711 </ul> 712 </li> 713 <li> 714 <div class="menuContainer"> 715 <!-- <div class="menuOpener">+</div> --> 716 <div class="menuText"> 717 <a href="projects">Projects</a> <span class="menuOpener">+</span> </div> 718 </div> 719 720 <!-- 2nd level --> 721 <ul style="display:none"> 722 <li> 723 <div class="menuContainer"> 724 <!-- <div class="menuOpener">+</div> --> 725 <div class="menuText"> 726 <a href="opencircuits">Open Circuits Revisited</a> <span class="menuOpener">+</span> </div> 727 </div> 728 729 <!-- 3rd level --> 730 <ul style="display:none"> 731 732 <li> 733 <div class="menuContainer"> 734 <div class="menuText"> 735 <a href="/webpages/1322">Public Events Schedule</a> 736 </div> 737 </div> 738 739 <!-- 4th level --> 740 <ul style="display:none"> 741 </ul> 742 </li> 743 </ul> 744 </li> 745 <li> 746 <div class="menuContainer"> 747 <div class="menuText"> 748 <a href="/webpages/1321">The New Television: Video After Television</a> </div> 749 </div> 750 751 <!-- 3rd level --> 752 <ul style="display:none"> 753 754 </ul> 755 </li> 756 <li> 757 <div class="menuContainer"> 758 <div class="menuText"> 759 <a href="/webpages/21">A Kinetic History</a> </div> 760 </div> 761 762 <!-- 3rd level --> 763 <ul style="display:none"> 764 765 </ul> 766 </li> 767 <li> 768 <div class="menuContainer"> 769 <div class="menuText"> 770 <a href="prepackaged">Published Items</a> </div> 771 </div> 772 773 <!-- 3rd level --> 774 <ul style="display:none"> 775 776 </ul> 777 </li> 778 <li> 779 <div class="menuContainer"> 780 <div class="menuText"> 781 <a href="/webpages/22">Resource Guide</a> </div> 782 </div> 783 784 <!-- 3rd level --> 785 <ul style="display:none"> 786 787 </ul> 788 </li> 789 </ul> 790 </li> 791 </ul> </div>
792 </div> 793 </div> 794 </div> 795 </div> 796 797 <div class="d-none d-lg-block"> 798 <h4 class="pt-2">Home Page</h4> 799 <div class="eaiSubNav"> 800 <!-- 1st level --> 801 <!-- 1st level --> 802<ul> 803 <li> 804 <div class="menuContainer"> 805 <!-- <div class="menuOpener">-</div> --> 806 <div class="menuText"> 807 <a href="about-eai-faq">About</a> <span class="menuOpener">-</span> </div> 808 </div> 809 810 <!-- 2nd level --> 811 <ul style="display:block"> 812 <li> 813 <div class="menuContainer"> 814 <div class="menuText active"> 815 <a href="/webpages/27">Mission & Activities</a> </div> 816 </div> 817 818 <!-- 3rd level --> 819 <ul style="display:none"> 820 821 </ul> 822 </li> 823 <li> 824 <div class="menuContainer"> 825 <div class="menuText"> 826 <a href="/webpages/28">History</a> </div> 827 </div> 828 829 <!-- 3rd level --> 830 <ul style="display:none"> 831 832 </ul> 833 </li> 834 <li> 835 <div class="menuContainer"> 836 <!-- <div class="menuOpener">+</div> --> 837 <div class="menuText"> 838 <a href="contact-faq">Contact</a> <span class="menuOpener">+</span> </div> 839 </div> 840 841 <!-- 3rd level --> 842 <ul style="display:none"> 843 844 <li> 845 <div class="menuContainer"> 846 <div class="menuText"> 847 <a href="/webpages/71">Contact Information</a> 848 </div> 849 </div> 850 851 <!-- 4th level --> 852 <ul style="display:none"> 853 </ul> 854 </li> 855 <li> 856 <div class="menuContainer"> 857 <div class="menuText"> 858 <a href="/webpages/30">Staff</a> 859 </div> 860 </div> 861 862 <!-- 4th level --> 863 <ul style="display:none"> 864 </ul> 865 </li> 866 <li> 867 <div class="menuContainer"> 868 <div class="menuText"> 869 <a href="cart-email-sign-up">Email/Mailing Sign Up</a> 870 </div> 871 </div> 872 873 <!-- 4th level --> 874 <ul style="display:none"> 875 </ul> 876 </li> 877 </ul> 878 </li> 879 <li> 880 <div class="menuContainer"> 881 <div class="menuText"> 882 <a href="/webpages/31">Board & Funders</a> </div> 883 </div> 884 885 <!-- 3rd level --> 886 <ul style="display:none"> 887 888 </ul> 889 </li> 890 <li> 891 <div class="menuContainer"> 892 <div class="menuText"> 893 <a href="opportunities">Opportunities</a> </div> 894 </div> 895 896 <!-- 3rd level --> 897 <ul style="display:none"> 898 899 </ul> 900 </li> 901 <li> 902 <div class="menuContainer"> 903 <div class="menuText"> 904 <a href="/webpages/72">About eai.org</a> </div> 905 </div> 906 907 <!-- 3rd level --> 908 <ul style="display:none"> 909 910 </ul> 911 </li> 912 </ul> 913 </li> 914 <li> 915 <div class="menuContainer"> 916 <!-- <div class="menuOpener">+</div> --> 917 <div class="menuText"> 918 <a href="artists">Artists</a> <span class="menuOpener">+</span> </div> 919 </div> 920 921 <!-- 2nd level --> 922 <ul style="display:none"> 923 <li> 924 <div class="menuContainer"> 925 <div class="menuText"> 926 <a href="artists-main">Artist Catalogue</a> </div> 927 </div> 928 929 <!-- 3rd level --> 930 <ul style="display:none"> 931 932 </ul> 933 </li> 934 <li> 935 <div class="menuContainer"> 936 <div class="menuText"> 937 <a href="title-search">Title Search</a> </div> 938 </div> 939 940 <!-- 3rd level --> 941 <ul style="display:none"> 942 943 </ul> 944 </li> 945 <li> 946 <div class="menuContainer"> 947 <div class="menuText"> 948 <a href="new-artists">New Artists</a> </div> 949 </div> 950 951 <!-- 3rd level --> 952 <ul style="display:none"> 953 954 </ul> 955 </li> 956 <li> 957 <div class="menuContainer"> 958 <div class="menuText"> 959 <a href="themes">Themes, Special Collections & Series</a> </div> 960 </div> 961 962 <!-- 3rd level --> 963 <ul style="display:none"> 964 965 </ul> 966 </li> 967 </ul> 968 </li> 969 <li> 970 <div class="menuContainer"> 971 <!-- <div class="menuOpener">+</div> --> 972 <div class="menuText"> 973 <a href="services-faq">Distribution</a> <span class="menuOpener">+</span> </div>
974 </div> 975 976 <!-- 2nd level --> 977 <ul style="display:none"> 978 <li> 979 <div class="menuContainer"> 980 <div class="menuText"> 981 <a href="overview">Overview</a> </div> 982 </div> 983 984 <!-- 3rd level --> 985 <ul style="display:none"> 986 987 </ul> 988 </li> 989 <li> 990 <div class="menuContainer"> 991 <!-- <div class="menuOpener">+</div> --> 992 <div class="menuText"> 993 <a href="ordering-info">Ordering Information</a> <span class="menuOpener">+</span> </div> 994 </div> 995 996 <!-- 3rd level --> 997 <ul style="display:none"> 998 999 <li> 1000 <div class="menuContainer"> 1001 <div class="menuText"> 1002 <a href="exhibition-orders">Exhibitions and Screenings</a> 1003 </div> 1004 </div> 1005 1006 <!-- 4th level --> 1007 <ul style="display:none"> 1008 </ul> 1009 </li> 1010 <li> 1011 <div class="menuContainer"> 1012 <div class="menuText"> 1013 <a href="educational-orders">Educational Orders</a> 1014 </div> 1015 </div> 1016 1017 <!-- 4th level --> 1018 <ul style="display:none"> 1019 </ul> 1020 </li> 1021 </ul> 1022 </li> 1023 <li> 1024 <div class="menuContainer"> 1025 <!-- <div class="menuOpener">+</div> --> 1026 <div class="menuText"> 1027 <a href="policies-faq">Policies</a> <span class="menuOpener">+</span> </div> 1028 </div> 1029 1030 <!-- 3rd level --> 1031 <ul style="display:none"> 1032 1033 <li> 1034 <div class="menuContainer"> 1035 <div class="menuText"> 1036 <a href="accessibility">Accessibility</a> 1037 </div> 1038 </div> 1039 1040 <!-- 4th level --> 1041 <ul style="display:none"> 1042 </ul> 1043 </li> 1044 <li> 1045 <div class="menuContainer"> 1046 <div class="menuText"> 1047 <a href="fees">Fees</a> 1048 </div> 1049 </div> 1050 1051 <!-- 4th level --> 1052 <ul style="display:none"> 1053 </ul> 1054 </li> 1055 <li> 1056 <div class="menuContainer"> 1057 <div class="menuText"> 1058 <a href="timelines">Order Timelines</a> 1059 </div> 1060 </div> 1061 1062 <!-- 4th level --> 1063 <ul style="display:none"> 1064 </ul> 1065 </li> 1066 <li> 1067 <div class="menuContainer"> 1068 <div class="menuText"> 1069 <a href="submissions">Submissions</a> 1070 </div> 1071 </div> 1072 1073 <!-- 4th level --> 1074 <ul style="display:none"> 1075 </ul> 1076 </li> 1077 </ul> 1078 </li> 1079 <li> 1080 <div class="menuContainer"> 1081 <div class="menuText"> 1082 <a href="image-and-clip-requests">Image & Clip Requests</a> </div> 1083 </div> 1084 1085 <!-- 3rd level --> 1086 <ul style="display:none"> 1087 1088 </ul> 1089 </li> 1090 </ul> 1091 </li> 1092 <li> 1093 <div class="menuContainer"> 1094 <!-- <div class="menuOpener">+</div> --> 1095 <div class="menuText"> 1096 <a href="preservation">Preservation</a> <span class="menuOpener">+</span> </div> 1097 </div> 1098 1099 <!-- 2nd level --> 1100 <ul style="display:none"> 1101 <li> 1102 <div class="menuContainer"> 1103 <div class="menuText"> 1104 <a href="/webpages/41">Introduction</a> </div> 1105 </div> 1106 1107 <!-- 3rd level --> 1108 <ul style="display:none"> 1109 1110 </ul> 1111 </li> 1112 <li> 1113 <div class="menuContainer"> 1114 <div class="menuText"> 1115 <a href="/webpages/45">Technical Facility</a> </div> 1116 </div> 1117 1118 <!-- 3rd level --> 1119 <ul style="display:none"> 1120 1121 </ul> 1122 </li> 1123 <li> 1124 <div class="menuContainer"> 1125 <div class="menuText"> 1126 <a href="/webpages/79">
1126High-Definition Video Guide</a> </div> 1127 </div> 1128 1129 <!-- 3rd level --> 1130 <ul style="display:none"> 1131 1132 </ul> 1133 </li> 1134 </ul> 1135 </li> 1136 <li> 1137 <div class="menuContainer"> 1138 <!-- <div class="menuOpener">+</div> --> 1139 <div class="menuText"> 1140 <a href="education">Electronic Arts Intermix (EAI): Education Home</a> <span class="menuOpener">+</span> </div> 1141 </div> 1142 1143 <!-- 2nd level --> 1144 <ul style="display:none"> 1145 <li> 1146 <div class="menuContainer"> 1147 <div class="menuText"> 1148 <a href="ess">Educational Streaming Service</a> </div> 1149 </div> 1150 1151 <!-- 3rd level --> 1152 <ul style="display:none"> 1153 1154 </ul> 1155 </li> 1156 <li> 1157 <div class="menuContainer"> 1158 <!-- <div class="menuOpener">+</div> --> 1159 <div class="menuText"> 1160 <a href="educator-resources">Educator Resources</a> <span class="menuOpener">+</span> </div> 1161 </div> 1162 1163 <!-- 3rd level --> 1164 <ul style="display:none"> 1165 1166 <li> 1167 <div class="menuContainer"> 1168 <div class="menuText"> 1169 <a href="syllabi-1">Syllabi</a> 1170 </div> 1171 </div> 1172 1173 <!-- 4th level --> 1174 <ul style="display:none"> 1175 </ul> 1176 </li> 1177 <li> 1178 <div class="menuContainer"> 1179 <div class="menuText"> 1180 <a href="ess-terms-of-use">Terms of Use</a> 1181 </div> 1182 </div> 1183 1184 <!-- 4th level --> 1185 <ul style="display:none"> 1186 </ul> 1187 </li> 1188 </ul> 1189 </li> 1190 </ul> 1191 </li> 1192 <li> 1193 <div class="menuContainer"> 1194 <!-- <div class="menuOpener">+</div> --> 1195 <div class="menuText"> 1196 <a href="current-programs">Events</a> <span class="menuOpener">+</span> </div> 1197 </div> 1198 1199 <!-- 2nd level --> 1200 <ul style="display:none"> 1201 <li> 1202 <div class="menuContainer"> 1203 <div class="menuText"> 1204 <a href="current-programs">Current & Upcoming Events</a> </div> 1205 </div> 1206 1207 <!-- 3rd level --> 1208 <ul style="display:none"> 1209 1210 </ul> 1211 </li> 1212 <li> 1213 <div class="menuContainer"> 1214 <div class="menuText"> 1215 <a href="past-programs">Past Events</a> </div> 1216 </div> 1217 1218 <!-- 3rd level --> 1219 <ul style="display:none"> 1220 1221 </ul> 1222 </li> 1223 </ul> 1224 </li> 1225 <li> 1226 <div class="menuContainer"> 1227 <!-- <div class="menuOpener">+</div> --> 1228 <div class="menuText"> 1229 <a href="projects">Projects</a> <span class="menuOpener">+</span> </div> 1230 </div> 1231 1232 <!-- 2nd level --> 1233 <ul style="display:none"> 1234 <li> 1235 <div class="menuContainer"> 1236 <!-- <div class="menuOpener">+</div> --> 1237 <div class="menuText"> 1238 <a href="opencircuits">Open Circuits Revisited</a> <span class="menuOpener">+</span> </div> 1239 </div> 1240 1241 <!-- 3rd level --> 1242 <ul style="display:none"> 1243 1244 <li> 1245 <div class="menuContainer"> 1246 <div class="menuText"> 1247 <a href="/webpages/1322">Public Events Schedule</a> 1248 </div> 1249 </div> 1250 1251 <!-- 4th level --> 1252 <ul style="display:none"> 1253 </ul> 1254 </li> 1255 </ul> 1256 </li> 1257 <li> 1258 <div class="menuContainer"> 1259 <div class="menuText"> 1260 <a href="/webpages/1321">The New Television: Video After Television</a> </div> 1261 </div> 1262 1263 <!-- 3rd level --> 1264 <ul style="display:none"> 1265 1266 </ul> 1267 </li> 1268 <li> 1269 <div class="menuContainer"> 1270 <div class="menuText"> 1271 <a href="/webpages/21">A Kinetic History</a> </div> 1272 </div> 1273 1274 <!-- 3rd level --> 1275 <ul style="display:none"> 1276 1277 </ul> 1278 </li> 1279 <li> 1280 <div class="menuContainer"> 1281 <div class="menuText"> 1282 <a href="prepackaged">Published Items</a> </div> 1283 </div> 1284 1285 <!-- 3rd level --> 1286 <ul style="display:none"> 1287 1288 </ul> 1289 </li> 1290 <li> 1291 <div class="menuContainer"> 1292 <div class="menuText"> 1293 <a href="/webpages/22">Resource Guide</a> </div> 1294 </div> 1295 1296 <!-- 3rd level --> 1297 <ul style="display:none"> 1298 1299 </ul> 1300 </li> 1301 </ul> 1302 </li> 1303 </ul> </div> 1304 </div> 1305 1306</div> <!-- </div> --> 1307 1308 <div class="col-12 col-lg-9 ps-lg-4"> 1309 <h2 class="">Mission & Activities</h2> 1310 <p>Founded in 1971, EAI is a nonprofit resource that fosters the creation, exhibition, distribution and preservation of media art. EAI's core program is the distribution and preservation of a major <
1310a href="/artists-main">collection</a> of over 5,000 new and historical video works by artists, supported by public programming, preservation, education, and publication initiatives. EAI works closely with educators, curators, programmers and collectors to facilitate exhibitions, acquisitions and educational uses of media artworks. 1311<br><br> 1312The EAI collection spans the mid-1960s to the present and is recognized as one of the most comprehensive video art collections in the world. The works in the collection range from seminal analog videos by pathbreaking artists such as Joan Jonas, Nam June Paik, Ulysses Jenkins, Martha Rosler and Dan Graham, to new digital videos from younger generation artists including Shana Moulton, Cory Arcangel, Sondra Perry, Jacolby Satterwhite, and Maggie Lee. EAI's <a href="/webpages/37">Artists Media Distribution Service</a> makes the collection available for screenings, exhibitions, and acquisitions to museums, collectors, and educational, arts, and cultural institutions around the world. EAI provides audiences with access to media art, with a parallel commitment to the stewardship and preservation of our collection. EAI also provides an art historical and cultural framework for the collection through extensive online resources, educational initiatives, and <a href="/current-programs">Public Programs</a>. 1313<br></p><p>Accessibility is central to EAIâs founding mission, a cornerstone of the organization that we are committed to demonstrating in the content and form of our activities. All public programs are free of charge, and frequently held both in-person and online. In 2021 EAI began an ongoing collaboration with NYU Center for Disability Studies to consider our founding principle of access through the lens of disability justice, introducing programming and institutional best practices addressing the goal of accessibility as a sustainable and ongoing practice. 1314<br></p><p>EAI offers many educational resources in addition to its in-person programs and distribution activities. The EAI Online Catalogue is a comprehensive web resource on the artists and works in the EAI collection, featuring a searchable database and extensive research materials. The <a href="/webpages/22">EAI Online Resource Guide for Exhibiting, Collecting & Preserving Media Art</a> addresses key issues relating to single-channel video, computer-based art, and media art installations, including best practices, equipment and technical guidelines, case studies, and interviews with media art experts, among other materials. <a href="/webpages/21">A Kinetic History: The EAI Archives Online</a> provides access to rare materials from EAI's historical archives on the emergent video art movement. 1315<br><br> 1316EAI hosts a library of monographs, artistâs books, reference texts, catalogs, and artist ephemera and press materials at our office, available for students and researchers by appointment. EAI's <a href="/webpages/41">Preservation Program</a> is a pioneering initiative for the conservation and cataloging of works in the media art collection. Over the past decades we have restored many important early video works that would otherwise not be accessible. <br><br> 1317EAI is a member of the <a href="https://www.eai.org/user_files/supporting_documents/CoSA%20NYC_Final%20.pdf" target="_blank">Coalition of Small Arts NYC (CoSA NYC).</a> EAI has been <a href="https://wageforwork.com/">W.A.G.E.</a> (Working Artists and the Greater Economy) certified since 2022. 1318<br><br> 1319<a href='https://wageforwork.com/certification/certified-institutions#top' target='_blank'> 1320 <img src='https://wageforwork.com/api/certificate?institution=cliiz0n5z129190tqy1n2jy3o9' style='width: 80px' /> 1321</a></p> 1322 </div> 1323 1324 </div> 1325 </div> 1326 1327 <div class="container footer mt-4"> 1328 <div class="row my-2"> 1329 <div class="col-12 text-end"> 1330 <ul class="list-group list-group-horizontal justify-content-end float-end me-1"> 1331 <li class="list-group-item border-0 px-1 py-0 bg-transparent"> 1332 <a href="https://www.instagram.com/electronicartsintermix/" target="_new"><img src="images/social/social-instagram.svg" alt="Instagram" width="40" height="40"/></a></li> 1333 <li class="list-group-item border-0 px-1 py-0 bg-transparent"> 1334 <a href="https://vimeo.com/electronicartsintermix" target="_new"><img src="images/social/social-vimeo.svg" alt="Vimeo" width="40" height="40"/></a></li> 1335 <!-- <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> --> 1336 <!-- <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> --> 1337 </ul> 1338 </div> 1339 </div> 1340 <div class="row my-2"> 1341 <div class="col-12 col-md-8 copyright alt-font"> 1342
1343 <span class="d-block d-xl-inline text-end text-md-start">Electronic Arts Intermix</span> 1344 <span class="ps-xl-3 d-block d-xl-inline text-end text-md-start">264 Canal Street, 3W New York City 10013</span> 1345 <span class="ps-xl-3 d-block d-xl-inline text-end text-md-start">(212) 337 0680</span> 1346 <a class="ps-xl-3 d-block d-xl-inline text-end text-md-start" href="/cart-email-sign-up">Mailing List</a> 1347 </div> 1348 1349 1350 <div class="col-12 col-md-4 text-end "> 1351 <div class="copyright alt-font"> 1352 1353 1354 <!-- ${pageContext.request.userPrincipal.name} --> 1355 ©1997 - 2026, Electronic Arts Intermix 1356 </div> 1357 </div> 1358 </div> 1359</div> 1360 </div> 1361 1362 1363
1363<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>
1363 1364 <!--
1364<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>
1364<noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript> --> 1365</body> 1366 1367</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.