Help
RSS
API
Feed
Maltego
Contact
Domain > arc360.wrd.org
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-11-21
52.53.62.101
(
ClassC
)
2025-11-02
13.52.236.13
(
ClassC
)
Port 80
HTTP/1.1 302 FoundDate: Sun, 02 Nov 2025 15:07:48 GMTContent-Type: text/html; charsetiso-8859-1Content-Length: 207Connection: keep-aliveServer: Apache/2.4.65 (Amazon Linux) OpenSSL/3.2.2Location: https://arc360.wrd.org/ !DOCTYPE HTML PUBLIC -//IETF//DTD HTML 2.0//EN>html>head>title>302 Found/title>/head>body>h1>Found/h1>p>The document has moved a hrefhttps://arc360.wrd.org/>here/a>./p>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Sun, 02 Nov 2025 15:07:49 GMTContent-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-aliveServer: Apache/2.4.65 (Amazon Linux) OpenSSL/3.2.2Set-Cookie: CAKEPHP4plsvqrn2p0i69k1ltuorv3vs2; expiresMon, 03 Nov 2025 06:07:48 GMT; Max-Age54000; path/; secure; HttpOnlySet-Cookie: CakeCookiescene_modal_11; expiresSun, 02 Nov 2025 16:07:48 GMT; Max-Age3599; path/Cache-Control: private !DOCTYPE html>html langen> head> meta charsetutf-8> title>WRD ARC 3D Tour/title> meta nameviewport contentwidthdevice-width, initial-scale1.0, maximum-scale1.0, user-scalableno /> meta namedescription content360° Virtual Engagement Platform> meta nameapple-mobile-web-app-capable contentyes> !-- Google Tag Manager --> script>(function(w,d,s,l,i){wlwl||;wl.push({gtm.start:new Date().getTime(),event:gtm.js});var fd.getElementsByTagName(s)0,jd.createElement(s),dll!dataLayer?&l+l:;j.asynctrue;j.srchttps://www.googletagmanager.com/gtm.js?id+i+dl;f.parentNode.insertBefore(j,f);})(window,document,script,dataLayer,GTM-KZQWPTL8);/script> !-- End Google Tag Manager --> script srchttps://code.jquery.com/jquery-3.5.1.min.js>/script> script src/townsquare/js/jquery-ui-1.12.1.min.js>/script> !-- script src/js/jquery.ui.touch-punch.min.js>/script --> script srchttps://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js integritysha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN crossoriginanonymous>/script> script srchttps://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js integritysha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV crossoriginanonymous>/script> !-- link relstylesheet typetext/css hrefhttps://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css integritysha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z crossoriginanonymous --> link relstylesheet typetext/css href/bootstrap4/assets/css/bootstrap.css crossoriginanonymous> link relstylesheet typetext/css href/townsquare/css/font-awesome-6.0.css /> link relstylesheet typetext/css href/townsquare/css/beerslider/BeerSlider.unmin.css> link relicon href/img/WRD-favicon.png typeimage/x-icon /> script src/townsquare/js/beerslider/BeerSlider.unmin.js>/script> script srchttps://aframe.io/releases/1.3.0/aframe.min.js>/script> script srchttps://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js>/script> script srchttps://unpkg.com/aframe-event-set-component@4.2.1/dist/aframe-event-set-component.min.js>/script> link relstylesheet typetext/css href/townsquare/libs/vep/vep.css?v /> !-- script src/townsquare/libs/vep/aframe-asset-lazy-load.min.js>/script --> script src/townsquare/libs/vep/camera-zoom.js>/script> script src/townsquare/libs/vep/world-to-screen-component.js>/script> script src/townsquare/libs/vep/tbs-modal-component.js>/script> script src/townsquare/libs/vep/vep-look-controls-component.js>/script> script src/townsquare/libs/vep/shadow-light-component.js>/script> script src/townsquare/libs/vep/gestures.js>/script> script src/townsquare/js/a11y.js>/script> !-- Site specific styling --> link relstylesheet typetext/css href/css/scene.css /> link relstylesheet typetext/css href/css/hamburgers.css /> link relstylesheet hrefhttps://use.typekit.net/orj8jru.css> script src/townsquare/libs/fancybox/fancybox.umd.js>/script> link relstylesheet href/townsquare/libs/fancybox/fancybox.css /> !-- script typetext/javascript srchttps://www.videoask.com/embed/embed.js>/script --> script typetext/javascript srchttps://www.google.com/recaptcha/api.js?renderexplicit&onloadonRecaptchaLoadCallback>/script> style> #splash {background-color: #fff; z-index: 1000} /style> /head> body classscene-page lang-en no-select> !-- Google Tag Manager (noscript) --> noscript>iframe srchttps://www.googletagmanager.com/ns.html?idGTM-KZQWPTL8 height0 width0 styledisplay:none;visibility:hidden>/iframe>/noscript> !-- End Google Tag Manager (noscript) --> script> AFRAME.registerComponent(listener, { init: function() { this.el.addEventListener(mouseenter, (e) > { var station_id jQuery(this.el).attr(data-station-id); var drop_up_id #arrow-drop-up- + station_id; jQuery(drop_up_id).removeClass(d-none); } ); this.el.addEventListener(mouseleave, (e) > { var station_id jQuery(this.el).attr(data-station-id); var drop_up_id #arrow-drop-up- + station_id; jQuery(drop_up_id).addClass(d-none); } ); } } ); AFRAME.registerComponent(hilite, { init: function() { this.el.addEventListener(mouseenter, (e) > { this.el.setAttribute(color, #ddf); } ); this.el.addEventListener(mouseleave, (e) > { this.el.setAttribute(color, #fff); } ); } } ); AFRAME.registerComponent(weirdfix, { init: function () { this.el.addEventListener(model-loaded, () > { this.update(); }); }, update: function () { let model this.el.getObject3D(mesh); if (model undefined) return; model.children0.position.set(0, -5.5, 0); }, } ); /script> div idskip-link-container> span idbefore-skip-link classsr-only tabindex-1>Top of page/span> div rolenavigation> a idskip-link href/text-only classsr-only sr-only-focusable>Text only version of site/a> /div> /div> div idsplash classroom-1 d-flex flex-column justify-content-center align-items-center> h2 aria-hiddentrue classtext-light d-block>Loading.../h2> div classspinner-border text-light d-block stylewidth: 4rem; height: 4rem; rolestatus> span classsr-only>Loading.../span> /div> /div> div iddimmer-switch>/div> button typebutton idroom-map-open aria-haspopuptrue aria-expandedfalse classno-select> img src/img/map_button.svg altOpen Navigation Map classimg-fluid draggablefalse /> /button> button typebutton idroom-map-close classd-none no-select> img src/img/close_map.svg altClose Navigation Map classimg-fluid draggablefalse /> /button> div idroom-map classd-none no-select> div class>img src/img/room_map.png altRoom navigation map classimg-fluid draggablefalse />/div> /div> div idnerd-container classno-select d-none> img idnerd-img src/img/nerd1.png altWater nerd, click to play classimg-fluid draggablefalse /> video idnerd-vid classd-none playsinline>/video> /div> div rolenavigation idroom-nav-menu classdropdown text-right explore-btn-container no-select> button idnav-icon classbtn typebutton idmain-menu data-toggledropdown aria-haspopuptrue aria-expandedfalse> div classbtn-wrap> span>/span> span>/span> span>/span> span>/span> /div> /button> div idmain-menu-contents classdropdown-menu dropdown-menu-right aria-labelledbymain-menu> div classlogo-area>img src/img/WRD-logo.svg altWRD logo classimg-fluid />/div> p classstation-title>Education Center/p> a classdropdown-item dropdown-link tf-link href/rooms/view/2>Garden and Outdoor Facility/a> a classdropdown-item dropdown-link gaof-link href/rooms/view/3>Treatment Facility/a> hr classnav-divider/> a rolebutton href idstation-1-menu-item classdropdown-item station-menu-item data-station-id2>1. Main Entrance/a> a rolebutton href idstation-2-menu-item classdropdown-item station-menu-item data-station-id3>2. Reception Area/a> a rolebutton href idstation-3-menu-item classdropdown-item station-menu-item data-station-id4>3. Water in LA County/a> a rolebutton href idstation-4-menu-item classdropdown-item station-menu-item data-station-id32>4. Natural Water Cycle/a> a rolebutton href idstation-5-menu-item classdropdown-item station-menu-item data-station-id5>5. Our Water Future/a> a rolebutton href idstation-6-menu-item classdropdown-item station-menu-item data-station-id6>6. Water Conservation/a> a rolebutton href idstation-7-menu-item classdropdown-item station-menu-item data-station-id7>7. Theater/a> a rolebutton href idstation-8-menu-item classdropdown-item station-menu-item data-station-id8>8. How did Aquifers Form?/a> a rolebutton href idstation-9-menu-item classdropdown-item station-menu-item data-station-id9>9. How do Hydrologists Test our Water?/a> a rolebutton href idstation-10-menu-item classdropdown-item station-menu-item data-station-id10>10. Treatment Process/a> a rolebutton href idstation-11-menu-item classdropdown-item station-menu-item data-station-id11>11. About WRD and Water Facts/a> !-- a classdropdown-item dropdown-link zoom-link href#>/a>--> !-- a classdropdown-item dropdown-link spanish-link href/rooms/view/> /a> --> !-- a classdropdown-item dropdown-link text-only-link href/text-only>/a> --> /div> /div> script> jQuery(document).ready( function() { jQuery(.station-menu-item).on(click, function() { jQuery(#room-nav-menu).dropdown(hide); jQuery(#room-nav-menu).trigger(hide.bs.dropdown); } ); jQuery(#room-nav-menu).on(show.bs.dropdown, function() { jQuery(#nav-icon).addClass(open); jQuery(#main-menu).addClass(is-active); } ); jQuery(#room-nav-menu).on(hide.bs.dropdown, function() { jQuery(#nav-icon).removeClass(open); jQuery(#main-menu).removeClass(is-active); } ); } ); /script> /div> a-scene idroom-scene rendererlogarithmicDepthBuffer: true; look-controlsenabled:false; gesture-detector device-orientation-permission-uienabled: false ar-mode-uienabled: false vr-mode-uienabled: false cursorrayOrigin: mouse; fuse: false; raycasterobjects: .ray-target data-station-id2 rolemain> a-light typeambient color#fff intensity2.0>/a-light> a-entity idcamera-position position0 0 0> a-entity idcamera-rotation rotation0 180.000000 0 > a-camera idcamera fov60 zoom.7 look-controlsenabled:false; vep-look-controlsenabled:true; scroll-zoom>/a-camera> /a-entity> /a-entity> a-assets idasset-list timeout6000> img idnav-arrow-src src/img/nav-arrow3.png altnavigation arrow /> img idstation-2 altStation 2 panorama src/img/managed/AttachedFile/57/Entry_R0010095.JPG> /a-assets>!-- 360-degree image. -->a-sky idroom-360 radius200 phi-start-90.000000 src#station-2 animation__fadeoutproperty: components.material.material.color; type: color; from: #FFF; to: #111; easing: linear; dur: 1000; startEvents: fadeout; animation__fadeinproperty: components.material.material.color; type: color; from: #111; to: #FFF; easing: linear; dur: 1000; startEvents: fadein;>/a-sky>a-image idnav-arrow-2 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id2 world-to-screenid: #arrow-drop-up-2; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-2 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>1. Main Entrance/button>/div>a-entity idstation-2-container classstation-container shown data-station-id2 position0 0 0 rotation0 180.000000 0> div idstation-link-2 classstation-link data-station-id2>/div> div idasset-drop-up-77 classhide-for-init asset-drop-up asset-2 first-station d-none> button idasset-77-button data-toggletooltip data-placementtop titleWelcome classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id77>i classfal fa-video aria-hiddentrue>/i>/button> /div> a-entity idasset-77-container classasset-container child position-0.0242026315 1.6418891698 -0.9988290795 world-to-screenid:#asset-drop-up-77; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-lg; modal_type:plain; iframe:%3Ciframe%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FPfRwjdw-1lc%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-3 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id3 world-to-screenid: #arrow-drop-up-3; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-3 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>2. Reception Area/button>/div>a-entity idstation-3-container classstation-container shown data-station-id3 position25 0 90 rotation0 180.000000 0> div idstation-link-3 classstation-link data-station-id3>/div> div idasset-drop-up-120 classhide-for-init asset-drop-up asset-3 d-none> button idasset-120-button data-toggletooltip data-placementtop titleBoard of Directors classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id120>i classfal fa-image-user board-directors aria-hiddentrue>/i>/button> /div> div idasset-drop-up-151 classhide-for-init asset-drop-up asset-3 d-none> button idasset-151-button data-toggletooltip data-placementtop titleWRD Celebrates 60 Years of Recycled Water classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id151>i classfal fa-video aria-hiddentrue>/i>/button> /div> a-entity idasset-120-container classasset-container child position0.5718302992 1.7204120150 -0.8114869411 world-to-screenid:#asset-drop-up-120; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-lg; modal_type:plain; url:/files/managed/Document/33/Board%20of%20Directors.jpg; image:1; fancybox:1; >/a-entity> a-entity idasset-151-container classasset-container child position0.7154186310 1.6789341046 -0.6942230114 world-to-screenid:#asset-drop-up-151; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-lg; modal_type:plain; iframe:%3Ciframe%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FcNvp8PlWRek%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-4 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id4 world-to-screenid: #arrow-drop-up-4; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-4 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>3. Water in LA County/button>/div>a-entity idstation-4-container classstation-container hidden data-station-id4 position22 0 120 rotation0 180.000000 0> div idstation-link-4 classstation-link data-station-id4>/div> div idasset-drop-up-85 classhide-for-init asset-drop-up asset-4 d-none> button idasset-85-button data-toggletooltip data-placementtop titleLA County Water Use classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id85>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-83 classhide-for-init asset-drop-up asset-4 d-none> button idasset-83-button data-toggletooltip data-placementtop titleTypes of Water classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id83>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-84 classhide-for-init asset-drop-up asset-4 d-none> button idasset-84-button data-toggletooltip data-placementtop titleUses of Water classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id84>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> a-entity idasset-85-container classasset-container child position0.5575542641 1.6842643430 -0.8258527490 world-to-screenid:#asset-drop-up-85; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F770322403%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22802%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20picture-in-picture%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-83-container classasset-container child position0.8087507199 1.9951693735 0.4356184562 world-to-screenid:#asset-drop-up-83; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F770322558%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22797%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20picture-in-picture%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-84-container classasset-container child position0.9464764008 1.7772889742 -0.2697240115 world-to-screenid:#asset-drop-up-84; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F770322482%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22842%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20picture-in-picture%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-32 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id32 world-to-screenid: #arrow-drop-up-32; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-32 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>4. Natural Water Cycle/button>/div>a-entity idstation-32-container classstation-container hidden data-station-id32 position23 0 150 rotation0 180.000000 0> div idstation-link-32 classstation-link data-station-id32>/div> div idasset-drop-up-86 classhide-for-init asset-drop-up asset-32 d-none> button idasset-86-button data-toggletooltip data-placementtop titleNatural Water Cycle classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id86>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-147 classhide-for-init asset-drop-up asset-32 d-none> button idasset-147-button data-toggletooltip data-placementtop titleThe Human Body and Water classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id147>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> a-entity idasset-86-container classasset-container child position-0.9984032306 1.5435120733 0.0003212865 world-to-screenid:#asset-drop-up-86; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762732284%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-147-container classasset-container child position0.8968019791 1.2756529988 0.3009073496 world-to-screenid:#asset-drop-up-147; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-lg; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762732147%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-5 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id5 world-to-screenid: #arrow-drop-up-5; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-5 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>5. Our Water Future/button>/div>a-entity idstation-5-container classstation-container hidden data-station-id5 position4 0 150 rotation0 180.000000 0> div idstation-link-5 classstation-link data-station-id5>/div> div idasset-drop-up-94 classhide-for-init asset-drop-up asset-5 d-none> button idasset-94-button data-toggletooltip data-placementtop titleWhat is the Fate of Rain? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id94>i classfal fa-star-exclamation aria-hiddentrue>/i>/button> /div> div idasset-drop-up-87 classhide-for-init asset-drop-up asset-5 d-none> button idasset-87-button data-toggletooltip data-placementtop titleOur Water Future: Climate Change Impacts classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id87>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-88 classhide-for-init asset-drop-up asset-5 d-none> button idasset-88-button data-toggletooltip data-placementtop titleOur Water Future: Using Local Water classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id88>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-89 classhide-for-init asset-drop-up asset-5 d-none> button idasset-89-button data-toggletooltip data-placementtop titleOur Water Future: Working in Water classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id89>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> a-entity idasset-94-container classasset-container child position-0.1333390772 1.2210337744 -0.9157539464 world-to-screenid:#asset-drop-up-94; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F796310123%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22360%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20picture-in-picture%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-87-container classasset-container child position0.1273354418 1.7357034286 0.9825325769 world-to-screenid:#asset-drop-up-87; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762728211%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-88-container classasset-container child position0.8478302396 1.8117998051 0.4861324176 world-to-screenid:#asset-drop-up-88; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762728421%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-89-container classasset-container child position0.9001753018 2.0301625954 -0.0681510641 world-to-screenid:#asset-drop-up-89; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762728625%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-6 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id6 world-to-screenid: #arrow-drop-up-6; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-6 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>6. Water Conservation/button>/div>a-entity idstation-6-container classstation-container hidden data-station-id6 position25 0 192 rotation0 180.000000 0> div idstation-link-6 classstation-link data-station-id6>/div> div idasset-drop-up-92 classhide-for-init asset-drop-up asset-6 d-none> button idasset-92-button data-toggletooltip data-placementtop titlePrecipitation in California classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id92>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-97 classhide-for-init asset-drop-up asset-6 d-none> button idasset-97-button data-toggletooltip data-placementtop titleWater Conservation classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id97>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-93 classhide-for-init asset-drop-up asset-6 d-none> button idasset-93-button data-toggletooltip data-placementtop titleUrban Water Cycle classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id93>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-95 classhide-for-init asset-drop-up asset-6 d-none> button idasset-95-button data-toggletooltip data-placementtop titleWhat is the Fate of Rain? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id95>i classfal fa-star-exclamation aria-hiddentrue>/i>/button> /div> div idasset-drop-up-155 classhide-for-init asset-drop-up asset-6 d-none> button idasset-155-button data-toggletooltip data-placementtop titleAquivator classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id155>i classfal fa-star-exclamation aria-hiddentrue>/i>/button> /div> a-entity idasset-92-container classasset-container child position-0.6460273804 1.6126047101 0.7632101578 world-to-screenid:#asset-drop-up-92; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-lg; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762732502%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-97-container classasset-container child position-0.8748854813 1.6946111413 0.4749990806 world-to-screenid:#asset-drop-up-97; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762735043%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-93-container classasset-container child position-0.8830427842 1.7645880260 -0.4394840419 world-to-screenid:#asset-drop-up-93; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762735296%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-95-container classasset-container child position0.6162992705 1.0760489823 0.5879205220 world-to-screenid:#asset-drop-up-95; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762738660%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-155-container classasset-container child position0.3147067199 1.5454822333 -0.9476220204 world-to-screenid:#asset-drop-up-155; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F814675664%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22265%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20picture-in-picture%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-7 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id7 world-to-screenid: #arrow-drop-up-7; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-7 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>7. Theater/button>/div>a-entity idstation-7-container classstation-container hidden data-station-id7 position4 0 242 rotation0 180.000000 0> div idstation-link-7 classstation-link data-station-id7>/div> div idasset-drop-up-98 classhide-for-init asset-drop-up asset-7 d-none> button idasset-98-button data-toggletooltip data-placementtop titleTheater video classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id98>i classfal fa-star-exclamation aria-hiddentrue>/i>/button> /div> a-entity idasset-98-container classasset-container child position0.1134560213 1.8395797729 0.9642246956 world-to-screenid:#asset-drop-up-98; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762743715%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-8 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id8 world-to-screenid: #arrow-drop-up-8; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-8 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>8. How did Aquifers Form?/button>/div>a-entity idstation-8-container classstation-container hidden data-station-id8 position-4 0 209 rotation0 180.000000 0> div idstation-link-8 classstation-link data-station-id8>/div> div idasset-drop-up-99 classhide-for-init asset-drop-up asset-8 d-none> button idasset-99-button data-toggletooltip data-placementtop titleAquifer Formation and Groundwater Well Installation classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id99>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-100 classhide-for-init asset-drop-up asset-8 d-none> button idasset-100-button data-toggletooltip data-placementtop titleRecharge Wall classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id100>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-101 classhide-for-init asset-drop-up asset-8 d-none> button idasset-101-button data-toggletooltip data-placementtop titleSand and Gravel classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id101>i classfal fa-star-exclamation aria-hiddentrue>/i>/button> /div> a-entity idasset-99-container classasset-container child position-0.0626734348 1.9871878132 -0.9198682720 world-to-screenid:#asset-drop-up-99; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762747580%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-100-container classasset-container child position0.9869621377 1.7375835409 0.0835254937 world-to-screenid:#asset-drop-up-100; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762747791%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-101-container classasset-container child position0.2157838502 1.2495675823 0.9113914914 world-to-screenid:#asset-drop-up-101; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-lg; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F796310063%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22360%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20picture-in-picture%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-9 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id9 world-to-screenid: #arrow-drop-up-9; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-9 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>9. How do Hydrologists Test our Water?/button>/div>a-entity idstation-9-container classstation-container hidden data-station-id9 position-8 0 177 rotation0 180.000000 0> div idstation-link-9 classstation-link data-station-id9>/div> div idasset-drop-up-96 classhide-for-init asset-drop-up asset-9 d-none> button idasset-96-button data-toggletooltip data-placementtop titleWhat is the Fate of Rain? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id96>i classfal fa-star-exclamation aria-hiddentrue>/i>/button> /div> div idasset-drop-up-103 classhide-for-init asset-drop-up asset-9 d-none> button idasset-103-button data-toggletooltip data-placementtop titleProtect Your Water classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id103>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-104 classhide-for-init asset-drop-up asset-9 d-none> button idasset-104-button data-toggletooltip data-placementtop titleHow do Hydrologists Test our Water? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id104>i classfal fa-video aria-hiddentrue>/i>/button> /div> div idasset-drop-up-105 classhide-for-init asset-drop-up asset-9 d-none> button idasset-105-button data-toggletooltip data-placementtop titleWater Quality Lab classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id105>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> a-entity idasset-96-container classasset-container child position-0.8933797191 1.1965287436 -0.1976957835 world-to-screenid:#asset-drop-up-96; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762795067%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-103-container classasset-container child position-0.0002675988 1.3683187595 -0.9727917204 world-to-screenid:#asset-drop-up-103; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-lg; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762801040%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-104-container classasset-container child position0.9512252144 1.8032876477 -0.2320446591 world-to-screenid:#asset-drop-up-104; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762802288%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-105-container classasset-container child position0.9110824521 1.7392657155 0.3879868889 world-to-screenid:#asset-drop-up-105; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-lg; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F762801497%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-10 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id10 world-to-screenid: #arrow-drop-up-10; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-10 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>10. Treatment Process/button>/div>a-entity idstation-10-container classstation-container hidden data-station-id10 position-19 0 159 rotation0 180.000000 0> div idstation-link-10 classstation-link data-station-id10>/div> div idasset-drop-up-106 classhide-for-init asset-drop-up asset-10 d-none> button idasset-106-button data-toggletooltip data-placementtop titleUltraviolet Light with Advanced Oxidation classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id106>i classfal fa-video aria-hiddentrue>/i>/button> /div> div idasset-drop-up-127 classhide-for-init asset-drop-up asset-10 d-none> button idasset-127-button data-toggletooltip data-placementtop titleHow Reverse Osmosis Works classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id127>i classfal fa-video aria-hiddentrue>/i>/button> /div> div idasset-drop-up-122 classhide-for-init asset-drop-up asset-10 d-none> button idasset-122-button data-toggletooltip data-placementtop titleTreatment Process classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id122>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-149 classhide-for-init asset-drop-up asset-10 d-none> button idasset-149-button data-toggletooltip data-placementtop titleUltrafiltration classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id149>i classfal fa-video aria-hiddentrue>/i>/button> /div> a-entity idasset-106-container classasset-container child position-0.2831838094 1.0451293471 0.7822566642 world-to-screenid:#asset-drop-up-106; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F796322578%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22360%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20picture-in-picture%22%20allowfullscreen%3E; >/a-entity> a-entity idasset-127-container classasset-container child position0.3848729269 1.2598217267 0.8579927578 world-to-screenid:#asset-drop-up-127; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F763827255%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-122-container classasset-container child position0.7751183060 1.7447440124 0.6150128313 world-to-screenid:#asset-drop-up-122; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F814668642%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22640%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20picture-in-picture%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-149-container classasset-container child position-0.0849748197 1.3444486350 0.9630538821 world-to-screenid:#asset-drop-up-149; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3C%2Fiframe%3E%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F763827154%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity>/a-entity>a-image idnav-arrow-11 classnav-arrow ray-target hidden scale1.0 1.0 1.0 gesture-handlerenabled:true; tnt:true; data-station-id11 world-to-screenid: #arrow-drop-up-11; direction: up; listener event-set__mouseentermaterial.color: #fff event-set__mouseleavematerial.color: #fff animation__pulseproperty: components.material.material.color; type: color; from: #888; to: #fff; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; animation__pulse2property: scale; from: 1.0 1.0 1.0; to: 1.05 1.05 1.05; dir: alternate; easing: linear; dur: 1000; loop: true; startEvents: loaded; pauseEvents: mouseenter; resumeEvents: mouseleave; src#nav-arrow-src width2.0 height1.4 color#fff>/a-image>div idarrow-drop-up-11 classarrow-drop-up dropdown d-none stylez-index:999;> button classbtn btn-primary rounded typebutton data-toggledropdown stylefont-size:1.5rem;>11. About WRD and Water Facts/button>/div>a-entity idstation-11-container classstation-container hidden data-station-id11 position-19 0 137 rotation0 180.000000 0> div idstation-link-11 classstation-link data-station-id11>/div> div idasset-drop-up-124 classhide-for-init asset-drop-up asset-11 d-none> button idasset-124-button data-toggletooltip data-placementtop titleWho is WRD? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id124>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-125 classhide-for-init asset-drop-up asset-11 d-none> button idasset-125-button data-toggletooltip data-placementtop titleWho uses Groundwater? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id125>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-116 classhide-for-init asset-drop-up asset-11 d-none> button idasset-116-button data-toggletooltip data-placementtop titleHow do we Keep Groundwater Safe? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id116>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-115 classhide-for-init asset-drop-up asset-11 d-none> button idasset-115-button data-toggletooltip data-placementtop titleWhat are the Benefits of Recycled Water? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id115>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-118 classhide-for-init asset-drop-up asset-11 d-none> button idasset-118-button data-toggletooltip data-placementtop titleHow is WRD Planning for the Future? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id118>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-117 classhide-for-init asset-drop-up asset-11 d-none> button idasset-117-button data-toggletooltip data-placementtop titleHow does WRD Assist Groundwater Users? classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id117>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-126 classhide-for-init asset-drop-up asset-11 d-none> button idasset-126-button data-toggletooltip data-placementtop titleARC Time lapse classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id126>i classfal fa-presentation-screen aria-hiddentrue>/i>/button> /div> div idasset-drop-up-157 classhide-for-init asset-drop-up asset-11 d-none> button idasset-157-button data-toggletooltip data-placementtop titlePledge to Conserve Water classbtn btn-primary rounded-circle icon-button btn-icon typebutton data-asset-id157>i classfal fa-star-exclamation aria-hiddentrue>/i>/button> /div> a-entity idasset-124-container classasset-container child position-0.6272684117 1.5644934845 -0.7779933335 world-to-screenid:#asset-drop-up-124; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F763826499%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-125-container classasset-container child position-0.8011610711 1.5084763008 -0.5914087847 world-to-screenid:#asset-drop-up-125; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F763826661%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-116-container classasset-container child position-0.9999566329 1.6005624457 -0.0092960141 world-to-screenid:#asset-drop-up-116; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F763838307%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-115-container classasset-container child position-0.9737244355 1.6410074935 -0.2240069399 world-to-screenid:#asset-drop-up-115; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F763838156%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-118-container classasset-container child position-0.8803821130 1.5853990150 0.4740402370 world-to-screenid:#asset-drop-up-118; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F763838609%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-117-container classasset-container child position-0.9668094973 1.5717829496 0.2539354131 world-to-screenid:#asset-drop-up-117; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F763838374%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-126-container classasset-container child position0.9920468330 1.6444858438 -0.1177458743 world-to-screenid:#asset-drop-up-126; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-xl; modal_type:plain; iframe:%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F763838740%3Fautoplay%3D1%26loop%3D1%26autopause%3D0%22%20width%3D%22640%22%20height%3D%22564%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3E%3C%2Fiframe%3E; >/a-entity> a-entity idasset-157-container classasset-container child position0.7844948393 1.5402304764 0.6172482898 world-to-screenid:#asset-drop-up-157; direction:up; offset:50; top_offset:0; tbs-modaluse_modal:1; modal_size:modal-md; modal_type:plain; url:/pages/pledge_form; use_ajax:1; >/a-entity>/a-entity>div classtext-left ml-2 mt-2 stylez-index:1001; position:absolute; bottom:100px; left:0px> /div>script> let videoask_url /movies/entry-nerd.en; console.log(in room/view.ctp: + videoask_url); // let videoask_url /nerd-01; if (typeof videoask_url ! undefined) { if (videoask_url.includes(videoask)) { videoask_widget_load(videoask_url); } else if (videoask_url0 /) { jQuery(#nerd-container).removeClass(d-none); jQuery(#nerd-vid).append(source src + videoask_url + .mov typevideo/mp4; codecshvc1 />); jQuery(#nerd-vid).append(source src + videoask_url + .webm typevideo/webm />); } } function hide_hidden() { jQuery(.hidden, .hidden .child).each( function() { if ( this.object3D ! undefined ) this.object3D.visible false; } ); jQuery(.shown, .shown .child).each( function() { if ( this.object3D ! undefined ) this.object3D.visible true; } ); } jQuery( function() { // - Arrays of position/rotation data for each station. // - Also initializes array of station connections. (adj) // var n 11; var name ; var x ; var z ; var yaw ; var phi ; var va_url ; var adj {}; adj2 {} adj2.station_3 true; adj2.station_3_px 0.0000000000; adj2.station_3_pz 0.0000000000; adj2.station_3_ry 0.0000000000; adj3 {} adj3.station_4 true; adj3.station_4_px -0.1244265336; adj3.station_4_pz 4.5428679216; adj3.station_4_ry 0.0748642727; adj3.station_2 true; adj3.station_2_px -4.1299500626; adj3.station_2_pz -3.3714958266; adj3.station_2_ry -1.9107147147; adj4 {} adj4.station_32 true; adj4.station_32_px -0.5764599068; adj4.station_32_pz 4.7219502329; adj4.station_32_ry 0.6441862341; adj4.station_3 true; adj4.station_3_px 1.2215272383; adj4.station_3_pz -4.0938774598; adj4.station_3_ry 3.0419240011; adj32 {} adj32.station_6 true; adj32.station_6_px 0.0000000000; adj32.station_6_pz 0.0000000000; adj32.station_6_ry 0.0000000000; adj32.station_4 true; adj32.station_4_px -1.8433551738; adj32.station_4_pz -4.1354713402; adj32.station_4_ry -3.1082716577; adj32.station_5 true; adj32.station_5_px -3.7523162673; adj32.station_5_pz 1.8026006313; adj32.station_5_ry -1.5707963268; adj5 {} adj5.station_8 true; adj5.station_8_px -3.5351104853; adj5.station_8_pz 4.0252331221; adj5.station_8_ry -0.1347712845; adj5.station_4 true; adj5.station_4_px 2.9537654505; adj5.station_4_pz -2.7145706110; adj5.station_4_ry 2.6011731533; adj5.station_32 true; adj5.station_32_px 1.5943107108; adj5.station_32_pz 3.4472745570; adj5.station_32_ry 1.5707963268; adj6 {} adj6.station_8 true; adj6.station_8_px -4.3926582296; adj6.station_8_pz 3.2301862915; adj6.station_8_ry -1.0405805540; adj6.station_7 true; adj6.station_7_px 2.5393055920; adj6.station_7_pz 5.4606820682; adj6.station_7_ry -0.0485621411; adj6.station_32 true; adj6.station_32_px 1.1953661862; adj6.station_32_pz -4.2192886596; adj6.station_32_ry -3.0940095503; adj7 {} adj7.station_6 true; adj7.station_6_px 5.4288586466; adj7.station_6_pz -2.9275086186; adj7.station_6_ry 2.7439646621; adj7.station_8 true; adj7.station_8_px -5.8507294902; adj7.station_8_pz -2.8663986996; adj7.station_8_ry -2.9037567261; adj8 {} adj8.station_7 true; adj8.station_7_px -4.2713168221; adj8.station_7_pz 2.4443549868; adj8.station_7_ry 0.2378359275; adj8.station_6 true; adj8.station_6_px 4.4367725511; adj8.station_6_pz -3.2465022378; adj8.station_6_ry 2.1010120996; adj8.station_9 true; adj8.station_9_px -2.5660656180; adj8.station_9_pz -3.5276470145; adj8.station_9_ry -3.0172376590; adj9 {} adj9.station_8 true; adj9.station_8_px 2.1824657928; adj9.station_8_pz 3.6101371837; adj9.station_8_ry 0.1243549945; adj9.station_11 true; adj9.station_11_px -0.1749753701; adj9.station_11_pz -7.4967099006; adj9.station_11_ry -2.8732264427; adj9.station_10 true; adj9.station_10_px -3.0982831237; adj9.station_10_pz -3.0530918329; adj9.station_10_ry -2.5930432511; adj9.station_5 true; adj9.station_5_px 3.2715127649; adj9.station_5_pz -4.0205952777; adj9.station_5_ry 2.7233683240; adj10 {} adj10.station_8 true; adj10.station_8_px 3.0073110206; adj10.station_8_pz 5.9980769033; adj10.station_8_ry 6.4873756391; adj10.station_5 true; adj10.station_5_px 2.8719664621; adj10.station_5_pz 1.3497221819; adj10.station_5_ry 1.5074517356; adj10.station_11 true; adj10.station_11_px 2.9884584690; adj10.station_11_pz -4.0089643813; adj10.station_11_ry 3.1415926536; adj10.station_9 true; adj10.station_9_px 0.3573590459; adj10.station_9_pz 3.3943261815; adj10.station_9_ry 5.1736719202; adj11 {} adj11.station_10 true; adj11.station_10_px -1.6376094587; adj11.station_10_pz 3.4125096503; adj11.station_10_ry 0.1745329252; adj11.station_3 true; adj11.station_3_px -1.4600483694; adj11.station_3_pz -4.7606381477; adj11.station_3_ry 3.9599459146; x2 -45; z2 100.0000000000; yaw2 180.000000; phi2 -90.000000; name2 1. Main Entrance; va_url2 /movies/entry-nerd.en; x3 -20; z3 190.0000000000; yaw3 180.000000; phi3 -90.000000; name3 2. Reception Area; va_url3 /movies/board-of-directors.en; x4 -23; z4 220.0000000000; yaw4 180.000000; phi4 -90.000000; name4 3. Water in LA County; x32 -22; z32 250.0000000000; yaw32 180.000000; phi32 -90.000000; name32 4. Natural Water Cycle; x5 -41; z5 250.0000000000; yaw5 180.000000; phi5 -90.000000; name5 5. Our Water Future; x6 -20; z6 292.0000000000; yaw6 180.000000; phi6 -90.000000; name6 6. Water Conservation; x7 -41; z7 342.0000000000; yaw7 180.000000; phi7 -90.000000; name7 7. Theater; x8 -49; z8 309.0000000000; yaw8 180.000000; phi8 -90.000000; name8 8. How did Aquifers Form?; x9 -53; z9 277.0000000000; yaw9 180.000000; phi9 -90.000000; name9 9. How do Hydrologists Test our Water?; x10 -64; z10 259.0000000000; yaw10 180.000000; phi10 -90.000000; name10 10. Treatment Process; va_url10 /movies/treatment-welcome.en; x11 -64; z11 237.0000000000; yaw11 180.000000; phi11 -90.000000; name11 11. About WRD and Water Facts; va_url11 /movies/conserve-water-pledge.en; // - This shifts all the stations around so the camera can stay at (0,0,0) // function move_station(el, force) { // if ( !force && el.object3D!undefined && el.object3D.visiblefalse ) return; var s jQuery(el).attr(data-station-id); jQuery(#room-scene).attr(data-station-id, s); jQuery(.person).each( function() { let p_el jQuery(this); let i p_el.attr(data-station-id); let p_x p_el.attr(data-x) - xs; let p_z p_el.attr(data-z) - zs; //console.log(p_el.attr(data-x), p_el.attr(data-z), xi, zi, p_x, p_z, xs, zs); let yy -1; var pyaw p_el.attr(data-yaw); p_el.attr(rotation, 0 + pyaw + 0); } ); jQuery(.station-link).each( function() { var i jQuery(this).attr(data-station-id); var arrow_id #nav-arrow- + i; // Dont remember why I need el? Looks bogus, TBH. // el.object3D.visible (is); // position the station var xx xi - xs; var yy 8; var zz zi - zs; //jQuery(this).attr(position, xx + + yy + + zz); // angle the banners toward user // may need to move or do somehting different if we want to alter banner along arc. var yaw 180.0 + 180.0*(Math.atan2(xx, zz))/(Math.PI); //jQuery(this).attr(rotation, 0 + + yaw + + 0); // position the arrows // Turn adjacent arrows on/off // Turn station icons on/off if ( adjs!undefined && adjsstation_ + i!undefined ) { // && empty($_GETno_arrows) ) { var dist Math.sqrt(xx*xx + zz*zz); if (adjsstation_+i+_px ! 0.0) { var xxx adjsstation_+i+_px; var zzz adjsstation_+i+_pz; var r_y THREE.MathUtils.radToDeg(adjsstation_+i+_ry); } else { var d 4.5; var xxx d*xx/dist; var zzz d*zz/dist; var r_y yaw - 180.0; } jQuery(#nav-arrow-+i).attr(position, xxx + -1 + zzz); jQuery(#nav-arrow-+i).attr(rotation, 90 + r_y + 0); jQuery(#nav-arrow-+i).addClass(shown).removeClass(hidden); jQuery(#station-link-+i).addClass(shown).removeClass(hidden); jQuery(#station-drop-+i).removeClass(d-none); jQuery(.asset-drop-up.asset-+i).addClass(d-none); //jQuery(#shadow-plane-+i).position.y -5.5; jQuery(#shadow-plane-+i).attr(visible, false); } else if ( i s ) { jQuery(#nav-arrow-+i).attr(position, 0 -2.5 0); // click can still trigger without this... may need more here. jQuery(#nav-arrow-+i).addClass(hidden).removeClass(shown); jQuery(#station-link-+i).addClass(shown).removeClass(hidden); jQuery(#station-drop-+i).addClass(d-none); jQuery(.asset-drop-up.asset-+i).removeClass(d-none); jQuery(#shadow-plane-+i).attr(visible, true); jQuery(#shadow-plane-+i).position.y -5.25; } else { jQuery(#nav-arrow-+i).attr(position, 0 -2.5 0); // click can still trigger without this... may need more here. jQuery(#nav-arrow-+i).addClass(hidden).removeClass(shown); jQuery(#station-link-+i).addClass(hidden).removeClass(shown); jQuery(#station-drop-+i).addClass(d-none); jQuery(.asset-drop-up.asset-+i).addClass(d-none); //jQuery(#shadow-plane-+i).position.y -5.5; jQuery(#shadow-plane-+i).attr(visible, false); } } ); // View adjacent stations. // Translate station positions for new viewpoint. //console.log(adj); jQuery(.station-container).each( function() { i jQuery(this).attr(data-station-id); if ( is || ( (typeof adjs ! undefined) && (typeof adjsstation_+i ! undefined) ) ) { //console.log(showing station + i); jQuery(this).addClass(shown).removeClass(hidden); } else { //console.log(hiding station + i); jQuery(this).addClass(hidden).removeClass(shown); } var xx xi - xs; var yy 0; var zz zi - zs; var dist Math.sqrt(xx*xx + zz*zz); //console.log(i + is + dist + ft away.); jQuery(this).attr(position, xx + + yy + + zz); } ); hide_hidden(); } var room_bg document.querySelector(#room-360); var camera_position document.querySelector(#camera-position); var camera_rotation document.querySelector(#camera-rotation); var yaw_initial 0.0; 180.000000; var yaw_room yaw_initial; var yaw_old yaw_room; console.log(YEEHAW YAW: + yaw_old); // Clicking on these moves you to the corresponding station. jQuery(.station-menu-item, .nav-arrow, .station-link, .btn-banner-link).on(click, function (e) { if (typeof title_base undefined) title_base jQuery(title).text(); if (window.moving_arrow) return; e.preventDefault(); e.stopPropagation(); // if ( this.object3D!undefined && this.object3D.visiblefalse ) return; var s jQuery(this).attr(data-station-id); jQuery(.station-menu-item).removeClass(active); jQuery(`#main-menu-contents data-station-id${s}`).addClass(active); var s_name names; jQuery(title).text(`${title_base} : ${s_name}`); var ss jQuery(#room-scene).attr(data-station-id); if ( s ss ) { move_station(document.querySelector(#station-link- + s), true); return; } // Change videoask if one is set. show/hide button. if ( va_urls ! undefined ) { if (va_urls.includes(videoask)) { jQuery(#videoask-button).removeClass(d-none); videoask_widget_unload(); videoask_widget_load(videoask_url, noplay); } else { jQuery(#nerd-container).removeClass(d-none); jQuery(#nerd-img).removeClass(d-none); jQuery(#nerd-vid).remove(); jQuery(#nerd-container).append(video idnerd-vid class playsinline>/video>); jQuery(#nerd-vid).append(source src + va_urls + .mov typevideo/mp4; codecshvc1 />); jQuery(#nerd-vid).append(source src + va_urls + .webm typevideo/webm />); jQuery(#nerd-vid).get(0).pause(); jQuery(#nerd-vid).get(0).currentTime 0; jQuery(#nerd-vid).addClass(d-none); } videoask_url va_urls; } else { videoask_widget_unload(); jQuery(#videoask-button).addClass(d-none); jQuery(#nerd-container).addClass(d-none); jQuery(#nerd-vid).html(); } // what direction are we going? Its split in two halves. var yaw_room yaws; var x_move (xs-xss)/2.0; var z_move (zs-zss)/2.0; // Set look pitch back to zero. Figure out how much yaw spin we need to do. //var controls document.querySelector(#camera).componentslook-controls; var controls document.querySelector(#camera).componentsvep-look-controls; var yaw_look yaw_initial + (controls.yawObject.rotation.y * 57.295779513082); controls.pitchObject.rotation.x 0; console.log(YAW LOOK: + yaw_look); // Try to spin the right direction, the smallest amount. var yaw_new yaw_room + yaw_look;// + yaw_initial // - yaw_look; yaw_new 360.0 * ( (yaw_new/360.0) - Math.trunc(yaw_new/360.0) ); if (yaw_new > 180.0) { yaw_new -360.0 + yaw_new; } else if (yaw_new -180.0) { yaw_new 360.0 + yaw_new; } delta_yaw yaw_new - yaw_old; if (delta_yaw > 180.0) { yaw_new yaw_new - 360.0; } else if (delta_yaw -180.0) { yaw_new yaw_new + 360.0; } var my_camera document.getElementById(camera).getAttribute(camera); my_camera.zoom 0.7; document.getElementById(camera).setAttribute(camera, my_camera); // Figure out the rotate and translate animations var animation_rotate property: rotation; + from: 0 + yaw_old + 0; + to: 0 + yaw_new + 0; + dur: 1000; + easing: linear; + startEvents: camera_rotate; yaw_old yaw_new; //console.log(YEEHAW YAW: + yaw_new); var animation_moveout property: position; + from: 0 0 0; + to: + x_move + 0 + z_move + ; + easing: easeInQuad; + dur: 500; + startEvents: camera_moveout; var animation_movein property: position; + from: + (-x_move) + 0 + (-z_move) + ; + to: 0 0 0; + easing: easeOutQuad; + dur: 500; + startEvents: camera_movein;; // Set animation events in their elements. jQuery(#camera-position).attr(animation__moveout, animation_moveout); jQuery(#camera-position).attr(animation__movein, animation_movein); // Trigger the animation events. Turn on the overlay that makes things go dark for pano switch. jQuery(#dimmer-switch).show(); jQuery(#dimmer-switch).css(z-index, 1000); camera_rotation.emit(camera_rotate); camera_position.emit(camera_moveout); jQuery(#dimmer-switch).animate( { opacity: 0.9 }, 500, easeOutQuint ); // Halfway through, switch the panos. setTimeout(function() { camera_position.emit(camera_movein); move_station(document.querySelector(#station-link- + s), true); jQuery(#room-360).attr(src, #station- + s); jQuery(#room-360).attr(phi-start, phis); jQuery(#camera-position).attr(position, (-x_move) + 0 + (-z_move)); jQuery(#dimmer-switch).animate( { opacity: 0.0 }, 800, easeInQuint ); }, 500); setTimeout(function() { if ( !jQuery(#station-drop- + s).hasClass(show) ) { jQuery(#station-drop-label- + s).dropdown(toggle); } jQuery(#dimmer-switch).hide(); }, 1350); jQuery(.map-pin).attr(src, /img/white_pin.svg); jQuery(#map-pin-+s).attr(src, /img/black_pin.svg); window.location.hash s; } ); // End of event hanlder for click to move to new station. jQuery(#station-link-2).trigger(click); // click on asset icon go button. jQuery(.btn-icon).on(click, function(e) { e.preventDefault(); e.stopPropagation(); var id jQuery(this).attr(data-asset-id); jQuery(#asset-+id+-container).trigger(click); } ); // Not sure why this is called now... hide_hidden(); jQuery(#add-arc-asset).on(click, function(e) { e.preventDefault(); e.stopPropagation(); alert(This does nothing); } ); jQuery(#add-wall-asset).on(click, function(e) { e.preventDefault(); e.stopPropagation(); canvas_el jQuery(.a-canvas); canvas_el.addClass(a-target-cursor); canvas_el.removeClass(a-grab-cursor); let ss jQuery(#room-scene).attr(data-station-id); document.addEventListener(click, (e) > { let rect document.querySelector(body).getBoundingClientRect(); let camera AFRAME.scenes0.camera; let mouse new THREE.Vector2(); mouse.x ( (e.clientX - rect.left) / rect.width ) * 2 - 1.0; mouse.y - ( (e.clientY - rect.top) / rect.height ) * 2 + 1.0; let z (camera.near + camera.far) / (camera.near - camera.far); let position new THREE.Vector3(); let vec1 new THREE.Vector3( mouse.x, mouse.y, -1.0 ) .unproject( camera ) .sub(camera.getWorldPosition(position)) .normalize() .add(camera.getWorldPosition(position)); // - This is for pointing the screens center (with target added) at where you want the button and click. //let quaternion new THREE.Quaternion(); //let vec2 new THREE.Vector3( 0.0, 0.0, 1.0 ).applyQuaternion(camera.getWorldQuaternion(quaternion)); jQuery.ajax( { dataType: html, url: `\/townsquare\/assets\/add_wall\/1\/${ss}\/${-vec1.x}\/${vec1.y}\/${-vec1.z}`, type: POST, success: function (data, textStatus) { jQuery(#add-asset-modal).modal(show); jQuery(#add-asset-modal .modal-header h2).text(Add Wall Asset); jQuery(#add-asset-modal .modal-body).html(data); } } ); canvas_el.addClass(a-grab-cursor); canvas_el.removeClass(a-target-cursor); }, { once: true } ); } ); // - Move arrows around. window.track_mouse false; window.moving_arrow false; window.moving_arrow_id 0; window.moving_arrow_el null; let mouse_factor -0.02; let mouse new THREE.Vector3(); // - using mouse. jQuery(.nav-arrow).on(click, function (e) { if (!window.moving_arrow) return; //let sid document.getElementById(room-scene).getAttribute(data-station-id); window.moving_arrow_id this.getAttribute(data-station-id); window.moving_arrow_el this; document.getElementById(move-arrow).text Click to Save; } ); jQuery(#room-scene).on(mousedown, function(e) { if (window.moving_arrow) window.track_mouse true; } ); jQuery(#room-scene).on(mouseup, function(e) { if (window.moving_arrow) window.track_mouse false; } ); jQuery(#room-scene).on(mousemove, function(e) { if (window.track_mouse && window.moving_arrow) { // Need to rotate x,y by current direction. let a (Math.PI/180.0) * document.getElementById(camera).getAttribute(rotation).y; let x mouse_factor*e.originalEvent.movementX; let y mouse_factor*e.originalEvent.movementY; // console.log(a, x, y, mouse_factor, e); let xx x*Math.cos(a) + y*Math.sin(a); let yy y*Math.cos(a) - x*Math.sin(a); mouse.set(xx, 0, yy); window.moving_arrow_el.object3D.position.add(mouse); } } ); // There is no jquery mouse wheel event. document.getElementById(room-scene).addEventListener(wheel, function(e) { if (window.moving_arrow) { window.moving_arrow_el.object3D.rotation.y + THREE.MathUtils.degToRad(5.0*(e.deltaY>0 ? 1 : -1)); } }, {passive: false} ); jQuery(#move-arrow).on(click, function(e) { e.preventDefault(); e.stopPropagation(); window.moving_arrow true; if (this.classList.contains(move)) { this.text Click arrow to move; this.classList.remove(move); this.classList.add(save); document.getElementById(camera).setAttribute(vep-look-controls, {enabled: false}); document.getElementById(camera).setAttribute(scroll-zoom, {enabled: false}); } else if (this.classList.contains(save)) { document.getElementById(move-arrow).text Move Arrow; this.classList.remove(save); this.classList.add(move); document.getElementById(camera).setAttribute(vep-look-controls, {enabled: true}); document.getElementById(camera).setAttribute(scroll-zoom, {enabled: true}); let sid document.getElementById(room-scene).getAttribute(data-station-id); let asid window.moving_arrow_id; let ob window.moving_arrow_el.object3D; jQuery.ajax( { dataType: html, url: `\/townsquare\/stations\/move_arrow\/${sid}\/${asid}\/${ob.position.x}\/${ob.position.z}\/${ob.rotation.y}`, type: GET, success: function (data, textStatus) { jQuery(#add-asset-modal).modal(show); jQuery(#add-asset-modal .modal-header h2).text(Moving Arrow); jQuery(#add-asset-modal .modal-body).html(data); adjsidstation_+asid+_px ob.position.x; adjsidstation_+asid+_pz ob.position.z; adjsidstation_+asid+_ry ob.rotation.y; } } ); window.moving_arrow false; } } ); // - finger stuff might work, who knows... /* let finger_factor 5.0; let finger new THREE.Vector3(); document.getElementById(room-scene).addEventListener(onefingermove, function(e_finger) { let p e_finger.detail.positionChange; finger.set(-p.x*finger_factor, 0, -p.y*finger_factor); moving_arrow.object3D.position.add(finger); } ); */ /* // There used to be a TBS button that toggled all the banners. // There used to be a TBS button that toggled all the stations but for the current one. // There used to be a ring that the arrows were inside of. // There used to be a TBS button that toggled all the TBS dropdowns over stations. // if you want any of that look in git. pre 9/26 */ } ); var widget null; var modal null; function videoask_widget_unload() { if (widget) { widget.remove(); widget null; } if (modal) { modal.remove(); modal null; } } function videoask_widget_load(videoask_url, play) { if (!window.videoask) return; var config { kind: widget, url: videoask_url, options: { widgetType: VideoThumbnailExtraLarge, text: Need help?, backgroundColor: #7D00FE, position: bottom-right, dismissable: false } }; var callbacks { onLoadModal: ({element}) > { modal element; } }; if (playplay) { window.videoask.loadModal(config, callbacks); } window.videoask.loadEmbed(config, callbacks).then((element) > { widget element; } ); }/script> /a-scene> div idfooter>span classsr-only>Powered by MIG/span>/div> div idsignin-modal classmodal fade tabindex-1> div classmodal-dialog modal-lg modal-dialog-centered> div classmodal-content> div classmodal-header> button typebutton classclose data-dismissmodal aria-labelClose> span aria-hiddentrue>×/span> span classsr-only>Close/span> /button> /div> div classmodal-body> div idsignin-modal-message classd-none>/div> div idsignin-modal-main>/div> /div> /div>!-- /.modal-content --> /div>!-- /.modal-dialog --> /div>!-- /.modal --> div idscene-modal classmodal fade data-keyboardfalse tabindex-1> div idscene-modal-dialog classmodal-dialog modal-dialog-centered> div classmodal-content> div classmodal-header> button idscene-modal-close typebutton classclose data-dismissmodal aria-labelClose> span aria-hiddentrue>×/span> /button> /div> div classmodal-body> a idmodal-skip-link href/text-only classsr-only sr-only-focusable>Text only version of site./a> div idscene-modal-message classd-none>/div> div idscene-modal-main> h1>Welcome to WRDbr/>Albert Robles Center/h1> p>The five-acre Albert Robles Center for Water Recycling & Environmental Learning (ARC) is located in the City of Pico Rivera, California, USA. ARC is a multipurpose and multi-benefit site which encapsulates the Water Replenishment Districts commitment to the community through the construction of a state-of-the-art Advanced Water Treatment Facility, a fully digital Learning Center, and a Demonstration Garden./p> p>Treating 14 million gallons of water per day, the ARC facility is the cornerstone project of WRDs Water Independence Now (WIN) program which created a locally sustainable water supply for groundwater recharge. The groundwater managed by WRD meets 50% of the water demands for 4 million residents in WRDs 420-square-mile service area located in southern Los Angeles County./p> button idclose-welcom classbtn btn-secondary typebutton> Explore the Albert Robles Center /button> !-- div classd-flex justify-content-center mb-4> a langes href/rooms/view/5 classbtn btn-secondary stylemargin:10px 7px 0;>Español/a> a href/text-only classbtn btn-secondary stylemargin:10px 8px 0;>Text Only/a> /div> --> /div> /div> div classmodal-footer> img src/img/WRD-logo.svg altWRD logo classimg-fluid /> /div> /div>!-- /.modal-content --> /div>!-- /.modal-dialog -->/div>!-- /.modal --> div idplain-modal classmodal fade data-backdropstatic data-keyboardfalse tabindex-1> div idplain-modal-dialog classmodal-dialog modal-dialog-centered> div classmodal-content> div classmodal-header> button typebutton classclose data-dismissmodal aria-labelClose> span aria-hiddentrue>×/span> /button> /div> div classmodal-body> div idplain-modal-message classd-none>/div> div idplain-modal-main>/div> /div> div classmodal-footer>/div> /div>!-- /.modal-content --> /div>!-- /.modal-dialog -->/div>!-- /.modal --> script> jQuery(#plain-modal).on(hidden.bs.modal, function (event) { jQuery(#plain-modal-main).html(); } );/script> script> var modal_closed false jQuery( function() { jQuery(data-toggletooltip).tooltip({ container: body }) jQuery(.drop-on-hover).on(mouseenter, function(e) { var asset_id jQuery(this).attr(data-asset-id); if ( jQuery(#asset-drop-up- + asset_id + .dropdown-menu).hasClass(show) ) return; jQuery(this).dropdown(toggle); } ); /* jQuery(.drop-on-hover).on(mouseleave, function(e) { var asset_id jQuery(this).attr(data-asset-id); if ( !jQuery(#asset-drop-up- + asset_id + .dropdown-menu).hasClass(show) ) return; jQuery(this).dropdown(toggle); } ); */ // - Absolutely not clear why this is needed. Some other handler disabling the links? why? jQuery(.dropdown-link).on(click, function(e) { e.preventDefault(); var href jQuery(this).attr(href); window.location.href href; } ); // - Show the stuff hidden durring load. jQuery(.hide-for-init.first-station).removeClass(d-none); // - Show modal on load jQuery(#scene-modal).modal(show); jQuery(#scene-modal).on(hidden.bs.modal, function() { modal_closed true; jQuery(#scene-modal).trigger(loaded); jQuery(#before-skip-link).focus(); } ); jQuery(#scene-modal-close, #close-welcom).on(click, function () { jQuery(#scene-modal).modal(hide); } ); jQuery(#scene-modal).trigger(loaded); } ); // When the scene loads remove the splash screen. // Try to make sure all loaded listeners have fired. // multiple listenner stuff not working yet. var assets_loaded false; // should be false var scene_loaded false; // should be false var done_already false; // should be false var all_assets_loaded false; // should be false jQuery(#room-scene, #asset-list, #scene-modal).on(loaded, function () { if ( document.getElementById(asset-list).hasLoaded ) assets_loaded true; if ( document.getElementById(room-scene).hasLoaded ) scene_loaded true; console.log(assets_loaded, scene_loaded, modal_closed, done_already); if ( assets_loaded && scene_loaded && !all_assets_loaded ) { console.log(fetching panorama 3); jQuery(#asset-list).append(img idstation-3 altStation 3 panorama src/files/managed/AttachedFile/58/Ex1_R0010092.JPG>);console.log(fetching panorama 4); jQuery(#asset-list).append(img idstation-4 altStation 4 panorama src/files/managed/AttachedFile/59/Ex2_R0010069.JPG>);console.log(fetching panorama 32); jQuery(#asset-list).append(img idstation-32 altStation 32 panorama src/files/managed/AttachedFile/67/Ex3a_R0010131.JPG>);console.log(fetching panorama 5); jQuery(#asset-list).append(img idstation-5 altStation 5 panorama src/files/managed/AttachedFile/60/Ex3_R0010072.JPG>);console.log(fetching panorama 6); jQuery(#asset-list).append(img idstation-6 altStation 6 panorama src/files/managed/AttachedFile/61/Ex4_R0010075.JPG>);console.log(fetching panorama 7); jQuery(#asset-list).append(img idstation-7 altStation 7 panorama src/files/managed/AttachedFile/62/Ex5_R0010125.jpg>);console.log(fetching panorama 8); jQuery(#asset-list).append(img idstation-8 altStation 8 panorama src/files/managed/AttachedFile/63/Ex6_R0010081.JPG>);console.log(fetching panorama 9); jQuery(#asset-list).append(img idstation-9 altStation 9 panorama src/files/managed/AttachedFile/64/Ex7_R0010086.JPG>);console.log(fetching panorama 10); jQuery(#asset-list).append(img idstation-10 altStation 10 panorama src/files/managed/AttachedFile/65/Ex8_R0010132.JPG>);console.log(fetching panorama 11); jQuery(#asset-list).append(img idstation-11 altStation 11 panorama src/files/managed/AttachedFile/21/Ex9_sm.jpg>); all_assets_loaded true; jQuery(#asset-list).trigger(loaded); } if ( assets_loaded && scene_loaded && modal_closed && !done_already ) { done_already true; var animation_intro_time ; /* var animation_intro property: rotation; + from: 0 0; + to: 0 0; + dur: + animation_intro_time + ; + easing: easeInOutSine; + startEvents: camera_intro; jQuery(#camera-rotation).attr(animation__intro, animation_intro); */ setTimeout(function() { jQuery(#splash).removeClass(d-flex).addClass(d-none); if (window.location.hash) { console.log(window.location.hash); let arg window.location.hash.match(/#(0-9+)/i); if (arg1) { console.log(going to + window.location.hash); jQuery(`#station-link-${arg1}`).trigger(click); } } else { console.log(Just this...); jQuery(#station-link-2).trigger(click); } let map_open document.cookie.split(; ).find((r) > r.startsWith(map_open))?.split()1; if (map_open yes) { jQuery(#room-map-open).trigger(click); } }, 1000); jQuery(#camera-rotation).attr(rotation, 0 180 0); // - Play videoask after loading animation. if (typeof videoask_url ! undefined) { if (videoask_url.includes(videoask)) { // we arent autoplaying any more. setTimeout(function() { videoask_widget_load(videoask_url, play); jQuery(#station-drop-label-2).dropdown(toggle); }, animation_intro_time ); } } } } ); jQuery(#mapbox-modal-back).on(click, function() { // cross origin error... jQuery(#scene-modal-main iframe).get()0.contentWindow.history.back(); jQuery(#map-frame).attr(src, jQuery(#map-frame-src).val()); } ); /script> script src/js/pins.js>/script> script> let name; name2 1. Main Entrance; name3 2. Reception Area; name4 3. Water in LA County; name5 5. Our Water Future; name6 6. Water Conservation; name7 7. Theater; name8 8. How did Aquifers Form?; name9 9. How do Hydrologists Test our Water?; name10 10. Treatment Process; name11 11. About WRD and Water Facts; name12 1. San Gabriel River Headwaters; name13 2. San Gabriel River - Upstream; name14 3. San Gabriel River - Downstream; name15 4. San Gabriel River - Urban Gateway; name16 5. San Gabriel River - Urban Ecosystem 1; name17 6. San Gabriel River - Urban Ecosystem 2; name18 7. San Gabriel River - Urban Ecosystem 3; name19 8. San Gabriel River - Ocean Outfall; name21 10. Garden - Bioswales; name22 9. Garden - Native Pollinator Plants; name23 11. Garden - Amphitheater 1; name24 12. Garden - Amphitheater 2; name25 13. Garden - Native Woodland Plants; name26 14. Garden - Mediterranean Plants; name27 5. Control Room; name28 4. UV Light with Advanced Oxidation (Stage 3); name29 3. Reverse Osmosis (Stage 2); name30 2. Ultrafiltration (Stage 1); name31 1. Treatment Facility Entrance; name32 4. Natural Water Cycle; jQuery(#room-map-open).on(click, function() { jQuery(#room-map-open).addClass(d-none); jQuery(#room-map-close).removeClass(d-none); jQuery(#room-map).removeClass(d-none); document.cookie map_openyes; SameSiteNone; Secure; } ); jQuery(#room-map-close).on(click, function() { jQuery(#room-map-open).removeClass(d-none); jQuery(#room-map-close).addClass(d-none); jQuery(#room-map).addClass(d-none); document.cookie map_openno; SameSiteNone; Secure; } ); pins.forEach( (room) > { room.points.forEach( (p) > { let pin document.createElement(img); pin.id map-pin- + p.i; pin.setAttribute(draggable, false); pin.setAttribute(title, namep.i); //namep.i); pin.style.position absolute; pin.style.top p.y + px; pin.style.left p.x + px; pin.style.zIndex 2000; pin.classList.add(map-pin); pin.setAttribute(src, /img/white_pin.svg); if (2 p.i) { pin.classList.add(active); pin.setAttribute(src, /img/black_pin.svg); } document.getElementById(room-map).append(pin); if (room.id ! 1) { jQuery(pin).on(click, function() { document.location `/rooms/view/${room.id}#${p.i}`; } ); } else { jQuery(pin).on(click, function() { jQuery(`#station-link-${p.i}`).trigger(click); } ); } } ); } ); jQuery(#nerd-container).on(mouseover, function() { jQuery(#nerd-container img).attr(src, /img/nerd2.png); } ); jQuery(#nerd-container).on(mouseout, function() { jQuery(#nerd-img).attr(src, /img/nerd1.png); } ); jQuery(#nerd-container).on(click, function() { console.log(in scene.ctp: + videoask_url); if ( jQuery(#nerd-vid).hasClass(d-none) ) { jQuery(#nerd-img).addClass(d-none); //jQuery(#nerd-vid).append(source src + videoask_url + .mov typevideo/mp4; codecshvc1 />); //jQuery(#nerd-vid).append(source src + videoask_url + .webm typevideo/webm />); jQuery(#nerd-vid).removeClass(d-none); } let vid jQuery(#nerd-vid).get(0); if (vid.paused) { vid.play(); } else { vid.pause(); } } ); /script> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]