SFU Camps - Simon Fraser University

<!DOCTYPE html> <html id="clf3"> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <title> SFU Camps - Simon Fraser University </title> <script type="text/javascript"> CQURLInfo = {"requestPath":"/camps","runModes":"p,s7connect,crx3,nosamplecontent,publish,crx3tar"}; CQPageConfig = {}; </script> <script> var _sfuAEMSettings = { "version" : "oak" } </script> <link rel="shortcut icon" href="https://www.sfu.ca/favicon.ico"/> <link rel="stylesheet" href="/etc/designs/clf/clientlibs/pack/head-clf3.styles.min.css" type="text/css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:400,700" type="text/css"/> <link href="https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet"> <link rel="stylesheet" href="/content/dam/sfu/camps/campsstylesheet.css" type="text/css"> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery-ui.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery-ui.min.js"></script> <script type="text/javascript">var $ = jQuery;</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-W87RML');</script>  <meta property="og:title" content="SFU Camps" /> <meta property="og:type" content="article" /> <meta property="og:url" content=$classNewsController.getPageURL() /> <meta property="og:description" content="" /> <meta property="og:image" content="$classNewsController.getHostName()/content/dam/sfu/images/common/SFU-social-image.jpeg" /> <meta property="og:image:width" content="640" /> <meta property="og:image:height" content="335" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="" /> <meta name="twitter:title" content="SFU Camps" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="$classNewsController.getHostName()/content/dam/sfu/images/common/SFU-social-image.jpeg/jcr:content/renditions/medium.jpg" /> </head> <body class="camps">  <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-W87RML height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="container" class=""> <div id="page"> <div class="grid" id="sfu-wrapper"> <header> <div class="full-length row collapse"> <div class="col sm-12"> <div id="header-bar"> <div class="grid"> <div class="row smo-collapse mdo-collapse"> <div class="col sm-3 lg-6"> <div id="social-nav" class="lgu-only"> <a href="http://www.sfu.ca" id="sfu-social-nav-home">SFU.ca</a> <div id="social-icons"> <a href="/camps.html" class="icon icon-home" aria-label="SFU Camps homepage"></a> <div id="site-social-icons-header"> <div class="header-left inherited-parsys"> <div class="parsys"> <div class="text parbase section"> <div class=""> <p><a href="https://www.facebook.com/sfucamps/?ref=br_rs" target="_blank"><span class="icon" aria-label="Facebook">F</span></a> <a href="https://twitter.com/sfucamps" target="_blank"><span class="icon" aria-label="Twitter">T</span></a> <a href="https://www.instagram.com/sfucamps/" target="_blank"><span class="icon" aria-label="Instagram">I</span></a></p> </div></div> </div> </div> </div> </div> </div> <div id="sm-logo-container"> <img src="/etc/designs/clf/clientlibs/clf3/source/assets/sfu-logo-only@2x.png" id="sm-logo" alt=""/> </div> </div> <div class="col sm-9 lg-6 text-right"> <div id="audience-nav" class="lgu-only"> <ul class="horizontal-list"> <div class="header-right inherited-parsys"> <div class="parsys"> <div class="list parbase section"> <ul class="default" ><li> <a href="/camps/for-staff---volunteers.html" title="For Staff & Volunteers">For Staff & Volunteers</a> </li></ul><div class="clearList"></div></div> </div> </div> </ul> </div> <div id="header-menu-icons" class="lg-hide"> <div id="sm-hamburger" class="header-icon"> <a href=""><i class="icon icon-bars"></i> MENU</a> </div> <div id="sm-search-icon" class="header-icon"> <a href=""><i class="icon icon-search"></i></a> </div> </div> </div> </div> </div> </div> <div id="title-bar"> <div class="grid"> <div class="row"> <div class="col sm-12 lg-8"> <div id="main-logo-container"> <a href="http://www.sfu.ca"> <img src="/etc/designs/clf/clientlibs/clf3/source/assets/sfu-logo@2x.png" alt="" id="main-logo" class="lgu-only"/> </a> </div> <div id="site-title-container"> <div id="site-title-content"> <div class="site-title"> <a href="/camps.html">SFU Camps</a> </div> </div>  </div>  </div> <div class="col sm-12 lg-4"> <div id="search-container" class="slide-out"> <div class="grid slide-out-header"> <div class="row"> <div class="col sm-10"> <h3>Search</h3> </div> <div class="col sm-2 text-right"> <i aria-hidden="true" class="icon icon-close"></i> </div> </div> </div> <div class="grid slide-out-content"> <div class="row collapse flex sm-flex-dir-row md-flex-dir-row"> <div class="col sm-12 lg-5 lg-text-right order-2 lg-order-1 xl-order-1"> <div id="search-additional-links"> <ul> <li class="lgu-only sm-hide md-hide has-sub-nav" id="account"> <a href="" class="lgu-only">Sign in</a> <ul class="sub-nav lg-hide sm-hide md-hide"> <li class="lg-hide"><a href="https://outlook.office.com">SFU Mail</a></li> <li class="lg-hide"><a href="https://go.sfu.ca"><span>go</span>SFU</a></li> <li class="lg-hide"><a href="https://canvas.sfu.ca">Canvas</a></li> </ul> </li> <li class="lg-hide"><a href="https://outlook.office.com">SFU Mail</a></li> <li class="lg-hide"><a href="https://go.sfu.ca"><span>go</span>SFU</a></li> <li class="lg-hide"><a href="https://canvas.sfu.ca">Canvas</a></li> </ul> </div> </div> <div class="col sm-12 lg-7 order-1 lg-order-2 xl-order-2"> <form action="/search.html" id="search-form" method="GET"> <div id="main-search-container"> <div id="search-box-container"> <input type="text" tabindex="1" name="q" id="search-box" placeholder="Search" /> <input type="hidden" name="p" value="/content/sfu/camps" /> <i aria-hidden="true" tabindex="4" class="icon icon-search"> <span class="sr-only">Search</span> </i> </div> <div id="search-scope"> <fieldset> <input name="search-scope" value="site" tabindex="2" type="radio" id="this-site" checked="checked" /> <label for="this-site">This Site</label> </fieldset> <fieldset> <input name="search-scope" value="sfu" tabindex="3" type="radio" id="sfu-ca" /> <label for="sfu-ca">SFU.ca</label> </fieldset> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div id="menu-bar"> <div id="main-navigation-container" class="slide-out"> <div class="grid slide-out-header"> <div class="row"> <div class="col sm-10"> <h3><a href="/camps.html">SFU Camps</a></h3> </div> <div class="col sm-2 text-right"><i class="icon icon-close"></i></div> </div> </div> <div class="grid slide-out-content"> <div class="row collapse" id="main-navigation"> <div class="col sm-12"> <nav> <ul class="horizontal-list"> <li class=""> <a href="/camps/camps.html" class="has-sub-nav"> Camps <span class="sub-nav-expand lg-hide"></span> </a> <ul class="sub-nav"> <li class="overview-link"> <a href="/camps/camps.html">Overview</a> </li> <li> <a href="/camps/camps/summer.html" class="has-level-3-nav">Summer</a> <div class="level-3-nav"> <div class="level-3-nav-header"> <a href="" class="close-level-3-nav" aria-label="back to main menu">Summer</a> </div> <ul> <li class=""> <a href="/camps/camps/summer.html">Overview</a> </li> <li class=""> <a href="/camps/camps/summer/Summer2022.html">Summer Camps</a> </li> </ul> </div> </li> <li> <a href="/camps/camps/spring.html" class="has-level-3-nav">Spring </a> <div class="level-3-nav"> <div class="level-3-nav-header"> <a href="" class="close-level-3-nav" aria-label="back to main menu">Spring </a> </div> <ul> <li class=""> <a href="/camps/camps/spring.html">Overview</a> </li> <li class=""> <a href="/camps/camps/spring/spring-break-camps.html">Spring Break Camps </a> </li> <li class=""> <a href="/camps/camps/spring/sport-camps-and-clinics.html">Sport Clinics & ID Camps</a> </li> </ul> </div> </li> <li> <a href="/camps/camps/fall.html" class="has-level-3-nav">Fall </a> <div class="level-3-nav"> <div class="level-3-nav-header"> <a href="" class="close-level-3-nav" aria-label="back to main menu">Fall </a> </div> <ul> <li class=""> <a href="/camps/camps/fall.html">Overview</a> </li> <li class=""> <a href="/camps/camps/fall/sports.html">Sport Camps & Clinics</a> </li> <li class=""> <a href="/camps/camps/fall/pro-d-day-camps.html">Pro-D Day Camps</a> </li> <li class=""> <a href="/camps/camps/fall/youth-programs.html">School Groups</a> </li> </ul> </div> </li> </ul> </li> <li class=""> <a href="/camps/registration.html" class="has-sub-nav"> Register <span class="sub-nav-expand lg-hide"></span> </a> <ul class="sub-nav"> <li class="overview-link"> <a href="/camps/registration.html">Overview</a> </li> <li> <a href="/camps/registration/register-now.html">Register Now</a> </li> <li> <a href="/camps/registration/how-to-register.html">How To Register</a> </li> </ul> </li> <li class=""> <a href="/camps/CampInfo.html" class="has-sub-nav"> Camp Info <span class="sub-nav-expand lg-hide"></span> </a> <ul class="sub-nav"> <li class="overview-link"> <a href="/camps/CampInfo.html">Overview</a> </li> <li> <a href="/camps/CampInfo/camp-prep.html" class="has-level-3-nav">Preparing for Day One</a> <div class="level-3-nav"> <div class="level-3-nav-header"> <a href="" class="close-level-3-nav" aria-label="back to main menu">Preparing for Day One</a> </div> <ul> <li class=""> <a href="/camps/CampInfo/camp-prep.html">Overview</a> </li> <li class=""> <a href="/camps/CampInfo/camp-prep/welcome-to-camp-letters-2021.html">Welcome to Camp Letters</a> </li> </ul> </div> </li> <li> <a href="/camps/CampInfo/participant-inclusion-information-form.html">Participant Inclusion Information</a> </li> <li> <a href="/camps/CampInfo/camp-rules.html">Camp Rules & Policies</a> </li> <li> <a href="/camps/CampInfo/faq-s.html">FAQ's</a> </li> </ul> </li> <li class=""> <a href="/camps/opportunities.html" class="has-sub-nav"> Opportunities <span class="sub-nav-expand lg-hide"></span> </a> <ul class="sub-nav"> <li class="overview-link"> <a href="/camps/opportunities.html">Overview</a> </li> <li> <a href="/camps/opportunities/employment-opportunities.html" class="has-level-3-nav">Employment Opportunities</a> <div class="level-3-nav"> <div class="level-3-nav-header"> <a href="" class="close-level-3-nav" aria-label="back to main menu">Employment Opportunities</a> </div> <ul> <li class=""> <a href="/camps/opportunities/employment-opportunities.html">Overview</a> </li> <li class=""> <a href="/camps/opportunities/employment-opportunities/frequently-asked-questions.html">Frequently Asked Questions</a> </li> </ul> </div> </li> <li> <a href="/camps/opportunities/volunteer-opportunities.html" class="has-level-3-nav">Volunteer Opportunities</a> <div class="level-3-nav"> <div class="level-3-nav-header"> <a href="" class="close-level-3-nav" aria-label="back to main menu">Volunteer Opportunities</a> </div> <ul> <li class=""> <a href="/camps/opportunities/volunteer-opportunities.html">Overview</a> </li> <li class=""> <a href="/camps/opportunities/volunteer-opportunities/volunteer-faq.html">Volunteer FAQ</a> </li> <li class=""> <a href="/camps/opportunities/volunteer-opportunities/volunteer-application0.html">Volunteer Application</a> </li> </ul> </div> </li> <li> <a href="/camps/opportunities/research-participation.html">Research Participation</a> </li> </ul> </li> <li class=""> <a href="/camps/about-us.html" class="has-sub-nav"> About Us <span class="sub-nav-expand lg-hide"></span> </a> <ul class="sub-nav"> <li class="overview-link"> <a href="/camps/about-us.html">Overview</a> </li> <li> <a href="/camps/about-us/administrative-team.html">Administrative Team</a> </li> <li> <a href="/camps/about-us/contact-us.html">Contact Us</a> </li> </ul> </li> </ul> </nav> </div> </div> <div class="mobile-audience-nav"> <div class="header-right inherited-parsys"> <div class="parsys"> <div class="list parbase section"> <ul class="default" ><li> <a href="/camps/for-staff---volunteers.html" title="For Staff & Volunteers">For Staff & Volunteers</a> </li></ul><div class="clearList"></div></div> </div> </div> </div>  </div>  </div>  <div id="main-navivation-lg-spacer"></div> </div> </div> </div> </header> <main> <div class="row collapse full-length" id="main-content" class="two-column"> <div class="col sm-12"> <div id="home-page-container" class="collapse"> <div class="grid"> <div class="row full-length collapse" id="main-content-container"> <div id="site-overlay"></div> <div id="site-pop-up-container" role="dialog"> <div class="grid"> <div class="row collapse" id="pop-up-header-bar"> <div class="col sm-12 text-right"><div id="pop-up-close">x</div></div> </div> </div> <div id="site-pop-up-content"></div> <div id="pop-up-close-sm" class="sm-only">close</div> </div> <div class="col sm-12"> <div class="above-main inherited-parsys"> <div class="parsys"> </div> </div> <div class="main_content parsys"> <div class="carousel-clf3 list parbase section"> <script> var videoIds = [], players = []; var flexslider; jQuery(document).ready(function() { var waitForWindowToLoad = function () { if (document.readyState === "complete") { window.clearTimeout(flexSliderReady); var tag = document.createElement('script'); tag.src = "//www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); initSlider(); } }; var flexSliderReady = window.setInterval(waitForWindowToLoad,1); }); function initSlider() { var id = '#7a765f32-2d2e-4039-bc8f-667efb764ec2\\/main_content\\/carousel_clf3_4.flexslider'; flexslider = jQuery(id); flexslider.flexslider({ animation: "slide", directionNav: false, slideshowSpeed: 6000, animationSpeed: 1000, randomize: false, before: pauseAllVideos // We don't want videos to keep playing when the carousel slides }); // Give each video a unique ID so we can listen to events via the YouTube iFrame Player API jQuery('.video-slide').each(function () { var videoId = 'carousel-video-' + Math.floor((Math.random() * 100000) + 1); $('iframe', $(this)).attr('id', videoId); videoIds.push(videoId); }).promise().done(function() { setTimeout(function() { $(window).resize(); }, 500); }); // for CLF4 - initiate the side sticky nav setTimeout(function() { // this only needs to run for CLF4 pages so check the data-page-template tag which only exists on CLF4 // needed on the CLF3 carousel page for converted sites which still use this tempalte. if ($("html").attr("data-page-template") !== undefined) { sfuSideMenuCtrl.init(); } }, 1000); } // This is called automatically by the YouTube iFrame Player API function onYouTubeIframeAPIReady() { // Create a player instance for each video to listen to state changes, and keep track of them jQuery.each(videoIds, function (index, videoId) { players.push(new YT.Player(videoId, { events: { 'onStateChange': onPlayerStateChange } })); }); } function onPlayerStateChange(event) { // Pause/Play the carousel when users interact with any video // event.data = 1 -> video playing, event.data = 2 -> video paused // hide/show the overlay text from a flexslider with class "header" if (flexslider !== undefined) { if (event.data === 1) { $(".flexslider.header .carousel-text").hide(); flexslider.flexslider('pause'); } else if (event.data === 2) { $(".flexslider.header .carousel-text").show(); flexslider.flexslider('play'); } } } function pauseAllVideos() { jQuery.each(players, function (index, player) { if (typeof(player.pauseVideo) == "undefined") { return; } player.pauseVideo(); }); } </script></div> <div class="carousel-clf3 list parbase section"> <script> var videoIds = [], players = []; var flexslider; jQuery(document).ready(function() { var waitForWindowToLoad = function () { if (document.readyState === "complete") { window.clearTimeout(flexSliderReady); var tag = document.createElement('script'); tag.src = "//www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); initSlider(); } }; var flexSliderReady = window.setInterval(waitForWindowToLoad,1); }); function initSlider() { var id = '#7a765f32-2d2e-4039-bc8f-667efb764ec2\\/main_content\\/carousel_clf3_2.flexslider'; flexslider = jQuery(id); flexslider.flexslider({ animation: "slide", directionNav: false, slideshowSpeed: 6000, animationSpeed: 1000, randomize: false, before: pauseAllVideos // We don't want videos to keep playing when the carousel slides }); // Give each video a unique ID so we can listen to events via the YouTube iFrame Player API jQuery('.video-slide').each(function () { var videoId = 'carousel-video-' + Math.floor((Math.random() * 100000) + 1); $('iframe', $(this)).attr('id', videoId); videoIds.push(videoId); }).promise().done(function() { setTimeout(function() { $(window).resize(); }, 500); }); // for CLF4 - initiate the side sticky nav setTimeout(function() { // this only needs to run for CLF4 pages so check the data-page-template tag which only exists on CLF4 // needed on the CLF3 carousel page for converted sites which still use this tempalte. if ($("html").attr("data-page-template") !== undefined) { sfuSideMenuCtrl.init(); } }, 1000); } // This is called automatically by the YouTube iFrame Player API function onYouTubeIframeAPIReady() { // Create a player instance for each video to listen to state changes, and keep track of them jQuery.each(videoIds, function (index, videoId) { players.push(new YT.Player(videoId, { events: { 'onStateChange': onPlayerStateChange } })); }); } function onPlayerStateChange(event) { // Pause/Play the carousel when users interact with any video // event.data = 1 -> video playing, event.data = 2 -> video paused // hide/show the overlay text from a flexslider with class "header" if (flexslider !== undefined) { if (event.data === 1) { $(".flexslider.header .carousel-text").hide(); flexslider.flexslider('pause'); } else if (event.data === 2) { $(".flexslider.header .carousel-text").show(); flexslider.flexslider('play'); } } } function pauseAllVideos() { jQuery.each(players, function (index, player) { if (typeof(player.pauseVideo) == "undefined") { return; } player.pauseVideo(); }); } </script></div> <div class="carousel-clf3 list parbase section"> <script> var videoIds = [], players = []; var flexslider; jQuery(document).ready(function() { var waitForWindowToLoad = function () { if (document.readyState === "complete") { window.clearTimeout(flexSliderReady); var tag = document.createElement('script'); tag.src = "//www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); initSlider(); } }; var flexSliderReady = window.setInterval(waitForWindowToLoad,1); }); function initSlider() { var id = '#7a765f32-2d2e-4039-bc8f-667efb764ec2\\/main_content\\/carousel_clf3_3.flexslider'; flexslider = jQuery(id); flexslider.flexslider({ animation: "slide", directionNav: false, slideshowSpeed: 6000, animationSpeed: 1000, randomize: false, before: pauseAllVideos // We don't want videos to keep playing when the carousel slides }); // Give each video a unique ID so we can listen to events via the YouTube iFrame Player API jQuery('.video-slide').each(function () { var videoId = 'carousel-video-' + Math.floor((Math.random() * 100000) + 1); $('iframe', $(this)).attr('id', videoId); videoIds.push(videoId); }).promise().done(function() { setTimeout(function() { $(window).resize(); }, 500); }); // for CLF4 - initiate the side sticky nav setTimeout(function() { // this only needs to run for CLF4 pages so check the data-page-template tag which only exists on CLF4 // needed on the CLF3 carousel page for converted sites which still use this tempalte. if ($("html").attr("data-page-template") !== undefined) { sfuSideMenuCtrl.init(); } }, 1000); } // This is called automatically by the YouTube iFrame Player API function onYouTubeIframeAPIReady() { // Create a player instance for each video to listen to state changes, and keep track of them jQuery.each(videoIds, function (index, videoId) { players.push(new YT.Player(videoId, { events: { 'onStateChange': onPlayerStateChange } })); }); } function onPlayerStateChange(event) { // Pause/Play the carousel when users interact with any video // event.data = 1 -> video playing, event.data = 2 -> video paused // hide/show the overlay text from a flexslider with class "header" if (flexslider !== undefined) { if (event.data === 1) { $(".flexslider.header .carousel-text").hide(); flexslider.flexslider('pause'); } else if (event.data === 2) { $(".flexslider.header .carousel-text").show(); flexslider.flexslider('play'); } } } function pauseAllVideos() { jQuery.each(players, function (index, player) { if (typeof(player.pauseVideo) == "undefined") { return; } player.pauseVideo(); }); } </script></div> <div class="carousel-clf3 list parbase section"> <script> var videoIds = [], players = []; var flexslider; jQuery(document).ready(function() { var waitForWindowToLoad = function () { if (document.readyState === "complete") { window.clearTimeout(flexSliderReady); var tag = document.createElement('script'); tag.src = "//www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); initSlider(); } }; var flexSliderReady = window.setInterval(waitForWindowToLoad,1); }); function initSlider() { var id = '#7a765f32-2d2e-4039-bc8f-667efb764ec2\\/main_content\\/carousel_clf3_5.flexslider'; flexslider = jQuery(id); flexslider.flexslider({ animation: "slide", directionNav: false, slideshowSpeed: 5000, animationSpeed: 1000, randomize: false, before: pauseAllVideos // We don't want videos to keep playing when the carousel slides }); // Give each video a unique ID so we can listen to events via the YouTube iFrame Player API jQuery('.video-slide').each(function () { var videoId = 'carousel-video-' + Math.floor((Math.random() * 100000) + 1); $('iframe', $(this)).attr('id', videoId); videoIds.push(videoId); }).promise().done(function() { setTimeout(function() { $(window).resize(); }, 500); }); // for CLF4 - initiate the side sticky nav setTimeout(function() { // this only needs to run for CLF4 pages so check the data-page-template tag which only exists on CLF4 // needed on the CLF3 carousel page for converted sites which still use this tempalte. if ($("html").attr("data-page-template") !== undefined) { sfuSideMenuCtrl.init(); } }, 1000); } // This is called automatically by the YouTube iFrame Player API function onYouTubeIframeAPIReady() { // Create a player instance for each video to listen to state changes, and keep track of them jQuery.each(videoIds, function (index, videoId) { players.push(new YT.Player(videoId, { events: { 'onStateChange': onPlayerStateChange } })); }); } function onPlayerStateChange(event) { // Pause/Play the carousel when users interact with any video // event.data = 1 -> video playing, event.data = 2 -> video paused // hide/show the overlay text from a flexslider with class "header" if (flexslider !== undefined) { if (event.data === 1) { $(".flexslider.header .carousel-text").hide(); flexslider.flexslider('pause'); } else if (event.data === 2) { $(".flexslider.header .carousel-text").show(); flexslider.flexslider('play'); } } } function pauseAllVideos() { jQuery.each(players, function (index, player) { if (typeof(player.pauseVideo) == "undefined") { return; } player.pauseVideo(); }); } </script></div> <div class="sfu-columns "> <div data-col-layout="67-33" data-row-full-width data-col-collapse> <div class="c1"><div class="carousel-clf3 list parbase section"> <div class="carousel"> <div class="header carousel-block flexslider text-right " id="7a765f32-2d2e-4039-bc8f-667efb764ec2/main_content/carousel_clf3"> <ul class="slides"> <li> <div class="carousel-image"> <a href="/camps/camps/summer/Summer2022.html" title="Summer 2025 | Registration for Phase 1 camps now open!"> <img src="/content/sfu/camps/camps/summer/Summer2022.img.png/1739468750894.jpg" alt="Summer 2025 | Registration for Phase 1 camps now open!"> </a> </div> <div class="carousel-text"> <a href="/camps/camps/summer/Summer2022.html"><h3>Summer 2025 | Registration for Phase 1 camps now open!</h3></a> </div> </li> <li> <div class="carousel-image"> <a href="/camps/camps/spring/spring-break-camps.html" title="Spring Break Camps 2025| Registration Open Now"> <img src="/content/sfu/camps/camps/spring/spring-break-camps.img.png/1734549341572.jpg" alt="Spring Break Camps 2025| Registration Open Now"> </a> </div> <div class="carousel-text"> <a href="/camps/camps/spring/spring-break-camps.html"><h3>Spring Break Camps 2025| Registration Open Now</h3></a> </div> </li> <li> <div class="carousel-image"> <a href="/camps/CampInfo/camp-prep.html" title="Welcome to Camps! Click here to see how to get ready for the first day!"> <img src="/content/sfu/camps/CampInfo/camp-prep.img.png/1686078775642.jpg" alt="Welcome to Camps! Click here to see how to get ready for the first day!"> </a> </div> <div class="carousel-text"> <a href="/camps/CampInfo/camp-prep.html"><h3>Welcome to Camps! Click here to see how to get ready for the first day!</h3></a> </div> </li> </ul> </div> </div> <script> var videoIds = [], players = []; var flexslider; jQuery(document).ready(function() { var waitForWindowToLoad = function () { if (document.readyState === "complete") { window.clearTimeout(flexSliderReady); var tag = document.createElement('script'); tag.src = "//www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); initSlider(); } }; var flexSliderReady = window.setInterval(waitForWindowToLoad,1); }); function initSlider() { var id = '#7a765f32-2d2e-4039-bc8f-667efb764ec2\\/main_content\\/carousel_clf3.flexslider'; flexslider = jQuery(id); flexslider.flexslider({ animation: "slide", directionNav: false, slideshowSpeed: 6050, animationSpeed: 2000, randomize: false, before: pauseAllVideos // We don't want videos to keep playing when the carousel slides }); // Give each video a unique ID so we can listen to events via the YouTube iFrame Player API jQuery('.video-slide').each(function () { var videoId = 'carousel-video-' + Math.floor((Math.random() * 100000) + 1); $('iframe', $(this)).attr('id', videoId); videoIds.push(videoId); }).promise().done(function() { setTimeout(function() { $(window).resize(); }, 500); }); // for CLF4 - initiate the side sticky nav setTimeout(function() { // this only needs to run for CLF4 pages so check the data-page-template tag which only exists on CLF4 // needed on the CLF3 carousel page for converted sites which still use this tempalte. if ($("html").attr("data-page-template") !== undefined) { sfuSideMenuCtrl.init(); } }, 1000); } // This is called automatically by the YouTube iFrame Player API function onYouTubeIframeAPIReady() { // Create a player instance for each video to listen to state changes, and keep track of them jQuery.each(videoIds, function (index, videoId) { players.push(new YT.Player(videoId, { events: { 'onStateChange': onPlayerStateChange } })); }); } function onPlayerStateChange(event) { // Pause/Play the carousel when users interact with any video // event.data = 1 -> video playing, event.data = 2 -> video paused // hide/show the overlay text from a flexslider with class "header" if (flexslider !== undefined) { if (event.data === 1) { $(".flexslider.header .carousel-text").hide(); flexslider.flexslider('pause'); } else if (event.data === 2) { $(".flexslider.header .carousel-text").show(); flexslider.flexslider('play'); } } } function pauseAllVideos() { jQuery.each(players, function (index, player) { if (typeof(player.pauseVideo) == "undefined") { return; } player.pauseVideo(); }); } </script></div> </div> <div class="c2"><div class="image parbase section"> <script src="/etc/designs/sfu/clientlibs/image-map-coord.min.js"></script> <div class="image image-container"><a href="/camps/camps/summer.html" target="_self"><div data-picture data-alt='' data-style='' data-title=''> <div data-src="/content/sfu/camps/jcr:content/main_content/image.img.96.low.png/1578509419848.png" data-media="(min-width: 1px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/image.img.320.medium.png/1578509419848.png" data-media="(min-width: 320px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/image.img.640.medium.png/1578509419848.png" data-media="(min-width: 321px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/image.img.1280.high.png/1578509419848.png" data-media="(min-width: 481px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/image.img.1280.high.png/1578509419848.png" data-media="(min-width: 769px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/image.img.2000.high.png/1578509419848.png" data-media="(min-width: 1025px)"></div> <noscript> <img src='/content/sfu/camps/_jcr_content/main_content/image.img.original.low.png/1578509419848.png' alt=''> </noscript> </div></a></div></div> </div></div></div><div class="text parbase section"> <div class=""> <p>   </p> </div></div> <div class="sfu-columns "> <div data-col-layout="25-25-25-25" data-row-full-width data-col-collapse> <div class="c1"><div class="textimage section"> <div class="overlay-bottom"> <div class="image"> <a href="/camps/camps/summer.html" target="_self"><div data-picture data-alt='' data-style='' data-title=''> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_1/image.img.96.low.jpg/1708551758797.jpg" data-media="(min-width: 1px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_1/image.img.320.medium.jpg/1708551758797.jpg" data-media="(min-width: 320px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_1/image.img.640.medium.jpg/1708551758797.jpg" data-media="(min-width: 321px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_1/image.img.1280.high.jpg/1708551758797.jpg" data-media="(min-width: 481px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_1/image.img.1280.high.jpg/1708551758797.jpg" data-media="(min-width: 769px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_1/image.img.2000.high.jpg/1708551758797.jpg" data-media="(min-width: 1025px)"></div> <noscript> <img src='/content/sfu/camps/_jcr_content/main_content/textimage_1/image.img.original.low.jpg/1708551758797.jpg' alt=''> </noscript> </div></a> <div class="text"><h3><a href="/camps/camps/summer.html">REGISTER NOW</a></h3> </div> </div> </div> </div> </div> <div class="c2"><div class="textimage section"> <div class="overlay-bottom"> <div class="image"> <a href="/camps/about-us.html" target="_self"><div data-picture data-alt='' data-style='' data-title=''> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_2/image.img.96.low.jpg/1708552291123.JPG" data-media="(min-width: 1px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_2/image.img.320.medium.jpg/1708552291123.JPG" data-media="(min-width: 320px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_2/image.img.640.medium.jpg/1708552291123.JPG" data-media="(min-width: 321px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_2/image.img.1280.high.jpg/1708552291123.JPG" data-media="(min-width: 481px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_2/image.img.1280.high.jpg/1708552291123.JPG" data-media="(min-width: 769px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_2/image.img.2000.high.jpg/1708552291123.JPG" data-media="(min-width: 1025px)"></div> <noscript> <img src='/content/sfu/camps/_jcr_content/main_content/textimage_2/image.img.original.low.jpg/1708552291123.JPG' alt=''> </noscript> </div></a> <div class="text"><h3><a href="/camps/about-us.html">ABOUT US</a></h3> </div> </div> </div> </div> </div> <div class="c3"><div class="textimage section"> <div class="overlay-bottom"> <div class="image"> <a href="/camps/opportunities.html" target="_self"><div data-picture data-alt='' data-style='' data-title=''> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_3/image.img.96.low.jpg/1708551390445.jpg" data-media="(min-width: 1px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_3/image.img.320.medium.jpg/1708551390445.jpg" data-media="(min-width: 320px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_3/image.img.640.medium.jpg/1708551390445.jpg" data-media="(min-width: 321px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_3/image.img.1280.high.jpg/1708551390445.jpg" data-media="(min-width: 481px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_3/image.img.1280.high.jpg/1708551390445.jpg" data-media="(min-width: 769px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_3/image.img.2000.high.jpg/1708551390445.jpg" data-media="(min-width: 1025px)"></div> <noscript> <img src='/content/sfu/camps/_jcr_content/main_content/textimage_3/image.img.original.low.jpg/1708551390445.jpg' alt=''> </noscript> </div></a> <div class="text"><h3><a href="/camps/opportunities.html">OPPORTUNITIES</a></h3> </div> </div> </div> </div> </div> <div class="c4"><div class="textimage section"> <div class="overlay-bottom"> <div class="image"> <a href="/camps/CampInfo/camp-prep.html" target="_self"><div data-picture data-alt='' data-style='' data-title=''> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_4/image.img.96.low.jpg/1708551869203.jpg" data-media="(min-width: 1px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_4/image.img.320.medium.jpg/1708551869203.jpg" data-media="(min-width: 320px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_4/image.img.640.medium.jpg/1708551869203.jpg" data-media="(min-width: 321px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_4/image.img.1280.high.jpg/1708551869203.jpg" data-media="(min-width: 481px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_4/image.img.1280.high.jpg/1708551869203.jpg" data-media="(min-width: 769px)"></div> <div data-src="/content/sfu/camps/jcr:content/main_content/textimage_4/image.img.2000.high.jpg/1708551869203.jpg" data-media="(min-width: 1025px)"></div> <noscript> <img src='/content/sfu/camps/_jcr_content/main_content/textimage_4/image.img.original.low.jpg/1708551869203.jpg' alt=''> </noscript> </div></a> <div class="text"><h3><a href="/camps/CampInfo/camp-prep.html">PREPARING FOR CAMP</a></h3> </div> </div> </div> </div> </div></div></div></div> <div class="below-main inherited-parsys"> </div> </div> </div> </div> </div> </div> </div>  </main> <footer> <div class="sfu-columns md-stack-last" id="footer"> <div data-col-layout="25-25-25-25"> <div class="c1" id="footer-nav"> <h3><a href="/camps.html">SFU Camps</a></h3> <ul> <li> <a href="/camps/camps.html"> Camps </a> </li> <li> <a href="/camps/registration.html"> Register </a> </li> <li> <a href="/camps/CampInfo.html"> Camp Info </a> </li> <li> <a href="/camps/opportunities.html"> Opportunities </a> </li> <li> <a href="/camps/about-us.html"> About Us </a> </li> </ul> </div> <div class="c2" id="footer-contact"> <div class="contact-us inherited-parsys"> <div class="parsys"> <div class="text parbase section"> <div class=""> <h3>Contact us</h3> </div></div> <div class="text parbase section"> <div class=""> <p>8888 University Drive<br>Burnaby, B.C.<br>Canada V5A 1S6 </p> </div></div> </div> </div> <div id="site-social-icons-footer"></div> <div id="a-z-footer"><a href="https://www.sfu.ca/dir/a.html">A-Z Directory</a></div> </div> <div class="c3" id="footer-sfu-links"> <ul> <li><a href="https://www.sfu.ca/srs">Safety & Risk</a></li> <li><a href="https://www.sfu.ca/campuses/maps-and-directions">SFU Maps & Directions</a></li> <li><a href="https://www.sfu.ca/admission">SFU Admissions</a></li> <li><a href="https://www.sfu.ca/srs/campus-safety-security/traffic-safety/road-report.html">Road Report</a></li> <li><a href="https://give.sfu.ca">Give to SFU</a></li> <li><a href="https://www.sfu.ca/emergency">Emergency Information</a></li> <li class="marginTop"><a href="https://www.sfu.ca/contact/terms-conditions">Terms and conditions</a></li> <li><a href="https://www.sfu.ca/contact/terms-conditions/privacy.html">Privacy policy</a></li> <li><a href="https://www.sfu.ca/" class="muted">© Simon Fraser University</a></li> </ul> </div> <div class="c4" id="footer-logo"> <div class="sfu-columns"> <div data-col-layout> <div class="c1"> <img src="/etc/designs/clf/clientlibs/clf3/source/assets/logo-stacked.png" id="footer-logo-img" alt=""/> </div> <div class="c2"> <div class="muted"> <div class="acknowledgement inherited-parsys"> <div class="parsys"> <div class="reference parbase section"><div class="cq-dd-paragraph"><div class="text parbase"> <div class=""> <p>Simon Fraser University respectfully acknowledges the x史m蓹胃k史蓹y虛蓹m (Musqueam), S岣祑x瘫w煤7mesh 脷xwumixw (Squamish), s蓹lilw蓹ta涩 (Tsleil-Waututh), q虛铆c虛蓹y虛 (Katzie), k史ik史蓹茮虛蓹m (Kwikwetlem), Qayqayt, Kwantlen, Semiahmoo and Tsawwassen peoples on whose unceded traditional territories our three campuses reside.</p> </div></div> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="logo-soup"> <div class="below-footer inherited-parsys"> </div> </div> </footer> </div>  </div> </div>  </div>  <script src="/etc/designs/clf/clientlibs/pack/footer-clf3.scripts.min.js"></script> <script src="/etc/designs/sfu/clientlibs/toggleFormContent.min.js"></script> </body> </html>

CINXE.COM

SFU Camps - Simon Fraser University