360 Virtual Tour - Change the Present, Save the Ocean - Exhibition by CDL and NParks

<!DOCTYPE html>    <html lang="en" class="IE">  <head> <meta name="robots" content="index"> <meta charset="utf-8"> <title>360 Virtual Tour - Change the Present, Save the Ocean - Exhibition by CDL and NParks - Chio Space</title> <meta name="description" content="“CHANGE THE PRESENT, SAVE THE OCEAN.” CLIMATE ACTION EXHIBITION As the world faces climate and health emergencies, the urgency of climate action has never been more evident. The health of the ocean, in particular, is..." /> <link rel="canonical" href="https://chio.space/virtual-tour/" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="360 Virtual Tour - Change the Present, Save the Ocean - Exhibition by CDL and NParks - Chio Space" /> <meta property="og:description" content="“CHANGE THE PRESENT, SAVE THE OCEAN.” CLIMATE ACTION EXHIBITION As the world faces climate and health emergencies, the urgency of climate action has never been more evident. The health of the ocean, in particular, is..." /> <meta property="og:url" content="https://chio.space/virtual-tour/cdl-green-gallery-2022" /> <meta property="og:site_name" content="Chio Space" /> <link rel="image_src" type="image/png" href="https://chio.space/virtual-tour/public/space/images/CDL_save_the_ocean_cover2.JPG" /> <meta property="og:image" content="https://chio.space/virtual-tour/public/space/images/CDL_save_the_ocean_cover2.JPG" /> <meta property="og:image:secure_url" content="https://chio.space/virtual-tour/public/space/images/CDL_save_the_ocean_cover2.JPG" /> <meta property="og:image:width" content="1919" /> <meta property="og:image:height" content="1079" /> <meta property="og:image:width" content="1920"> <meta property="og:image:height" content="1080"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="“CHANGE THE PRESENT, SAVE THE OCEAN.” CLIMATE ACTION EXHIBITION As the world faces climate and health emergencies, the urgency of climate action has never been more evident. The health of the ocean, in particular, is..." /> <meta name="twitter:title" content="360 Virtual Tour - Change the Present, Save the Ocean - Exhibition by CDL and NParks - Chio Space" /> <meta name="twitter:image" content="https://chio.space/virtual-tour/public/space/images/CDL_save_the_ocean_cover2.JPG" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, height=device-height"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/css/font-awesome.css"> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/css/zerogrid.css"> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/css/style.css?1740222954"> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/css/responsive.css?1740222954"> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/css/ui/default/jquery-ui.css" /> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/css/ui/datepicker.css"> <script src="https://chio.space/virtual-tour/public/themes/js/jquery-2.2.4.min.js"></script> <script src="https://chio.space/virtual-tour/public/themes/js/jquery-migrate-1.2.1.js"></script> <script src="https://chio.space/virtual-tour/public/themes/js/jquery-ui-1.11.0.min.js"></script> <script src="https://chio.space/virtual-tour/public/themes/js/jquery.ui.touch-punch.min.js"></script> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/js/slick/slick.css"> <script src="https://chio.space/virtual-tour/public/themes/js/slick/slick.min.1.3.12.js"></script> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/js/nivoSlider/nivo-slider.css"> <script src="https://chio.space/virtual-tour/public/themes/js/nivoSlider/jquery.nivo.slider.js"></script> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/js/fancybox3/dist/jquery.fancybox.css"> <script src="https://chio.space/virtual-tour/public/themes/js/fancybox3/dist/jquery.fancybox.min.js"></script> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/js/customscrollbar/jquery.mCustomScrollbar.css"> <script src="https://chio.space/virtual-tour/public/themes/js/customscrollbar/jquery.mCustomScrollbar.concat.min.js" defer></script> <link rel="stylesheet" href="https://chio.space/virtual-tour/public/themes/js/popModal/popModal.css"> <script src="https://chio.space/virtual-tour/public/themes/js/popModal/popModal.js"></script> <script>$.fancybox.defaults.hash = false;</script>   <link rel="icon" href="https://chio.space/virtual-tour/public/themes/images/favicon-32x32.jpg" sizes="32x32" /> <link rel="icon" href="https://chio.space/virtual-tour/public/themes/images/favicon-192x192.jpg" sizes="192x192" /> <link rel="apple-touch-icon-precomposed" href="https://chio.space/virtual-tour/public/themes/images/favicon-180x180.jpg" /> <meta name="msapplication-TileImage" content="https://chio.space/virtual-tour/public/themes/images/favicon-270x270.jpg" />  <script>var siteUrl = "https://chio.space/virtual-tour/";</script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T3S4LV8');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-HFJ7DDD5NS"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HFJ7DDD5NS'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-105731692-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-105731692-2'); </script> <script type='text/javascript' src='https://chio.space/virtual-tour/public/themes/js/jquery.ba-hashchange.min.js'></script>  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">  <script src='https://static.matterport.com/showcase-sdk/latest.js' id="matterport-sdk"></script> </head> <style> body{ font-family: Lato, Sans-serif; } h1,h2,h3,h4,h5,h6,p,div{ font-family: Lato, Sans-serif;} a,a:active,a:link,a:hover,a:focus{ font-family: Lato, Sans-serif; } </style> <body id="subpage" class="">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T3S4LV8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <input type="hidden" id="gtm_space_id" value="467" /> <script> $(document).ready(function(){ $('#popup-cover').hide(); }); </script> <div id="vrCover" style="background: #000000 url('https://chio.space/virtual-tour/public/space/images/1._CDL_KV_1920x1080px_R5.jpg') center center no-repeat; background-size:cover; "> <div id="play-wrapper" class="is-loading"> <a href="https://chio.space/virtual-tour/cdl-green-gallery-2022/entrance-to-exhibition" data-href="https://chio.space/virtual-tour/cdl-green-gallery-2022/entrance-to-exhibition" data-src="#intro-lightbox" class="load-iframe" target="_self"> <div class="cover-start has-primary-logo has-small-logo "> <div class="play-button"><i class="fa fa-play-circle"></i></div> <div class="message">A Climate Action Exhibition by <br> CDL, NParks and Ocean Geographic</div> </div> </a> </div> </div> <script> $(document).ready(function(){ // Remove is-loading intro class window.setTimeout(function() { jQuery('#play-wrapper').removeClass('is-loading'); }, 500); /** Ajax Page **/ var newHash = "", $mainContent = $("#body-bg"), $pageWrap = $("#wrapper"), baseHeight = 0, $el; $bannerContent = $("#only-banner"); $pageWrap.height($pageWrap.height()); baseHeight = $pageWrap.height() - $mainContent.height(); //20210609 if(!$('.menu-top a.active').hasClass('isMatterport')){ $('a.isMatterport').toggleClass('isMatterport isMatterport-disable'); } checkMenuTopClick(); $(window).bind('hashchange', function(i){ newHash = window.location.hash.substring(1); if (newHash && newHash!="contactform") { $(".menu-top a.internal").removeClass("active"); if($(".menu-top a.internal[href="+newHash+"]").parents('.bottomsub-inner').length){ parentid = $(".menu-top a.internal[href="+newHash+"]").data("parent"); $('#topsub'+parentid).slideDown('fast'); $(".menu-top a.hasChild"+parentid).addClass("active"); } $(".menu-top a.internal[href="+newHash+"]").addClass("active"); $mainContent .find($bannerContent) .fadeOut(200, function() { $bannerContent.hide().load(newHash + " #static-banner", function() { $('#vr-tour,#static-banner').css('opacity',1); resizeRightCol(); // $mainContent.fadeIn(300, function() { $bannerContent.fadeIn(300, function() { if($('.menu-top a.active').hasClass('isMatterport-disable')){ $('a.isMatterport-disable').toggleClass('isMatterport-disable isMatterport'); } // $('.menu-top a.internal').css({ "pointer-events":"auto" }); window.history.pushState('page'+newHash, 'title'+newHash, newHash); }); }); }); if($("a#fullscreen_newtab")){ var fullscreenhref = $("a#fullscreen_newtab").attr("href"); $("a#fullscreen_newtab").attr("href", fullscreenhref + window.location.hash); } }else{ // $(".menu-top a:first-child").addClass("active"); } }); $(window).trigger('hashchange'); /** Ajax Page **/ if(isMobileMode()){ $('.nav-overlay-content a').not('.hasChild').bind('click',function(){ $('a.triggerMenu').click(); }); } //Detect Ajax link (non MP) function checkMenuTopClick(){ $(".menu-top").delegate("a.internal:not(.iskuula,.isMatterport)[target='_self']", "click", function(e) { //If same link cannot be click again if($(this).hasClass('active')){ return false; } if($('#popup-cover').length){ if($(this).data('mute')){ muteBg(); // pauseBg(); }else{ playBg(); } } //Toggle the content/image from link $('iframe#mp-iframe').attr('src',$(this).data('link')); //Append the url with the hash from the link window.location.hash = $(this).attr("href"); if(!$(this).parents('.bottomsub-inner').length){ $("a.hasChild").removeClass("active"); } $(this).addClass("active"); if($("a#fullscreen_newtab")){ var fullscreenhref = $("a#fullscreen_newtab").attr("href"); $("a#fullscreen_newtab").attr("href", fullscreenhref ); } // e.preventDefault(); return false; }); } // spaceMap(1.3080084,103.8358023); }); $(window).load(function(){ newHash = window.location.hash.substring(1); if(newHash=='contactform'){ $('a#togContact').click(); } //Toggle the submenu and active class after page load $('.menu-top a.internal.active').each(function(){ if($(this).parents('.bottomsub-inner').length){ parentid = $(this).data("parent"); $('#topsub'+parentid).slideDown('fast'); $(".menu-top a.hasChild"+parentid).addClass("active"); } }) }); //Location google Map var locationMap; var mapIcon = "https://chio.space/virtual-tour/public/themes/images/marker.png"; // var mapIcon = siteUrl + "public/themes/images/marker.png"; function spaceMap(latx,laty){ try { var latlng = new google.maps.LatLng(latx,laty); var latlngBounds = new google.maps.LatLngBounds(); var myOptions = { zoom: 17, center: latlng, scrollWheelZoom:'center', mapTypeControl: false, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, position: google.maps.ControlPosition.RIGHT_CENTER }, disableDefaultUI: true, draggable: $(window).width()>499 ? true : false, scrollwheel: false, panControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP }; locationMap = new google.maps.Map(document.getElementById("spaceMap"), myOptions); var image3 = { url: mapIcon, size: new google.maps.Size(22,37), origin: new google.maps.Point(0, 0), anchor: new google.maps.Point(11, 37) }; // marker var mapPnt = new google.maps.LatLng(latx,laty); var mapMarker = new google.maps.Marker({ position: mapPnt, map: locationMap, icon: image3, scrollWheelZoom:'center' }); } catch (e) { } } var elem = document.documentElement; function openFullscreen() { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.mozRequestFullScreen) { /* Firefox */ elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE/Edge */ elem.msRequestFullscreen(); } $('#openfullscreen').toggle(); $('#closefullscreen').toggle(); } function closeFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } $('#openfullscreen').toggle(); $('#closefullscreen').toggle(); } </script> <div class="imgtooltip">This photo is Copyright. All rights reserved.</div>  <script src='https://chio.space/virtual-tour/public/themes/js/main.js?1740222954'></script>  </body> </html>

CINXE.COM

360 Virtual Tour - Change the Present, Save the Ocean - Exhibition by CDL and NParks - Chio Space