/* * Sass for http://propublica.github.io/stateface/ icon set. * also adopted some code from other contributors: * - replacement: Paul Smith https://github.com/paulsmith * - FIPS state abbreviations: https://github.com/joetric */ @font-face { font-family: 'StateFaceRegular'; src: url(" /wp-content/fonts/webfont/stateface-regular-webfont.eot"); src: url(" /wp-content/fonts/webfont/stateface-regular-webfont.eot?#iefix") format("embedded-opentype"), url(" /wp-content/fonts/webfont/stateface-regular-webfont.woff") format("woff"), url(" /wp-content/fonts/webfont/stateface-regular-webfont.ttf") format("truetype"), url(" /wp-content/fonts/webfont/stateface-regular-webfont.svg#StateFaceRegular") format("svg"); font-style: normal; font-weight: normal; } .sf-replace.sf-alabama, .sf-replace.sf-al, .sf-replace.sf-01, .sf-replace.sf-alaska, .sf-replace.sf-ak, .sf-replace.sf-02, .sf-replace.sf-arizona, .sf-replace.sf-az, .sf-replace.sf-04, .sf-replace.sf-arkansas, .sf-replace.sf-ar, .sf-replace.sf-05, .sf-replace.sf-california, .sf-replace.sf-ca, .sf-replace.sf-06, .sf-replace.sf-colorado, .sf-replace.sf-co, .sf-replace.sf-08, .sf-replace.sf-connecticut, .sf-replace.sf-ct, .sf-replace.sf-09, .sf-replace.sf-delaware, .sf-replace.sf-de, .sf-replace.sf-10, .sf-replace.sf-florida, .sf-replace.sf-fl, .sf-replace.sf-12, .sf-replace.sf-georgia, .sf-replace.sf-ga, .sf-replace.sf-13, .sf-replace.sf-hawaii, .sf-replace.sf-hi, .sf-replace.sf-15, .sf-replace.sf-idaho, .sf-replace.sf-id, .sf-replace.sf-16, .sf-replace.sf-illinois, .sf-replace.sf-il, .sf-replace.sf-17, .sf-replace.sf-indiana, .sf-replace.sf-in, .sf-replace.sf-18, .sf-replace.sf-iowa, .sf-replace.sf-ia, .sf-replace.sf-19, .sf-replace.sf-kansas, .sf-replace.sf-ks, .sf-replace.sf-20, .sf-replace.sf-kentucky, .sf-replace.sf-ky, .sf-replace.sf-21, .sf-replace.sf-louisiana, .sf-replace.sf-la, .sf-replace.sf-22, .sf-replace.sf-maine, .sf-replace.sf-me, .sf-replace.sf-23, .sf-replace.sf-maryland, .sf-replace.sf-md, .sf-replace.sf-24, .sf-replace.sf-massachusetts, .sf-replace.sf-ma, .sf-replace.sf-25, .sf-replace.sf-michigan, .sf-replace.sf-mi, .sf-replace.sf-26, .sf-replace.sf-minnesota, .sf-replace.sf-mn, .sf-replace.sf-27, .sf-replace.sf-mississippi, .sf-replace.sf-ms, .sf-replace.sf-28, .sf-replace.sf-missouri, .sf-replace.sf-mo, .sf-replace.sf-29, .sf-replace.sf-montana, .sf-replace.sf-mt, .sf-replace.sf-30, .sf-replace.sf-nebraska, .sf-replace.sf-ne, .sf-replace.sf-31, .sf-replace.sf-nevada, .sf-replace.sf-nv, .sf-replace.sf-32, .sf-replace.sf-new-hampshire, .sf-replace.sf-nh, .sf-replace.sf-33, .sf-replace.sf-new-jersey, .sf-replace.sf-nj, .sf-replace.sf-34, .sf-replace.sf-new-mexico, .sf-replace.sf-nm, .sf-replace.sf-35, .sf-replace.sf-new-york, .sf-replace.sf-ny, .sf-replace.sf-36, .sf-replace.sf-north-carolina, .sf-replace.sf-nc, .sf-replace.sf-37, .sf-replace.sf-north-dakota, .sf-replace.sf-nd, .sf-replace.sf-38, .sf-replace.sf-ohio, .sf-replace.sf-oh, .sf-replace.sf-39, .sf-replace.sf-oklahoma, .sf-replace.sf-ok, .sf-replace.sf-40, .sf-replace.sf-oregon, .sf-replace.sf-or, .sf-replace.sf-41, .sf-replace.sf-pennsylvania, .sf-replace.sf-pa, .sf-replace.sf-42, .sf-replace.sf-rhode-island, .sf-replace.sf-ri, .sf-replace.sf-44, .sf-replace.sf-south-carolina, .sf-replace.sf-sc, .sf-replace.sf-45, .sf-replace.sf-south-dakota, .sf-replace.sf-sd, .sf-replace.sf-46, .sf-replace.sf-tennessee, .sf-replace.sf-tn, .sf-replace.sf-47, .sf-replace.sf-texas, .sf-replace.sf-tx, .sf-replace.sf-48, .sf-replace.sf-utah, .sf-replace.sf-ut, .sf-replace.sf-49, .sf-replace.sf-vermont, .sf-replace.sf-vt, .sf-replace.sf-50, .sf-replace.sf-virginia, .sf-replace.sf-va, .sf-replace.sf-51, .sf-replace.sf-washington, .sf-replace.sf-wa, .sf-replace.sf-53, .sf-replace.sf-west-virginia, .sf-replace.sf-wv, .sf-replace.sf-54, .sf-replace.sf-wisconsin, .sf-replace.sf-wi, .sf-replace.sf-55, .sf-replace.sf-wyoming, .sf-replace.sf-wy, .sf-replace.sf-56, .sf-replace.sf-district-of-columbia, .sf-replace.sf-dc, .sf-replace.sf-11001, .sf-replace.sf-puerto-rico, .sf-replace.sf-pr, .sf-replace.sf-72, .sf-replace.sf-guam, .sf-replace.sf-gu, .sf-replace.sf-66 { position: relative; display: inline-block; min-width: 1em; text-indent: -999em; } .sf-replace.sf-alabama:before, .sf-replace.sf-al:before, .sf-replace.sf-01:before, .sf-replace.sf-alaska:before, .sf-replace.sf-ak:before, .sf-replace.sf-02:before, .sf-replace.sf-arizona:before, .sf-replace.sf-az:before, .sf-replace.sf-04:before, .sf-replace.sf-arkansas:before, .sf-replace.sf-ar:before, .sf-replace.sf-05:before, .sf-replace.sf-california:before, .sf-replace.sf-ca:before, .sf-replace.sf-06:before, .sf-replace.sf-colorado:before, .sf-replace.sf-co:before, .sf-replace.sf-08:before, .sf-replace.sf-connecticut:before, .sf-replace.sf-ct:before, .sf-replace.sf-09:before, .sf-replace.sf-delaware:before, .sf-replace.sf-de:before, .sf-replace.sf-10:before, .sf-replace.sf-florida:before, .sf-replace.sf-fl:before, .sf-replace.sf-12:before, .sf-replace.sf-georgia:before, .sf-replace.sf-ga:before, .sf-replace.sf-13:before, .sf-replace.sf-hawaii:before, .sf-replace.sf-hi:before, .sf-replace.sf-15:before, .sf-replace.sf-idaho:before, .sf-replace.sf-id:before, .sf-replace.sf-16:before, .sf-replace.sf-illinois:before, .sf-replace.sf-il:before, .sf-replace.sf-17:before, .sf-replace.sf-indiana:before, .sf-replace.sf-in:before, .sf-replace.sf-18:before, .sf-replace.sf-iowa:before, .sf-replace.sf-ia:before, .sf-replace.sf-19:before, .sf-replace.sf-kansas:before, .sf-replace.sf-ks:before, .sf-replace.sf-20:before, .sf-replace.sf-kentucky:before, .sf-replace.sf-ky:before, .sf-replace.sf-21:before, .sf-replace.sf-louisiana:before, .sf-replace.sf-la:before, .sf-replace.sf-22:before, .sf-replace.sf-maine:before, .sf-replace.sf-me:before, .sf-replace.sf-23:before, .sf-replace.sf-maryland:before, .sf-replace.sf-md:before, .sf-replace.sf-24:before, .sf-replace.sf-massachusetts:before, .sf-replace.sf-ma:before, .sf-replace.sf-25:before, .sf-replace.sf-michigan:before, .sf-replace.sf-mi:before, .sf-replace.sf-26:before, .sf-replace.sf-minnesota:before, .sf-replace.sf-mn:before, .sf-replace.sf-27:before, .sf-replace.sf-mississippi:before, .sf-replace.sf-ms:before, .sf-replace.sf-28:before, .sf-replace.sf-missouri:before, .sf-replace.sf-mo:before, .sf-replace.sf-29:before, .sf-replace.sf-montana:before, .sf-replace.sf-mt:before, .sf-replace.sf-30:before, .sf-replace.sf-nebraska:before, .sf-replace.sf-ne:before, .sf-replace.sf-31:before, .sf-replace.sf-nevada:before, .sf-replace.sf-nv:before, .sf-replace.sf-32:before, .sf-replace.sf-new-hampshire:before, .sf-replace.sf-nh:before, .sf-replace.sf-33:before, .sf-replace.sf-new-jersey:before, .sf-replace.sf-nj:before, .sf-replace.sf-34:before, .sf-replace.sf-new-mexico:before, .sf-replace.sf-nm:before, .sf-replace.sf-35:before, .sf-replace.sf-new-york:before, .sf-replace.sf-ny:before, .sf-replace.sf-36:before, .sf-replace.sf-north-carolina:before, .sf-replace.sf-nc:before, .sf-replace.sf-37:before, .sf-replace.sf-north-dakota:before, .sf-replace.sf-nd:before, .sf-replace.sf-38:before, .sf-replace.sf-ohio:before, .sf-replace.sf-oh:before, .sf-replace.sf-39:before, .sf-replace.sf-oklahoma:before, .sf-replace.sf-ok:before, .sf-replace.sf-40:before, .sf-replace.sf-oregon:before, .sf-replace.sf-or:before, .sf-replace.sf-41:before, .sf-replace.sf-pennsylvania:before, .sf-replace.sf-pa:before, .sf-replace.sf-42:before, .sf-replace.sf-rhode-island:before, .sf-replace.sf-ri:before, .sf-replace.sf-44:before, .sf-replace.sf-south-carolina:before, .sf-replace.sf-sc:before, .sf-replace.sf-45:before, .sf-replace.sf-south-dakota:before, .sf-replace.sf-sd:before, .sf-replace.sf-46:before, .sf-replace.sf-tennessee:before, .sf-replace.sf-tn:before, .sf-replace.sf-47:before, .sf-replace.sf-texas:before, .sf-replace.sf-tx:before, .sf-replace.sf-48:before, .sf-replace.sf-utah:before, .sf-replace.sf-ut:before, .sf-replace.sf-49:before, .sf-replace.sf-vermont:before, .sf-replace.sf-vt:before, .sf-replace.sf-50:before, .sf-replace.sf-virginia:before, .sf-replace.sf-va:before, .sf-replace.sf-51:before, .sf-replace.sf-washington:before, .sf-replace.sf-wa:before, .sf-replace.sf-53:before, .sf-replace.sf-west-virginia:before, .sf-replace.sf-wv:before, .sf-replace.sf-54:before, .sf-replace.sf-wisconsin:before, .sf-replace.sf-wi:before, .sf-replace.sf-55:before, .sf-replace.sf-wyoming:before, .sf-replace.sf-wy:before, .sf-replace.sf-56:before, .sf-replace.sf-district-of-columbia:before, .sf-replace.sf-dc:before, .sf-replace.sf-11001:before, .sf-replace.sf-puerto-rico:before, .sf-replace.sf-pr:before, .sf-replace.sf-72:before, .sf-replace.sf-guam:before, .sf-replace.sf-gu:before, .sf-replace.sf-66:before { position: absolute; top: 0; left: 0; text-indent: 0; } .sf-alabama:before, .sf-al:before, .sf-01:before, .sf-alaska:before, .sf-ak:before, .sf-02:before, .sf-arizona:before, .sf-az:before, .sf-04:before, .sf-arkansas:before, .sf-ar:before, .sf-05:before, .sf-california:before, .sf-ca:before, .sf-06:before, .sf-colorado:before, .sf-co:before, .sf-08:before, .sf-connecticut:before, .sf-ct:before, .sf-09:before, .sf-delaware:before, .sf-de:before, .sf-10:before, .sf-florida:before, .sf-fl:before, .sf-12:before, .sf-georgia:before, .sf-ga:before, .sf-13:before, .sf-hawaii:before, .sf-hi:before, .sf-15:before, .sf-idaho:before, .sf-id:before, .sf-16:before, .sf-illinois:before, .sf-il:before, .sf-17:before, .sf-indiana:before, .sf-in:before, .sf-18:before, .sf-iowa:before, .sf-ia:before, .sf-19:before, .sf-kansas:before, .sf-ks:before, .sf-20:before, .sf-kentucky:before, .sf-ky:before, .sf-21:before, .sf-louisiana:before, .sf-la:before, .sf-22:before, .sf-maine:before, .sf-me:before, .sf-23:before, .sf-maryland:before, .sf-md:before, .sf-24:before, .sf-massachusetts:before, .sf-ma:before, .sf-25:before, .sf-michigan:before, .sf-mi:before, .sf-26:before, .sf-minnesota:before, .sf-mn:before, .sf-27:before, .sf-mississippi:before, .sf-ms:before, .sf-28:before, .sf-missouri:before, .sf-mo:before, .sf-29:before, .sf-montana:before, .sf-mt:before, .sf-30:before, .sf-nebraska:before, .sf-ne:before, .sf-31:before, .sf-nevada:before, .sf-nv:before, .sf-32:before, .sf-new-hampshire:before, .sf-nh:before, .sf-33:before, .sf-new-jersey:before, .sf-nj:before, .sf-34:before, .sf-new-mexico:before, .sf-nm:before, .sf-35:before, .sf-new-york:before, .sf-ny:before, .sf-36:before, .sf-north-carolina:before, .sf-nc:before, .sf-37:before, .sf-north-dakota:before, .sf-nd:before, .sf-38:before, .sf-ohio:before, .sf-oh:before, .sf-39:before, .sf-oklahoma:before, .sf-ok:before, .sf-40:before, .sf-oregon:before, .sf-or:before, .sf-41:before, .sf-pennsylvania:before, .sf-pa:before, .sf-42:before, .sf-rhode-island:before, .sf-ri:before, .sf-44:before, .sf-south-carolina:before, .sf-sc:before, .sf-45:before, .sf-south-dakota:before, .sf-sd:before, .sf-46:before, .sf-tennessee:before, .sf-tn:before, .sf-47:before, .sf-texas:before, .sf-tx:before, .sf-48:before, .sf-utah:before, .sf-ut:before, .sf-49:before, .sf-vermont:before, .sf-vt:before, .sf-50:before, .sf-virginia:before, .sf-va:before, .sf-51:before, .sf-washington:before, .sf-wa:before, .sf-53:before, .sf-west-virginia:before, .sf-wv:before, .sf-54:before, .sf-wisconsin:before, .sf-wi:before, .sf-55:before, .sf-wyoming:before, .sf-wy:before, .sf-56:before, .sf-district-of-columbia:before, .sf-dc:before, .sf-11001:before, .sf-puerto-rico:before, .sf-pr:before, .sf-72:before, .sf-guam:before, .sf-gu:before, .sf-66:before { display: inline-block; margin-right: 5px; font-family: 'StateFaceRegular'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; speak: none; } /* Icons */ .sf-alabama:before, .sf-al:before, .sf-01:before { content: "B"; } .sf-alaska:before, .sf-ak:before, .sf-02:before { content: "A"; } .sf-arizona:before, .sf-az:before, .sf-04:before { content: "D"; } .sf-arkansas:before, .sf-ar:before, .sf-05:before { content: "C"; } .sf-california:before, .sf-ca:before, .sf-06:before { content: "E"; } .sf-colorado:before, .sf-co:before, .sf-08:before { content: "F"; } .sf-connecticut:before, .sf-ct:before, .sf-09:before { content: "G"; } .sf-delaware:before, .sf-de:before, .sf-10:before { content: "H"; } .sf-florida:before, .sf-fl:before, .sf-12:before { content: "I"; } .sf-georgia:before, .sf-ga:before, .sf-13:before { content: "J"; } .sf-hawaii:before, .sf-hi:before, .sf-15:before { content: "K"; } .sf-idaho:before, .sf-id:before, .sf-16:before { content: "M"; } .sf-illinois:before, .sf-il:before, .sf-17:before { content: "N"; } .sf-indiana:before, .sf-in:before, .sf-18:before { content: "O"; } .sf-iowa:before, .sf-ia:before, .sf-19:before { content: "L"; } .sf-kansas:before, .sf-ks:before, .sf-20:before { content: "P"; } .sf-kentucky:before, .sf-ky:before, .sf-21:before { content: "Q"; } .sf-louisiana:before, .sf-la:before, .sf-22:before { content: "R"; } .sf-maine:before, .sf-me:before, .sf-23:before { content: "U"; } .sf-maryland:before, .sf-md:before, .sf-24:before { content: "T"; } .sf-massachusetts:before, .sf-ma:before, .sf-25:before { content: "S"; } .sf-michigan:before, .sf-mi:before, .sf-26:before { content: "V"; } .sf-minnesota:before, .sf-mn:before, .sf-27:before { content: "W"; } .sf-mississippi:before, .sf-ms:before, .sf-28:before { content: "Y"; } .sf-missouri:before, .sf-mo:before, .sf-29:before { content: "X"; } .sf-montana:before, .sf-mt:before, .sf-30:before { content: "Z"; } .sf-nebraska:before, .sf-ne:before, .sf-31:before { content: "c"; } .sf-nevada:before, .sf-nv:before, .sf-32:before { content: "g"; } .sf-new-hampshire:before, .sf-nh:before, .sf-33:before { content: "d"; } .sf-new-jersey:before, .sf-nj:before, .sf-34:before { content: "e"; } .sf-new-mexico:before, .sf-nm:before, .sf-35:before { content: "f"; } .sf-new-york:before, .sf-ny:before, .sf-36:before { content: "h"; } .sf-north-carolina:before, .sf-nc:before, .sf-37:before { content: "a"; } .sf-north-dakota:before, .sf-nd:before, .sf-38:before { content: "b"; } .sf-ohio:before, .sf-oh:before, .sf-39:before { content: "i"; } .sf-oklahoma:before, .sf-ok:before, .sf-40:before { content: "j"; } .sf-oregon:before, .sf-or:before, .sf-41:before { content: "k"; } .sf-pennsylvania:before, .sf-pa:before, .sf-42:before { content: "l"; } .sf-rhode-island:before, .sf-ri:before, .sf-44:before { content: "m"; } .sf-south-carolina:before, .sf-sc:before, .sf-45:before { content: "n"; } .sf-south-dakota:before, .sf-sd:before, .sf-46:before { content: "o"; } .sf-tennessee:before, .sf-tn:before, .sf-47:before { content: "p"; } .sf-texas:before, .sf-tx:before, .sf-48:before { content: "q"; } .sf-utah:before, .sf-ut:before, .sf-49:before { content: "r"; } .sf-vermont:before, .sf-vt:before, .sf-50:before { content: "t"; } .sf-virginia:before, .sf-va:before, .sf-51:before { content: "s"; } .sf-washington:before, .sf-wa:before, .sf-53:before { content: "u"; } .sf-west-virginia:before, .sf-wv:before, .sf-54:before { content: "w"; } .sf-wisconsin:before, .sf-wi:before, .sf-55:before { content: "v"; } .sf-wyoming:before, .sf-wy:before, .sf-56:before { content: "x"; } .sf-district-of-columbia:before, .sf-dc:before, .sf-11001:before { content: "y"; } .sf-puerto-rico:before, .sf-pr:before, .sf-72:before { content: "3"; } .sf-guam:before, .sf-gu:before, .sf-66:before { content: "4"; } .vimeo-wrap { position: relative; padding-bottom: 45%; overflow: hidden; } .vimeo-wrap iframe, .vimeo-wrap object, .vimeo-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-container{ position: relative; margin: 0 auto; } path, circle { stroke: #ccc !important; stroke-width: 2px; stroke-linejoin: round; } path:hover, circle:hover { stroke: #ffffff !important; stroke-width: 2px; stroke-linejoin: round; fill: #ffffff !important; cursor: pointer; } #path67 { fill: none !important; stroke: #2cb3f0 !important; cursor: default; } path, #US { stroke-width: 0px; } path, #US:hover { stroke-width: 0px; } path, #key { stroke-width: 0px; } path, #key:hover { stroke-width: 0px; } .map-wrapper, .attribution{ position: absolute; bottom: 0; left: 0; } .map-wrapper{ width: 100%; height: 100%; position: absolute; } .attribution{ padding-bottom: 20px; color: #898989; width: 300px; } .attribution b{ display: block; line-height: 1; } .attribution aside:before{ float: left; padding: .6em .5em 1em 1em; font-size: 1.5em; } .map-key{ } #map-key{ position: absolute; bottom: 20px; right: 10px; cursor: pointer; color: #FFFFFF; stoke-width: 0px; } #map-key:hover{ stoke-width: 0px; } #pause-video{ position: absolute; bottom: 20px; left: 10px; cursor: pointer; color: #FFFFFF; stoke-width: 0px; } #random-video{ position: absolute; bottom: 20px; left: 40px; cursor: pointer; color: #FFFFFF; stoke-width: 0px; } #restart-video{ position: absolute; bottom: 20px; left: 70px; cursor: pointer; color: #FFFFFF; stoke-width: 0px; } #opening-video{ position: absolute; top: 48%; left: 50%; transform: translateX(-50%) translateY(-50%); pointer-events: none; color: #FFFFFF; font-family: Didot; font-style: italic; font-size: 20px; } .pulsate { -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; opacity: 0.25; } @-webkit-keyframes pulsate { 0% { opacity: 0.25; } 50% { opacity: 1.0; } 100% { opacity: 0.25; } } .pulsate-orb { animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0.0; /* you dont need the stuff below, but its what I used to create the loading circle */ border: 3px solid #999; border-radius: 30px; height: 18px; width: 18px; position: relative; display: inline-block; margin-top: 20px; text-align: center; } .svg-container{ margin: 0 auto; width: 100%; height: auto; bottom: 0; left: 0; } #us-map { display: inline-block; position: relative; cursor: pointer; width: 100%; max-height: 500px; } .attribution aside{ display: none; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #us-map{ margin-top: -5%; max-height: 400px!important; } } @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation : portrait) { #us-map{ margin-top: -11%; max-height: 200px; } } @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation : landscape) { #content { padding-top: 0!important; } #us-map { margin-top: 0%!important; max-height: 230px!important; } } $(document).ready(function() { $(document) .mousemove(function(e) { $("#info-box").css("top", e.pageY - $("#info-box").height() - 35); $("#info-box").css("left", e.pageX - $("#info-box").width() / 2); }) .mouseover(); var ios = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; if (ios) { $("a").on("click touchend", function() { var link = $(this).attr("href"); window.open(link, "_blank"); return false; }); } var AL = new Audio("https://brandonroots.com/audio/mp3music/America_AL_DavidBaldwin.mp3"); var AK; var AK1 = new Audio("https://brandonroots.com/audio/mp3music/America_AK_LizBolton.mp3"); var AK2 = new Audio("https://brandonroots.com/audio/mp3music/America_AK_RosalindWorcester.mp3"); var AZ; var AZ1 = new Audio("https://brandonroots.com/audio/mp3music/America_AZ_JulieChavez.mp3"); var AZ2 = new Audio("https://brandonroots.com/audio/mp3music/America_AZ_James.mp3"); var AR; var AR1 = new Audio("https://brandonroots.com/audio/mp3music/America_AR_SallySockwell.mp3"); var AR2 = new Audio("https://brandonroots.com/audio/mp3music/America_AR_MelissaWalsh.mp3"); var CA; var CA1 = new Audio("https://brandonroots.com/audio/mp3music/America_CA_RosalindPrizler.mp3"); var CA2 = new Audio("https://brandonroots.com/audio/mp3music/America_CA_BrandonRoots.mp3"); var CA3 = new Audio("https://brandonroots.com/audio/mp3music/America_CA_FelixThompson.mp3"); var CO = new Audio("https://brandonroots.com/audio/mp3music/America_CO_ErinSanger.mp3"); var CT = new Audio("https://brandonroots.com/audio/mp3music/America_CT_MatthewTroy.mp3"); var DE = new Audio("https://brandonroots.com/audio/mp3music/America_DE_BrittLeoni.mp3"); var FL; var FL1 = new Audio("https://brandonroots.com/audio/mp3music/America_FL_LacyBenton.mp3"); var FL2 = new Audio("https://brandonroots.com/audio/mp3music/America_FL_DeneWilliamson.mp3"); var GA = new Audio("https://brandonroots.com/audio/mp3music/America_GA_MeganLindley.mp3"); var HI = new Audio("https://brandonroots.com/audio/mp3music/America_HI_DorindaNicholson.mp3"); var ID = new Audio("https://brandonroots.com/audio/mp3music/America_ID_PatOakley.mp3"); var IL = new Audio("https://brandonroots.com/audio/mp3music/America_IL_IsabellaCoelho.mp3"); var IN = new Audio("https://brandonroots.com/audio/mp3music/America_IN_LisaHop.mp3"); var IA = new Audio("https://brandonroots.com/audio/mp3music/America_IA_MaureenFunk.mp3"); var KS; var KS1 = new Audio("https://brandonroots.com/audio/mp3music/America_KS_BradSneed.mp3"); var KS2 = new Audio("https://brandonroots.com/audio/mp3music/America_KS_ClarkWilliamson.mp3"); var KY = new Audio("https://brandonroots.com/audio/mp3music/America_KY_BNalaniButler.mp3"); var LA = new Audio("https://brandonroots.com/audio/mp3music/America_LA_IanMorel.mp3"); var ME = new Audio("https://brandonroots.com/audio/mp3music/America_ME_JohnHume.mp3"); var MD = new Audio("https://brandonroots.com/audio/mp3music/America_MD_PaulPenczner.mp3"); var MA; var MA1 = new Audio("https://brandonroots.com/audio/mp3music/America_MA_Zach_Kuperstein.mp3"); var MA2 = new Audio("https://brandonroots.com/audio/mp3music/America_MA_AlexSchaefer.mp3"); var MI = new Audio("https://brandonroots.com/audio/mp3music/America_MI_JessicaEvans.mp3"); var MN = new Audio("https://brandonroots.com/audio/mp3music/America_MN_MaryCassanova.mp3"); var MS; var MS1 = new Audio("https://brandonroots.com/audio/mp3music/America_MI_AvaClarke.mp3"); var MS2 = new Audio("https://brandonroots.com/audio/mp3music/America_MS_TerriusHarris.mp3"); var MO = new Audio("https://brandonroots.com/audio/mp3music/America_MO_NaomiWilliamson.mp3"); var MT = new Audio("https://brandonroots.com/audio/mp3music/America_MT_LouiseWeldon.mp3"); var NE = new Audio("https://brandonroots.com/audio/mp3music/America_NE_BenjaminHartzell.mp3"); var NV = new Audio("https://brandonroots.com/audio/mp3music/America_NV_JamesCranford.mp3"); var NH = new Audio("https://brandonroots.com/audio/mp3music/America_NH_KatieGall.mp3"); var NJ = new Audio("https://brandonroots.com/audio/mp3music/America_NJ_DannyMonico.mp3"); var NM = new Audio("https://brandonroots.com/audio/mp3music/America_NM_Len.mp3"); var NY; var NY3 = new Audio("https://brandonroots.com/audio/mp3music/America_NY_CeciliaDelgado.mp3"); var NY2 = new Audio("https://brandonroots.com/audio/mp3music/America_NY_JessWeiss.mp3"); var NY1 = new Audio("https://brandonroots.com/audio/mp3music/America_NY_TinaScala.mp3"); var NC = new Audio("https://brandonroots.com/audio/mp3music/America_NC_JuliaWharton.mp3"); var ND = new Audio("https://brandonroots.com/audio/mp3music/America_ND_BeauKery.mp3"); var OH = new Audio("https://brandonroots.com/audio/mp3music/America_OH_TaylorHess.mp3"); var OK; var OK1 = new Audio("https://brandonroots.com/audio/mp3music/America_OK_NathanAndrew.mp3"); var OK2 = new Audio("https://brandonroots.com/audio/mp3music/America_OK_CandaceLee.mp3"); var OK3 = new Audio("https://brandonroots.com/audio/mp3music/America_OK_MartySwindell.mp3"); var OR = new Audio("https://brandonroots.com/audio/mp3music/America_OR_SarahWhitcher.mp3"); var PA = new Audio("https://brandonroots.com/audio/mp3music/America_PA_Isaiah.mp3"); var RI = new Audio("https://brandonroots.com/audio/mp3music/America_RI_ZoeAlly.mp3"); var SC = new Audio("https://brandonroots.com/audio/mp3music/America_SC_MarshaWilliamson.mp3"); var SD = new Audio("https://brandonroots.com/audio/mp3music/America_SD_Ben.mp3"); var TN = new Audio("https://brandonroots.com/audio/mp3music/America_TN_KatePierre.mp3"); var TX = new Audio("https://brandonroots.com/audio/mp3music/America_TX_MeaganO'Connor.mp3"); var UT = new Audio("https://brandonroots.com/audio/mp3music/America_UT_MariyaOgden.mp3"); var VT = new Audio("https://brandonroots.com/audio/mp3music/America_VT_ClarissaDavis.mp3"); var VA; var VA1 = new Audio("https://brandonroots.com/audio/mp3music/America_VA_StacyRussell.mp3"); var VA2 = new Audio("https://brandonroots.com/audio/mp3music/America_VA_SusanStoltzfus.mp3"); var WA = new Audio("https://brandonroots.com/audio/mp3music/America_WA_HarperGrace.mp3"); var WV = new Audio("https://brandonroots.com/audio/mp3music/America_WV_Louis.mp3"); var WI = new Audio("https://brandonroots.com/audio/mp3music/America_WI_RogerBrown.mp3"); var WY = new Audio("https://brandonroots.com/audio/mp3music/America_WY_John.mp3"); var US = new Audio("https://brandonroots.com/audio/America_190529.mp3"); var music = new Audio("https://brandonroots.com/audio/mp3music/America_Music.mp3"); var stateArray = [AL, AK1, AK2, AZ, AZ2, CA1, CA2, CA3, CO, CT, DE, FL1, FL2, GA, HI, ID, IL, IN, IA, KS1, KS2, KY, LA, ME, MD, MA1, MA2, MI, MN, MS1, MS2, MO, MT, NE, NV, NH, NJ, NM, NY1, NY2, NY3, NC, ND, OH, OK1, OK2, OK3, OR, PA, RI, SC, SD, TN, TX, UT, VT, VA1, VA2, WA, WV, WI, WY]; var stateMultiVoiceArray = [0, "AK", 2, 1, "AZ", 2, 1, "AR", 2, 1, "CA", 3, 1, "FL", 2, 1, "KS", 2, 1, "MA", 2, 1, "MS", 2, 1, "NY", 3, 1, "OK", 3, 1, "VA", 2, 1]; var stateVoiceNum = 0; var stateVoiceTrack = 0; var stateVoicePosition = 0; var loadPage = 0; var cue001 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue002 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue003 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue004 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue005 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue006 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue007 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue009 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue010 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue011 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue012 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue013 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue014 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue015 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue016 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue017 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue018 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue019 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue020 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue021 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue022 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue023 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue024 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue025 = stateArray[Math.floor(Math.random() * stateArray.length)]; var cue026 = stateArray[Math.floor(Math.random() * stateArray.length)]; var iframe = $('#player1')[0]; var player = new Vimeo.Player(iframe); $('.map-key').hide(); $('#pause-video').hide(); $('#random-video').hide(); $('#restart-video').hide(); var mapState = null; var hoverTimer; var random = false; var URLstate = getUrlParam("state", "music"); var currentState = eval(URLstate); var isSafari = !!navigator.userAgent.match(/Version/[d.]+.*Safari/); var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; var mobilecheck = false; var stateClick = false; //var currentState = music; $("path").mouseenter(function() { var state = $(this).attr('id'); // Check if state has multiple voices checkStateForMultipleVoices(state, true); hoverTimer = setTimeout(function() { if (stateVoiceTrack > 0){ $('aside#' + state + stateVoiceTrack).toggle(1000); } else { $('aside#' + state).toggle(1000); } }, 100); }); $("path").mouseleave(function() { clearTimeout(hoverTimer); var state = $(this).attr('id'); //console.log("Cursor has left " + state); if (stateVoiceTrack > 0){ $('aside#' + state + stateVoiceTrack).hide(); } else { $('aside#' + state).hide(); } // Check if this is a multivoice state checkStateForMultipleVoices(state, false); }); // Check if state has multiple voices function checkStateForMultipleVoices(state, enterState){ if(enterState == true){ var i; for (i = 1; i 0){ console.log("Cursor has left state with multiple voices."); // Increment voice tracks if (stateVoiceTrack -1){ urlparameter = getUrlVars()[parameter]; } //alert(urlparameter); return urlparameter; } function getUrlVars() { var vars = {}; var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { vars[key] = value; }); return vars; } // If URL variable is present on page load if(loadPage == 0){ if (isSafari && iOS) { //player.pause(); currentState.pause(); //alert("For the best experience please visit with Chrome."); } else if(isSafari) { //player.pause(); currentState.pause(); //alert("For the best experience please visit with Chrome."); } else { if(URLstate != "music"){ var state = URLstate; $('aside#' + state).fadeIn(3000); $('.svg-container').fadeOut(3000); $('.map-key').fadeIn(3000); $('#pause-video').fadeIn(3000); $('#random-video').fadeIn(3000); $('#restart-video').fadeIn(3000); $('#opening-video').fadeOut(500); $("aside#" + URLstate).fadeOut(3000); currentState.onended = function() { $('.svg-container').fadeIn(1000); }; } } loadPage++; } // When state is selected $("path").click(function(){ var state = $(this).attr('id'); $('aside#' + state).fadeIn(3000); $('.svg-container').fadeOut(3000); $('.map-key').fadeIn(3000); $('#pause-video').fadeIn(3000); $('#random-video').fadeIn(3000); $('#restart-video').fadeIn(3000); $('#opening-video').fadeOut(500); }); // When map-key is selected $(".map-key").click(function() { $('.svg-container').fadeIn(1000); $(".map-key").fadeOut(1000); $("#pause-video").fadeOut(1000); $("#random-video").fadeOut(1000); $("#restart-video").fadeOut(1000); }); // Toggle Pause when clicked $('#pause-video').click(function(){ player.getPaused().then(function(paused) { if(paused){ syncAudio(currentState); }else{ player.pause(); currentState.pause(); } }); $(this).toggleClass('ti-control-play ti-control-pause'); }); // Toggle Random when clicked $('#random-video').click(function(){ random = !random; if (random == false){ syncAudio(currentState); } $(this).toggleClass('ti-control-shuffle ti-loop'); }); // Restart video from 0 when clicked $('#restart-video').click(function(){ player.setCurrentTime(0).then(function(seconds) { // seconds = the actual time that the player seeked to }).catch(function(error) { switch (error.name) { case 'RangeError': // the time was less than 0 or greater than the video’s duration break; default: // some other error occurred break; } }); }); // Function to set audio time to match video function syncAudio(stateAudio) { // Pause current audio currentState.pause(); // If mobile reset time to "0" if(iOS){ //alert("This is a mobile browser."); //player.pause(); player.setCurrentTime(1).then(function(seconds) { // seconds = the actual time that the player seeked to }).catch(function(error) { switch (error.name) { case 'RangeError': // the time was less than 0 or greater than the video’s duration break; default: // some other error occurred break; } }); } player.play(); player.getCurrentTime().then(function(seconds) { // seconds = the current playback position stateAudio.currentTime = seconds; stateAudio.play(); currentState = stateAudio; }).catch(function(error) { // an error occurred });; $('#pause-video').removeClass('ti-control-play'); $('#pause-video').addClass('ti-control-pause'); } // Set cues! And play music on first load // Cue 1 player.addCuePoint(.3, { customKey: 'cue001' }).then(function(id) { // cue point was added successfully }).catch(function(error) { switch (error.name) { case 'UnsupportedError': // cue points are not supported with the current player or browser break; case 'RangeError': // the time was less than 0 or greater than the video’s duration break; default: // some other error occurred break; } }); // IF not safari or click has happened //if(!isSafari && !iOS || stateClick){ player.on('cuepoint', function(data) { switch (data.data.customKey) { case 'cue001': console.log("Cue 1 Called"); if (random == true) { var randomState = stateArray[Math.floor(Math.random() * stateArray.length)]; syncAudio(randomState); } else {syncAudio(currentState);} break; default: break; } }); //} $( "#AL" ).click(function() { stateClick = true; syncAudio(AL); $("aside#AL").fadeOut(3000); AL.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#AK" ).click(function() { stateClick = true; AK = eval('AK' + stateVoiceTrack); syncAudio(AK); $("aside#AK" + stateVoiceTrack).fadeOut(3000); AK.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#AZ" ).click(function() { stateClick = true; AZ = eval('AZ' + stateVoiceTrack); syncAudio(AZ); $("aside#AZ" + stateVoiceTrack).fadeOut(3000); AZ.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#AR" ).click(function() { stateClick = true; AR = eval('AR' + stateVoiceTrack); syncAudio(AR); $("aside#AR" + stateVoiceTrack).fadeOut(3000); AR.onended = function() { stateClick = true; $('.svg-container').fadeIn(1000); }; }); $( "#CA" ).click(function() { stateClick = true; CA = eval('CA' + stateVoiceTrack); syncAudio(CA); $("aside#CA" + stateVoiceTrack).fadeOut(3000); CA.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#CO" ).click(function() { //CO.play(); stateClick = true; syncAudio(CO); $("aside#CO").fadeOut(3000); CO.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#CT" ).click(function() { //CT.play(); stateClick = true; syncAudio(CT); $("aside#CT").fadeOut(3000); CT.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#DE" ).click(function() { //DE.play(); stateClick = true; syncAudio(DE); $("aside#DE").fadeOut(3000); DE.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#FL" ).click(function() { stateClick = true; FL = eval('FL' + stateVoiceTrack); syncAudio(FL); $("aside#FL" + stateVoiceTrack).fadeOut(3000); FL.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#GA" ).click(function() { //GA.play(); stateClick = true; syncAudio(GA); $("aside#GA").fadeOut(3000); GA.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#HI" ).click(function() { //HI.play(); stateClick = true; syncAudio(HI); $("aside#HI").fadeOut(3000); HI.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#ID" ).click(function() { //ID.play(); stateClick = true; syncAudio(ID); $("aside#ID").fadeOut(3000); ID.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#IL" ).click(function() { //IL.play(); stateClick = true; syncAudio(IL); $("aside#IL").fadeOut(3000); IL.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#IN" ).click(function() { //IN.play(); stateClick = true; syncAudio(IN); $("aside#IN").fadeOut(3000); IN.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#IA" ).click(function() { //IA.play(); stateClick = true; syncAudio(IA); $("aside#IA").fadeOut(3000); IA.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#KS" ).click(function() { stateClick = true; KS = eval('KS' + stateVoiceTrack); syncAudio(KS); $("aside#KS" + stateVoiceTrack).fadeOut(3000); KS.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#KY" ).click(function() { //KY.play(); stateClick = true; syncAudio(KY); $("aside#KY").fadeOut(3000); KY.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#LA" ).click(function() { //LA.play(); stateClick = true; syncAudio(LA); $("aside#LA").fadeOut(3000); LA.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#ME" ).click(function() { //ME.play(); stateClick = true; syncAudio(ME); $("aside#ME").fadeOut(3000); ME.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#MD" ).click(function() { //MD.play(); stateClick = true; syncAudio(MD); $("aside#MD").fadeOut(3000); MD.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#MA" ).click(function() { stateClick = true; MA = eval('MA' + stateVoiceTrack); syncAudio(MA); $("aside#MA" + stateVoiceTrack).fadeOut(3000); MA.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#MI" ).click(function() { //MI.play(); stateClick = true; syncAudio(MI); $("aside#MI").fadeOut(3000); MI.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#MN" ).click(function() { //MN.play(); stateClick = true; syncAudio(MN); $("aside#MN").fadeOut(3000); MN.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#MS" ).click(function() { stateClick = true; MS = eval('MS' + stateVoiceTrack); syncAudio(MS); $("aside#MS" + stateVoiceTrack).fadeOut(3000); MS.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#MO" ).click(function() { //MO.play(); stateClick = true; syncAudio(MO); $("aside#MO").fadeOut(3000); MO.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#MT" ).click(function() { //MT.play(); stateClick = true; syncAudio(MT); $("aside#MT").fadeOut(3000); MT.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#NE" ).click(function() { //NE.play(); stateClick = true; syncAudio(NE); $("aside#NE").fadeOut(3000); NE.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#NV" ).click(function() { //NV.play(); stateClick = true; syncAudio(NV); $("aside#NV").fadeOut(3000); NV.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#NH" ).click(function() { //NH.play(); stateClick = true; syncAudio(NH); $("aside#NH").fadeOut(3000); NH.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#NJ" ).click(function() { //NJ.play(); stateClick = true; syncAudio(NJ); $("aside#NJ").fadeOut(3000); NJ.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#NM" ).click(function() { //NM.play(); stateClick = true; syncAudio(NM); $("aside#NM").fadeOut(3000); NM.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#NY" ).click(function() { stateClick = true; NY = eval('NY' + stateVoiceTrack); syncAudio(NY); $("aside#NY" + stateVoiceTrack).fadeOut(3000); NY.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#NC" ).click(function() { //NC.play(); stateClick = true; syncAudio(NC); $("aside#NC").fadeOut(3000); NC.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#ND" ).click(function() { //ND.play(); stateClick = true; syncAudio(ND); $("aside#ND").fadeOut(3000); ND.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#OH" ).click(function() { //OH.play(); stateClick = true; syncAudio(OH); $("aside#OH").fadeOut(3000); OH.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#OK" ).click(function() { stateClick = true; OK = eval('OK' + stateVoiceTrack); syncAudio(OK); $("aside#OK" + stateVoiceTrack).fadeOut(3000); OK.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#OR" ).click(function() { //OR.play(); stateClick = true; syncAudio(OR); $("aside#OR").fadeOut(3000); OR.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#PA" ).click(function() { //PA.play(); stateClick = true; syncAudio(PA); $("aside#PA").fadeOut(3000); PA.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#RI" ).click(function() { //RI.play(); stateClick = true; syncAudio(RI); $("aside#RI").fadeOut(3000); RI.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#SC" ).click(function() { //SC.play(); stateClick = true; syncAudio(SC); $("aside#SC").fadeOut(3000); SC.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#SD" ).click(function() { //SD.play(); stateClick = true; syncAudio(SD); $("aside#SD").fadeOut(3000); SD.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#TN" ).click(function() { //TN.play(); stateClick = true; syncAudio(TN); $("aside#TN").fadeOut(3000); TN.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#TX" ).click(function() { //TX.play(); stateClick = true; syncAudio(TX); $("aside#TX").fadeOut(3000); TX.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#UT" ).click(function() { //UT.play(); stateClick = true; syncAudio(UT); $("aside#UT").fadeOut(3000); UT.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#VT" ).click(function() { //VT.play(); stateClick = true; syncAudio(VT); $("aside#VT").fadeOut(3000); VT.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#VA" ).click(function() { stateClick = true; VA = eval('VA' + stateVoiceTrack); syncAudio(VA); $("aside#VA" + stateVoiceTrack).fadeOut(3000); VA.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#WA" ).click(function() { //WA.play(); stateClick = true; syncAudio(WA); $("aside#WA").fadeOut(3000); WA.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#WV" ).click(function() { //WV.play(); stateClick = true; syncAudio(WV); $("aside#WV").fadeOut(3000); WV.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#WI" ).click(function() { //WI.play(); stateClick = true; syncAudio(WI); $("aside#WI").fadeOut(3000); WI.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#WY" ).click(function() { //WY.play(); stateClick = true; syncAudio(WY); $("aside#WY").fadeOut(3000); WY.onended = function() { $('.svg-container').fadeIn(1000); }; }); $( "#US" ).click(function() { //currrentState.play(); stateClick = true; syncAudio(currentState); currentState.onended = function() { $('.svg-container').fadeIn(1000); }; }); setTimeout(function (){ $(function hastag(){ if (window.location.hash){ var hash = window.location.hash.substring(1); $('path#' + hash).click(); //alert('hash is ' + hash); } }); }, 8000); }); //(function () { // // /* // 1. Inject CSS which makes iframe invisible // */ // // var div = document.createElement('div'), // ref = document.getElementsByTagName('base')[0] || // document.getElementsByTagName('script')[0]; // // div.innerHTML = ' iframe { visibility: hidden; } '; // // ref.parentNode.insertBefore(div, ref); // // // /* // 2. When window loads, remove that CSS, // making iframe visible again // */ // // window.onload = function() { // div.parentNode.removeChild(div); // } // //})();
AMERICA!
\”We build bridges.\” Why I made the film, America!
Thank you to everyone who participated!
We accepted readings from folks across America to make this project