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: Title Search</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 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">Artists</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="menuText"> 294 <a href="artists-main">Artist Catalogue</a> </div> 295 </div> 296 297 <!-- 2nd level --> 298 <ul style="display:none"> 299 </ul> 300 </li> 301 <li> 302 <div class="menuContainer"> 303 <div class="menuText active"> 304 <a href="title-search">Title Search</a> </div> 305 </div> 306 307 <!-- 2nd level --> 308 <ul style="display:block"> 309 </ul> 310 </li> 311 <li> 312 <div class="menuContainer"> 313 <div class="menuText"> 314 <a href="new-artists">New Artists</a> </div> 315 </div> 316 317 <!-- 2nd level --> 318 <ul style="display:none"> 319 </ul> 320 </li> 321 <li> 322 <div class="menuContainer"> 323 <div class="menuText"> 324 <a href="themes">Themes, Special Collections & Series</a> </div> 325 </div> 326 327 <!-- 2nd level --> 328 <ul style="display:none"> 329 </ul> 330 </li> 331 </ul> </div> 332 </div> 333 </div> 334 </div> 335 </div> 336 337 <div class="d-none d-lg-block"> 338 <h4 class="pt-2">Artists</h4> 339 <div class="eaiSubNav"> 340 <!-- 1st level --> 341 <!-- 1st level --> 342<ul> 343 <li> 344 <div class="menuContainer"> 345 <div class="menuText"> 346 <a href="artists-main">Artist Catalogue</a> </div> 347 </div> 348 349 <!-- 2nd level --> 350 <ul style="display:none"> 351 </ul> 352 </li> 353 <li> 354 <div class="menuContainer"> 355 <div class="menuText active"> 356 <a href="title-search">Title Search</a> </div> 357 </div> 358 359 <!-- 2nd level --> 360 <ul style="display:block"> 361 </ul> 362 </li> 363 <li> 364 <div class="menuContainer"> 365 <div class="menuText"> 366 <a href="new-artists">New Artists</a> </div> 367 </div> 368 369 <!-- 2nd level --> 370 <ul style="display:none"> 371 </ul> 372 </li> 373 <li> 374 <div class="menuContainer"> 375 <div class="menuText"> 376 <a href="themes">Themes, Special Collections & Series</a> </div> 377 </div> 378 379 <!-- 2nd level --> 380 <ul style="display:none"> 381 </ul> 382 </li> 383 </ul> </div> 384 </div> 385 386</div> 387 <div class="col-12 col-lg-9 ps-lg-4"> 388 389 <h2>Title Search</h2> 390 <p></p> 391 392 <form name="editForm" method="get" accept-charset="utf-8" name="editForm" action="/title-search-results"> 393 394 <div class="row mb-3"><div class="col-12 col-lg-3"><label for="artistName">Artist</label></div><div class="col-12 col-lg-9"><div class="controls"><input type="text" name="artistName" class="form-control" id="artistName" size="30" /></div><div class="my-2"></div></div></div>
394<script> 395 $( "#artistName" ).autocomplete({ 396 source: '/api/artistsAutocomplete.json' 397 }); 398 </script>
398 399 400 <div class="row mb-3"><div class="col-12 col-lg-3"><label for="titleTitle">Title</label></div><div class="col-12 col-lg-9"><div class="controls"><input type="text" name="titleTitle" class="form-control" id="titleTitle" size="30" /></div><div class="my-2"></div></div></div>
400<script> 401 $( "#titleTitle" ).autocomplete({ 402 source: '/api/titlesAutocomplete.json' 403 }); 404 </script>
404 405 406 <div class="row mb-3"><div class="col-12 col-lg-3"><label for="completiondate">Year</label></div><div class="col-12 col-lg-9"><div class="controls"><input type="text" name="completionDate" class="form-control" id="completiondate" size="30" /></div><div class="my-2"></div></div></div> 407 <!-- <div class="row mb-3"> --> 408 <div class="row mb-3"><div class="col-12 col-lg-3"><label for="lengthfrom">Running Time From *</label></div><div class="col-12 col-lg-9"><div class="controls"><input type="text" name="lengthFrom" class="form-control" id="lengthfrom" size="30" /></div><div class="my-2"></div></div></div> <div class="row mb-3"><div class="col-12 col-lg-3"><label for="lengthto">Running Time To *</label></div><div class="col-12 col-lg-9"><div class="controls"><input type="text" name="lengthTo" class="form-control" id="lengthto" size="30" /></div><div class="my-2"></div></div></div> 409 <!-- </div> --> 410 411 <div class="row mb-3"><div class="col-12 col-lg-3"><label for="sound">Sound</label></div><div class="col-12 col-lg-9"><div class="controls"><select name="sound" class="form-select" id="sound"><option value=""></option><option value="2-channel audio">2-channel audio</option><option value="2-channel audio, silent">2-channel audio, silent</option><option value="5.1 surround sound">5.1 surround sound</option><option value="color">color</option><option value="hardcover">hardcover</option><option value="mono">mono</option><option value="mono sound">mono sound</option><option value="silent">silent</option><option value="silent and sound">silent and sound</option><option value="sound">sound</option><option value="sound (mono, left channel only)">sound (mono, left channel only)</option><option value="sound and silent">sound and silent</option><option value="sounds">sounds</option><option value="stereo">stereo</option><option value="stereo sound">stereo sound</option><option value="stereo, 2-channel">stereo, 2-channel</option><option value="surround sound">surround sound</option><option value="yes">yes</option></select></div><div class="my-2"></div></div></div> 412 413 <div class="row mb-3"><div class="col-12 col-lg-3"><label for="keywords">Keyword</label></div><div class="col-12 col-lg-9"><div class="controls"><input type="text" name="keywords" class="form-control" id="keywords" size="30" /></div><div class="my-2"></div></div></div> 414 415 416 <div class="row mb-3"><div class="col-12 col-lg-3"><label for="sortby">Sort By</label></div><div class="col-12 col-lg-9"><div class="controls"><select name="sortBy" class="form-select" id="sortby"><option value="title">title</option><option value="year">year</option></select></div><div class="my-2"></div></div></div> 417 418 <!-- <div class="form-check offset-lg-3 mb-3"> 419 <input type="hidden" name="videoExcerpt" value="0" size="30" /><input type="checkbox" name="videoExcerpt" value="1" class="form-check-input"> <label class="form-check-label" for="videoExcerpt"> 420 Video Excerpt 421 </label> 422 </div> --> 423 424 425 426 427 <figcaption class="figure-caption">* Running Time Format in minutes (mm) or hours and minutes (hh:mm)</figcaption> 428 429 430 <div class="row my-4"> 431 <div class="col-12 col-lg-10"> 432 <button class="btn btn-secondary" type="Submit">Submit</button> 433 </div> 434 </div> 435 436 </form> </div> 437</div> 438 439 </div> 440 441 <div class="container footer mt-4"> 442 <div class="row my-2"> 443 <div class="col-12 text-end"> 444 <ul class="list-group list-group-horizontal justify-content-end float-end me-1"> 445 <li class="list-group-item border-0 px-1 py-0 bg-transparent"> 446 <a href="https://www.instagram.com/electronicartsintermix/" target="_new"><img src="images/social/social-instagram.svg" alt="Instagram" width="40" height="40"/></a></li> 447 <li class="list-group-item border-0 px-1 py-0 bg-transparent"> 448 <a href="https://vimeo.com/electronicartsintermix" target="_new"><img src="images/social/social-vimeo.svg" alt="Vimeo" width="40" height="40"/></a></li> 449 <!-- <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> --> 450 <!-- <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> --> 451 </ul> 452 </div> 453 </div> 454 <div class="row my-2"> 455 <div class="col-12 col-md-8 copyright alt-font"> 456
457 <span class="d-block d-xl-inline text-end text-md-start">Electronic Arts Intermix</span> 458 <span class="ps-xl-3 d-block d-xl-inline text-end text-md-start">264 Canal Street, 3W New York City 10013</span> 459 <span class="ps-xl-3 d-block d-xl-inline text-end text-md-start">(212) 337 0680</span> 460 <a class="ps-xl-3 d-block d-xl-inline text-end text-md-start" href="/cart-email-sign-up">Mailing List</a> 461 </div> 462 463 464 <div class="col-12 col-md-4 text-end "> 465 <div class="copyright alt-font"> 466 467 468 <!-- ${pageContext.request.userPrincipal.name} --> 469 ©1997 - 2026, Electronic Arts Intermix 470 </div> 471 </div> 472 </div> 473</div> 474 </div> 475 476 477
477<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>
477 478 <!--
478<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>
478<noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript> --> 479</body> 480 481</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.