Engaging Beyond Our Walls: Libraries connecting communities through outdoor games and stories

<!DOCTYPE HTML> <html class=" no-js" lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="/etc.clientlibs/clientlibs/social/commons/scf.min.css" type="text/css"> <link rel="stylesheet" href="/libs/social/subscriptions/components/hbs/subscriptions/clientlibs.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/clientlibs/social/commons/cards.min.css" type="text/css"> <link rel="stylesheet" href="/libs/social/tally/components/hbs/voting/clientlibs.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/clientlibs/social/hbs/reviews.min.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/foundation/clientlibs/shared.min.js"></script> <script src="/etc.clientlibs/clientlibs/social/thirdparty/underscore.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/moment.min.js"></script> <script src="/etc.clientlibs/clientlibs/social/thirdparty/backbone.min.js"></script> <script src="/etc.clientlibs/clientlibs/social/thirdparty/handlebars.min.js"></script> <script src="/etc.clientlibs/clientlibs/social/commons/scf.min.js"></script> <script src="/etc.clientlibs/oclc/clientlibs/social/commons/scf.min.js"></script> <script src="/libs/social/subscriptions/components/hbs/subscriptions/clientlibs.min.js"></script> <script src="/etc.clientlibs/clientlibs/social/commons/cards.min.js"></script> <script src="/libs/social/tally/components/hbs/voting/clientlibs.min.js"></script> <script src="/etc.clientlibs/clientlibs/social/hbs/reviews.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/clientlibs/social/hbs/tally/voting.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/clientlibs/social/hbs/subscriptions.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/clientlibs/social/hbs/comments.min.css" type="text/css"> <script src="/etc.clientlibs/clientlibs/social/hbs/tally/voting.min.js"></script> <script src="/etc.clientlibs/clientlibs/social/hbs/subscriptions.min.js"></script> <script src="/etc.clientlibs/clientlibs/social/hbs/comments.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/clientlibs/social/hbs/tally/rating.min.css" type="text/css"> <script src="/etc.clientlibs/clientlibs/social/hbs/tally/rating.min.js"></script> <script src="/etc.clientlibs/oclc/clientlibs/oclc/jquery.min.js"></script> <script src="/etc.clientlibs/oclc/clientlibs/oclc/jquery/oclc.min.js"></script> <link rel="stylesheet" href="/apps/oclc/clientlibs/oclc/jquery-ui.min.css" type="text/css"> <script src="/apps/oclc/clientlibs/oclc/jquery-ui.min.js"></script> <script src="/etc.clientlibs/oclc/clientlibs/oclc/jquery/animation.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/clientlibs/granite/jquery-ui.min.css" type="text/css"> <script src="/etc.clientlibs/clientlibs/granite/jquery-ui.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery-ui.min.js"></script> <script src="/etc.clientlibs/clientlibs/social/thirdparty/ckeditor.min.js"></script> <title>Engaging Beyond Our Walls: Libraries connecting communities through outdoor games and stories </title> <meta name="description" content="Discover how libraries can use outdoor games and interactive stories to connect with communities and showcase local history and landmarks." />  <meta name="DC.Title" content="Engaging Beyond Our Walls: Libraries connecting communities through outdoor games and stories" /> <meta name="DCTERMS.Alternative" content="Engaging Beyond Our Walls: Libraries connecting communities through outdoor games and stories"> <meta name="DC.Subject" content="" /> <meta name="DC.Description" content="Discover how libraries can use outdoor games and interactive stories to connect with communities and showcase local history and landmarks."> <meta name="DC.Publisher" content="OCLC" /> <meta name="DC.Creator" content=""> <meta name="DC.Contributor" content=""/> <meta name="DCTERMS.Created" scheme="DCTERMS.W3CTDF" content="2024-9-26"> <meta name="DCTERMS.Issued" scheme="DCTERMS.W3CTDF" content="2024-9-26"> <meta name="DCTERMS.Modified" scheme="DCTERMS.W3CTDF" content="2024-9-26"> <meta name="DC.Language" content="en_US"> <meta name="DC.Modified" content="2024-9-26" /> <meta name="DC.Rights" content="https://policies.oclc.org/en/copyright.html" /> <meta name="twitter:title" content="Engaging Beyond Our Walls: Libraries connecting communities through outdoor games and stories" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@WebJunction" /> <meta name="twitter:domain" content="www.webjunction.org" /> <meta name="twitter:description" content="Discover how libraries can use outdoor games and interactive stories to connect with communities and showcase local history and landmarks." /> <meta name="twitter:image" content="https://www.webjunction.org/content/dam/WebJunction/Images/webjunction/2024-08/social_card_wj_webinar_beyond_walls.jpg" /> <meta property="og:image" content="https://www.webjunction.org/content/dam/WebJunction/Images/webjunction/2024-08/social_card_wj_webinar_beyond_walls.jpg" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="WebJunction" /> <meta property="og:title" content="Engaging Beyond Our Walls: Libraries connecting communities through outdoor games and stories" /> <meta property="og:locale" content="en_US" /> <meta property="og:url" content="https://www.webjunction.org/events/webjunction/engaging-beyond-our-walls.html" /> <meta property="og:description" content="Discover how libraries can use outdoor games and interactive stories to connect with communities and showcase local history and landmarks." /> <meta name="viewport" content="width=device-width" /> <link rel="canonical" href="https://www.webjunction.org/events/webjunction/engaging-beyond-our-walls.html"/> <link rel="alternate" href="https://www.webjunction.org/events/webjunction/engaging-beyond-our-walls.html" hreflang="en"/>   <link rel="icon" href="/apps/settings/wcm/designs/oclc/images/favicon.ico" sizes="32x32"/> <link rel="icon" href="/apps/settings/wcm/designs/oclc/images/icon.svg" type="image/svg+xml"/> <link rel="apple-touch-icon" href="/apps/settings/wcm/designs/oclc/images/apple-touch-icon.png"/> <script type="text/javascript"> if(typeof String.prototype.trim !== 'function') { String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ''); } } </script>  <script src="/etc.clientlibs/oclc/clientlibs/oclc/modernizr.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/clientlibs/social/thirdparty/bootstrap3.min.css" type="text/css"> <script src="/etc.clientlibs/clientlibs/social/thirdparty/bootstrap3.min.js"></script> <script type="text/javascript" src="/apps/oclc/clientlibs/oclc/jquery-ui/source/jquery-ui.min.js"></script> <script type="text/javascript"> (function ($) { $(function () { yepnope([{ load: '/apps/settings/wcm/designs/oclc/js/jquery/jquery.easing.js' }, { test: $("#faq-set").length, yep: ['/apps/settings/wcm/designs/oclc/js/faqs-functions-v0.1.js'] }, { // FancyBox for modals: http://fancybox.net test: ($("a.modal-media").length || $("a.modal").length || $("a.img-gallery").length || $("a.modal-iframe").length || $(".modal-youtube").length), yep: ['/apps/settings/wcm/designs/oclc/js/jquery/fancybox/jquery.fancybox.pack.js', '/apps/settings/wcm/designs/oclc/js/jquery/fancybox/jquery.fancybox.css', '/apps/settings/wcm/designs/oclc/js/jquery/fancybox/helpers/jquery.fancybox-media.js', '/apps/settings/wcm/designs/oclc/js/modal-functions-v0.1.js'] }, { // Sitebar show/hide test: ($("#sitebar-sites").length), yep: ['/apps/settings/wcm/designs/oclc/js/jquery/jquery.hoverIntent.minified.js', '/apps/settings/wcm/designs/oclc/js/sitebar-functions-v0.1.js'] }, { // Showhide test: ($(".showhide").length), yep: ['/apps/settings/wcm/designs/oclc/js/showhide-functions-v0.1.js'] }, { test: $.autocomplete, nope: '/apps/oclc/clientlibs/oclc/jquery-ui/source/jquery-ui.min.js', complete: function () { if ($("#search-terms").autocomplete) { $("#search-terms").autocomplete({ source: function (request, response) { var s_siteVal = $("#s_site").val(), s_clientVal = $("#s_client").val(), uri = '/apps/oclc/suggest?q='; uri = uri + request.term + '&site=' + encodeURIComponent(s_siteVal) + '&client=' + encodeURIComponent(s_clientVal); $.ajax({ url: uri, dataType: "json", type: "GET", success: function (data) { response(data); } }); //ajax closed } //source closed }); //autocomplete closed } if ($("#result-search-terms").autocomplete) { $("#result-search-terms").autocomplete({ source: function (request, response) { var sr_siteVal = $("#sr_site").val(), sr_clientVal = $("#sr_client").val(), uri = '/apps/oclc/suggest?q='; uri = uri + request.term + '&site=' + encodeURIComponent(sr_siteVal) + '&client=' + encodeURIComponent(sr_clientVal); $.ajax({ url: uri, dataType: "json", type: "GET", success: function (data) { response(data); } }); //ajax closed } //source closed }); //autocomplete closed } } }]); }); }(jQuery)); </script>  <link rel="stylesheet" href="https://use.typekit.net/xyd8noe.css"> <script src="/apps/settings/wcm/designs/oclc/js/jquery/jquery.url.min.js"></script> <script src="/apps/settings/wcm/designs/oclc/js/toggle-show-hide.js" type="text/javascript"></script> <script src="/apps/settings/wcm/designs/oclc/js/en-US.js"></script> <script> (function($){ $(function() { yepnope({ test: $('div.form').length > 0, // test whether the a form exists on the page with "validate" class yep: ['/apps/settings/wcm/designs/oclc/js/jquery/jquery.validate.1.11.1.min.js','/etc/oclc/js/forms-functions-v0.4.js'] }); }); })(jQuery); </script> <script src="/etc.clientlibs/cq/personalization/clientlib/underscore.min.js"></script> <script src="/etc.clientlibs/cq/personalization/clientlib/personalization/kernel.min.js"></script> <script type="text/javascript"> $CQ(function() { CQ_Analytics.SegmentMgr.loadSegments("\/etc\/segmentation"); CQ_Analytics.ClientContextUtils.init("\/etc\/clientcontext\/default", "\/content\/webjunction\/events\/webjunction\/engaging\u002Dbeyond\u002Dour\u002Dwalls"); }); </script>  <link rel="stylesheet" href="/apps/settings/wcm/designs/oclc/oclc-webjunction-v2/main.css?v=20241030"> <link href="/apps/settings/wcm/designs/oclc/syntaxhighlighter/shThemeDefault.css" rel="stylesheet" type="text/css"/> <link href="/apps/settings/wcm/designs/oclc/syntaxhighlighter/shCore.css" rel="stylesheet" type="text/css"/>   <script type="text/javascript" src="https://cdn.cookielaw.org/consent/8c739978-b99d-473d-b8ee-5dd1952d4507/OtAutoBlock.js"></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="8c739978-b99d-473d-b8ee-5dd1952d4507"></script> <script type="text/javascript"> function OptanonWrapper() { } </script>   <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com"/> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function() { var account_id=751037, version=2.0, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})(); </script>  <script> dataLayer = [{ 'site': 'webjunction', 'language': 'en_us' }]; </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+ '&gtm_auth=iGoSLkTwa8G0GRiDWDJMVw&gtm_preview=env-2&gtm_cookies_win=x';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TC83QFB');</script>  </head> <body class="oclc">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TC83QFB&gtm_auth=iGoSLkTwa8G0GRiDWDJMVw&gtm_preview=env-2&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <noscript> <div class="nojs-caution"> <p> <strong>JavaScript is currently not supported or is disabled by this browser. </strong> <br> Some features of this site will not be available. Please enable JavaScript for full functionality. <br> </p> </div> </noscript> <DIV class="header_microbar iparsys parsys"><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="header_microbar iparsys parsys"><div class="sitebar parbase section"> <script type="text/javascript"> (function (OCLC, $) { OCLC.empty = function (data) { if (typeof (data) == 'number' || typeof (data) == 'boolean') { return false; } if (typeof (data) == 'undefined' || data === null) { return true; } if (typeof (data.length) != 'undefined') { return data.length == 0; } var count = 0; for (var i in data) { if (data.hasOwnProperty(i)) { count++; } } return count == 0; } $(function () { var microLinks, sitebarName, sitebarLink; if (!CQ.shared.User.isInitialized() ) { CQ.shared.User.init(); CQ_Analytics.ProfileDataMgr.loadProfile(CQ.shared.User.data.userID); } if (CQ_Analytics.ProfileDataMgr.getData().authorizableId === 'anonymous') { $('#sitebar-contents').append(''); } }); }(window.OCLC = window.OCLC || {}, jQuery)); </script> <section class="micro-bar" id="micro-bar"> <div class="cont-page mod" id="sitebar-contents"> <div id="oclc-return"> <a href="https://www.oclc.org" title="OCLC.org Home">OCLC.org</a> <ul id="sitebar-sites" style="display: none; "> <li><a href="https://www.oclc.org" title=""><span class="oclc-return-home">OCLC.org Home</span></a></li> <li><a href="https://www.oclc.org/research/home.html" title="">Research</a></li> <li><a href="https://help.oclc.org/" title="">Support & Training</a></li> <li><a href="https://community.oclc.org" title="">Community Center</a></li> <li><a href="https://www.oclc.org/developer/home.en.html" title="">Developer Network</a></li> <li><a href="https://www.webjunction.org/home.html" title="">WebJunction</a></li> </ul> </div> </div> </section> </div> </div> </div> </DIV> <div class="cont-main"> <div class="header iparsys parsys"><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="header iparsys parsys"><div class="header parbase section"> <header> <script> (function ($) { $(function() { yepnope({ test: window.location.search != null && (window.location.search.indexOf("urlf=") >= 0 || window.location.search.indexOf("urlm=") >= 0), // test whether the url querystring has a parameter yep: ['/apps/oclc/docroot/js/urlmapper.js'] }); }); })(jQuery); </script> <script type="text/javascript"> (function (OCLC, $) { OCLC.logout = function() { if (_g && _g.shared && _g.shared.ClientSidePersistence) { //_g.shared.ClientSidePersistence.clearAllMaps(); } if( CQ_Analytics && CQ_Analytics.CCM) { //CQ_Analytics.ProfileDataMgr.clear(); //CQ_Analytics.CCM.reset(); //CQ_Analytics.ProfileDataMgr.loadProfile("anonymous"); CQ.shared.Util.load(""); } } OCLC.empty = function (data) { if (typeof (data) == 'number' || typeof (data) == 'boolean') { return false; } if (typeof (data) == 'undefined' || data === null) { return true; } if (typeof (data.length) != 'undefined') { return data.length == 0; } var count = 0; for (var i in data) { if (data.hasOwnProperty(i)) { count++; } } return count == 0; } $(function () { var headerLinks, headerName, headerLink; if (!CQ.shared.User.isInitialized() ) { CQ.shared.User.init(); CQ_Analytics.ProfileDataMgr.loadProfile(CQ.shared.User.data.userID); } if (CQ_Analytics.ProfileDataMgr.getData().authorizableId === 'anonymous') { } else { headerLinks = $('<ul class="header__profile-links">') .append('<li><a title="Sign out" id="signout-link" href="#">Sign out</a></li>'); if (!OCLC.empty('')) { headerLink = CQ_Analytics.ProfileDataMgr.data.path + '.form.html'; headerName = CQ_Analytics.ProfileDataMgr.data.formattedName; headerLinks.append('<li><a title="View or edit your account info" href="' + headerLink + '">' + headerName + '</a></li>'); } $('#header__profile').append(headerLinks); $("#signout-link").click(function(e) { e.preventDefault(); OCLC.logout(); return false; }); } }); }(window.OCLC = window.OCLC || {}, jQuery)); </script> <div class="cont-page"> <section class="header__pre"> <div class="skip-nav visuallyhidden"> <p><a href="#main-content" title="Skip navigation and go directly to page content">Skip to page content.</a></p> </div> <div id="url-mapper-msg"></div> </section> <section class="header__top"> <a class="header__icon-button hide-desktop" id="mobile-menu" href="#">Menu</a> <div class="header__brand"> <div class="logo globallogo parbase">  <a href="https://www.webjunction.org/home.html"> <img src="/content/dam/WebJunction/Images/logo_webjunction.svg" border="0" title="Go to WebJunction.org home page" alt="WebJunction | The learning place for libraries." class=""> </a> </div> <div class="logo-secondary globallogo parbase">  </div> </div> <div class="header__controls"> <script> var contentLink = ''; </script> <ul class="universal-links"> <li> <a href="https://learn.webjunction.org" title="Go to Courses">Go to Courses</a> </li> </ul> <div class="header__profile" id="header__profile"></div> </div> <a class="header__icon-button hide-desktop" id="mobile-search" href="#">Search</a> </section> <section class="header__bottom"> <div class="topnav"> <script> (function ($) { $(function () { yepnope({ test: $.hoverIntent, // test whether hoverIntent nope: ['/apps/settings/wcm/designs/oclc/js/jquery/jquery.hoverIntent.minified.js'], complete: function () { yepnope({ load: ['/apps/settings/wcm/designs/oclc/js/mainnavigation-functions-v0.3.js', '/apps/settings/wcm/designs/oclc/js/jquery/jquery.ba-outside-events.js'] }); } }); $(window).bind("load", function () {}); // Not sure why this is here. }); }(jQuery)); </script> <nav> <ul id="main-nav"> <li class="main-nav-item"> <a href="https://learn.webjunction.org/" title="Course Catalog" rel="/content/webjunction/nav-menus/course-catalog.html" class="main-nav-link dropnav">Course Catalog</a> <div class="dropnav-cont hidden-all"></div> </li> <li class="main-nav-item"> <a href="https://www.webjunction.org/events/webjunction.html" title="Webinar calendar" rel="/content/webjunction/nav-menus/webinar-calendar.html" class="main-nav-link dropnav">Webinar calendar</a> <div class="dropnav-cont hidden-all"></div> </li> <li class="main-nav-item"> <a href="https://www.webjunction.org/explore-topics.html" title="Topic areas" rel="/content/webjunction/nav-menus/explore-topics.html" class="main-nav-link dropnav">Topic areas</a> <div class="dropnav-cont hidden-all"></div> </li> <li class="main-nav-item"> <a href="https://www.webjunction.org/wj-projects.html" title="Our projects" rel="/content/webjunction/nav-menus/webjunction-projects.html" class="main-nav-link dropnav">Our projects</a> <div class="dropnav-cont hidden-all"></div> </li> <li class="main-nav-item"> <a href="https://www.webjunction.org/about-us.html" title="About us" rel="/content/webjunction/nav-menus/about-us.html" class="main-nav-link dropnav">About us</a> <div class="dropnav-cont hidden-all"></div> </li> </ul> </nav> </div> <div class="search"> <link rel="stylesheet" href="/apps/settings/wcm/designs/oclc/coveo/css/CoveoFullSearchNewDesign.css"/> <script src="/apps/settings/wcm/designs/oclc/coveo/js/CoveoJsSearch.js"></script> <link rel="stylesheet" type="text/css" href="/apps/settings/wcm/designs/oclc/coveo/css/oclccoveosearchextension.css"/> <div class="oclc-coveo-search"> <section class="search-box"> <div id="searchbox" class="CoveoSearchInterface" data-pipeline="webjunction"> <div class="coveo-search-section"> <div class="CoveoSearchbox" data-enable-omnibox="true" data-inline="false" data-enable-wildcards="true" data-enable-search-as-you-type="false" data-enable-query-suggest-addon="true" data-enable-query-syntax="true" data-enable-field-addon="true" data-auto-focus="false"> </div> </div> </div> <div> <input type="hidden" name="resultsPagePath" value="/content/webjunction/search-results.html" id="resultsPagePath"> <input type="hidden" name="accessToken" value="xxc839667d-dd5e-474e-b3ab-c84b434185fe" id="accessToken"> <input type="hidden" name="searchUrl" value="https://platform.cloud.coveo.com/rest/search" id="searchUrl"> <input type="hidden" name="searchWord" value="Search WebJunction" id="searchWord"> </div> </section> </div> <script type="text/javascript"> //This is to fix the issue with amlib and olib where there are multiple //standalone searchboxes on the same page. This disables all searchboxes //except the last one. coveo doesn't support instantiating multiple global //search boxes on the same page. $('body').find('.oclc-coveo-search:not(:last)').remove(); var searchResultsPage = $('#resultsPagePath').val(); var accessTokenVal = $('#accessToken').val(); var searchUrlVal = $('#searchUrl').val(); var searchWordVal = $('#searchWord').val(); document.addEventListener("DOMContentLoaded", function() { Coveo.SearchEndpoint.endpoints["default"] = new Coveo.SearchEndpoint({ restUri: searchUrlVal, accessToken: accessTokenVal }); var root = Coveo.$$(document).find("#searchbox"); if ("" != searchResultsPage && null != searchResultsPage) { Coveo.initSearchbox(root, searchResultsPage, { Searchbox: { placeholder: searchWordVal } }); } }); </script> </div> </section> </div> </header> </div> <div class="customjavascript section"> <style> /* TEMP - delete after 2024-09-02 */ .header__top .globallogo img { height: 2.5rem; max-width: 100%; } @media screen and (min-width: 576px) { .hide-desktop { display: none !important; } } .header__bottom { align-items: end; position: relative; justify-content: space-between; } .header__top, .header__bottom { display: flex; flex-flow: row wrap; gap: 1rem; } /* End TEMP */ </style></div> </div> </div> </div> <div id="main-content" class="cont-page mod"> <div class="parsys_column interior-content"> <div class="parsys_column home-content-c0"> <div class="cont-page mod crumbs-tools"> <div class="breadcrumb"></div> </div> <div class="page-content no-nav"> <div class="par parsys"><div class="parsyscolumncontrol section"> <div class="parsys_column cq-colctrl-lt5"> <div class="parsys_column cq-colctrl-lt5-c0"> <div class="col0 parsys"><div class="event section"> <script type="text/javascript" src="/libs/cq/search/widgets.js"></script> <script type="text/javascript" src="/libs/collab/calendar/widgets.js"></script> <style> .cq-event-placeholder { border: 2px dashed #cccccc; } .cq-event-placeholder-off { display:none; } .cq-event-placeholder-img { width: 74px; height: 74px; float: left; background: url( "/libs/collab/calendar/components/event/placeholder.png" ) no-repeat scroll 50% 50% } .cq-event-placeholder dl { margin-left: 80px; } .cq-event-placeholder dt { color: #ccc; font-weight: bold; } .cq-event-placeholder dd { color: #666; } .cq-eventcomponent-editbtn-wrapper { float: right; margin: 5px; } /********* Modal css START *********/ .button { background: #419a3c; /*color of the button*/ padding: 1em 2em; /*this is the size of the button*/ color: #fff; border: 0; } .button:hover { background: #3333; } .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; /*height: 30%; width: 50%;*/ max-width:calc(80% - 85px); max-height:calc(80% - 85px); overflow: visible; /*overflow: auto; background-color: rgba(0, 0, 0, 0.5);*/ } .modal-content { background-color: #f4f4f4; margin: 25% auto; padding: 50px; width: 65%; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17); animation-name: modalopen; animation-duration: 1s; } .closeBtn { color: #ccc; float: right; font-size: 30px; } .closeBtn:hover, .closeBtn:focus { color: #000; text-decoration: none; cursor: pointer; } .modalLink:hover, .modalLink:focus { color: #000; text-decoration: none; cursor: pointer; } @keyframes modalopen { from { opacity: 0 } to { opacity: 2 } } /********* Modal css END *********/ </style> <div class="par parsys" itemscope="" itemtype="http://schema.org/Event"> <meta itemprop="eventAttendanceMode" content="OnlineEventAttendanceMode">  <div class="text parbase section"> <div class="event-listing-calendar event-detail-cal"> <span class="el-month">SEP</span> <span class="el-day">26</span> <span class="el-cal-bottom"></span> </div> <h1 itemprop="name">Engaging Beyond Our Walls: Libraries connecting communities through outdoor games and stories</h1> <p itemprop="description"><span class="text-pageintro">Discover how libraries can use outdoor games and interactive stories to connect with communities and showcase local history and landmarks.</span></p> </div>  <p class="event-status-msg es-passed es-detail"><strong>This event has passed.</strong> </p> <div class="parsys_column cq-colctrl-lt2-r">  <div class="parsys_column cq-colctrl-lt2-r-c0"> <div class="eventcontent parsys"><div class="text parbase section"> <p>Discover how libraries across the country are creating their own outdoor games and interactive stories that showcase local history, landmarks, and voices. These playful activities, often designed by library staff, include texting with murals, audio tours by Black feminist historians, ghost scavenger hunts, and "I spy" quests for architecture and culture. These low-tech creations are part of a national project, Engaging Beyond Our Walls, which aims to connect libraries with their communities in innovative ways. Learn how over 50 towns and cities have already joined in, using free templates and training from the Playful City Lab of American University and the DC Public Library. Find out how these do-it-yourself tools can help libraries of all sizes tell their own stories and build stronger places. Whether you're looking for a small or big project, this webinar will provide you with inspiration, resources, and real outcomes that can catalyze community engagement.</p> <p>Presented by: <strong>Benjamin Stokes</strong>, Associate Professor, American University and Director, Playful City Lab; and <strong>David Quick</strong>, Adult Services Coordinator, DC Public Library</p> <p><strong>Tweet: </strong>#wjwebinar</p> <h3>Access recording</h3> <ul> <li><strong><a href="https://learn.webjunction.org/course/view.php?id=779">View webinar recording</a></strong> (You will be prompted to login to our free Course Catalog.)</li> </ul> <h3>Webinar attachments</h3> <ul> <li><b><a href="/content/dam/WebJunction/Documents/webJunction/2024-09/slides-engaging-beyond-our-walls.pdf">View slides</a></b> (pdf) <em></em><em></em><em></em><br /> </li> <li><b><a href="/content/dam/WebJunction/Documents/webJunction/2024-09/chat-engaging-beyond-our-walls.xlsx">View chat</a></b> (xls) <em></em></li> <li><strong><a href="/content/dam/WebJunction/Documents/webJunction/2024-09/captions-engaging-beyond-our-walls.txt">View captions</a></strong> (txt)<em> <br /> </em></li> <li><strong><a href="/content/dam/WebJunction/Documents/webJunction/2024-09/guide-engaging-beyond-our-walls.docx">Learner Guide</a></strong> (doc) Use alone or with others to extend your learning.<br /> </li> </ul> <h3><a title="related_resources" name="related_resources"></a>Related resources and links</h3> <ul> <li>Learn more about the project, <a href="https://www.webjunction.org/news/webjunction/engage-beyond-our-walls.html">Local games and interactive stories to Engage Beyond Our Walls</a></li> <li><a href="https://playfulcity.net/go/ebow/">Engaging Beyond Our Walls</a>, project homepage</li> <li><a href="https://playfulcity.net/go/ebow/recipe-book/">Recipe Book</a><br /> </li> <li><a href="https://playfulcity.net/go/ebow/tasting-menu/">Tasting Menu of 13 different projects</a></li> <li>More information on the <a href="https://www.hivemechanic.org/overview/tool-overview-hive-mechanic/">Hive Mechanic tool</a><br /> </li> <li><a href="https://playfulcity.net/go/pokemon-report/">Report: Remixing Pok茅mon GO for City Goals</a></li> <li><a href="https://search.worldcat.org/en/title/1112128634">Locally played : real-world games for stronger places and communities</a>, by Benjamin Stokes</li> <li><a href="https://playfulcity.net/go/connect/">Stay in Touch</a> with the project</li> <li>Shared in chat:</li> <li style="margin-left: 40px;">PLA study,聽<a href="https://www.ala.org/news/press-releases/2023/06/pla-releases-first-public-library-services-strong-communities-report">Public Library Services for Strong Communities Report</a> that showed that millenials and Gen Z trend towards preferring print items vs. digital items in libraries</li> </ul> </div> </div> </div> <div class="parsys_column cq-colctrl-lt2-r-c1"> <div class="highlightbox section">  <div class="hbox"> <div class="parsys"> <h4>Date</h4> <p id="startDate"> <meta itemprop="startDate" content="2024-09-26">26 September 2024</p> <h4>Time</h4> <p id="startTime">3:00 PM – 4:00 PM<br> <span class="time-zone">Eastern Daylight Time, North America [UTC -4]</span></p> <div class="parsys" itemprop="location" itemscope="" itemtype="http://schema.org/VirtualLocation"> <meta itemprop="url" content="https://oclcwebinars.webex.com/weblink/register/rc3a9e337446feaf9c9802ab629c31d5f"> </div> <div class="highlightboxrte parsys"><div class="text parbase section"> </div> </div> <div class="clear"></div> </div> </div>  </div> <div class="eventright parsys"><div class="text parbase section"> <p style="text-align: center;"><img src="/content/dam/WebJunction/Images/webjunction/presenters/benjamin-stokes.jpg" class="img-flt-center-nobrdr" width="200"/><br /> Webinar presenter Benjamin Stokes<br /> <img src="/content/dam/WebJunction/Images/webjunction/presenters/david-quick.jpg" class="img-flt-center-nobrdr" width="200"/><br /> Webinar presenter David Quick</p> </div> </div> </div> </div> <div style="clear:both"></div>  <div id="timezoneModal" class="modal" value="modal"> <div class="modal-content"> <div class="modal-header"> <span class="closeBtn">×</span> <h1>Select a time zone</h1> </div> <div class="modal-body"> <select id="selectOptionModalSelect" name="selectOptionModalSelect"> <optgroup label="Americas"> <option value="Pacific/Honolulu">Hawaii</option> <option value="America/Anchorage">Alaska</option> <option value="America/Phoenix">Arizona</option> <option value="America/Los_Angeles">Pacific Time (US and Canada);Tijuana</option> <option value="America/Denver">Mountain Time (US and Canada)</option> <option value="Canada/Saskatchewan">Regina</option> <option value="America/Bogota">Bogota, Lima, Quito</option> <option value="America/Mexico_City">Mexico City</option> <option value="America/Chicago">Central Time (US and Canada)</option> <option value="America/Caracas">Caracas, La Paz</option> <option value="America/Indianapolis">Indiana (East)</option> <option value="America/New_York">Eastern Time (US and Canada)</option> <option value="America/Buenos_Aires">Buenos Aires, Georgetown</option> <option value="America/Sao_Paulo">Brasilia</option> <option value="America/Santiago">Santiago</option> <option value="America/Halifax">Atlantic Time (Canada)</option> <option value="America/St_Johns">Newfoundland</option> <option value="Atlantic/Cape_Verde">Cape Verde Is</option> <option value="Pacific/Samoa">Midway Island, Samoa</option> </optgroup> <optgroup label="Europe"> <option value="GMT">Greenwich Mean Time</option> <option value="Atlantic/Azores">Azores</option> <option value="Europe/London">Dublin, Edinburgh, Lisbon, London</option> <option value="Europe/Warsaw">Sarajevo, Skopje, Warsaw, Zagreb</option> <option value="Europe/Brussels">Brussels, Copenhagen, Madrid, Paris</option> <option value="Europe/Prague">Belgrade, Bratislava, Budapest, Ljubljana, Prague</option> <option value="Europe/Amsterdam">Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna</option> <option value="Europe/Moscow">Moscow, St. Petersburg, Volgograd</option> <option value="Europe/Helsinki">Helsinki, Riga, Tallinn</option> <option value="Europe/Bucharest">Bucharest, Sofija, Vilnius</option> <option value="Europe/Athens">Athens</option> <option value="Etc/GMT-3">Istanbul</option> <option value="Europe/Minsk">Minsk</option> </optgroup> <optgroup label="Africa"> <option value="Africa/Malabo">West Central Africa</option> <option value="Africa/Casablanca">Casablanca, Monrovia</option> <option value="Africa/Harare">Harare, Pretoria</option> <option value="Africa/Cairo">Cairo</option> <option value="Africa/Nairobi">Nairobi</option> </optgroup> <optgroup label="Asia"> <option value="Asia/Kuwait">Kuwait, Riyadh</option> <option value="Asia/Baghdad">Baghdad</option> <option value="Asia/Jerusalem">Jerusalem</option> <option value="Asia/Tbilisi">Yerevan</option> <option value="Asia/Muscat">Abu Dhabi, Muscat</option> <option value="Asia/Kabul">Kabul</option> <option value="Asia/Tehran">Tehran</option> <option value="Asia/Karachi">Islamabad, Karachi, Tashkent</option> <option value="Asia/Yekaterinburg">Ekaterinburg</option> <option value="Asia/Colombo">Sri Jayawardenepura Kotte</option> <option value="Asia/Calcutta">Calcutta, Chennai, Mumbai, New Delhi</option> <option value="Asia/Katmandu">Kathmandu</option> <option value="Asia/Dhaka">Astana, Dhaka</option> <option value="Asia/Novosibirsk">Almaty, Novosibirsk</option> <option value="Asia/Rangoon">Rangoon</option> <option value="Asia/Krasnoyarsk">Krasnoyarsk</option> <option value="Asia/Bangkok">Bangkok</option> <option value="Asia/Jakarta">Hanoi, Jakarta</option> <option value="Asia/Taipei">Taipei</option> <option value="Asia/Singapore">Kuala Lumpur, Singapore</option> <option value="Asia/Irkutsk">Irkutsk, Ulaan Bataar</option> <option value="Asia/Shanghai">Beijing, Chongqing, Urumqi</option> <option value="Asia/Hong_Kong">Hong Kong</option> <option value="Asia/Yakutsk">Yakutsk</option> <option value="Asia/Seoul">Seoul</option> <option value="Asia/Tokyo">Osaka, Sapporo, Tokyo</option> <option value="Asia/Magadan">Magadan, Solomon Is., New Caledonia</option> <option value="Asia/Vladivostok">Vladivostok</option> </optgroup> <optgroup label="Australia/Pacific"> <option value="Australia/Perth">Perth</option> <option value="Australia/Darwin">Darwin</option> <option value="Australia/Adelaide">Adelaide</option> <option value="Australia/Hobart">Hobart</option> <option value="Pacific/Guam">Guam, Port Moresby</option> <option value="Australia/Sydney">Canberra, Melbourne, Sydney</option> <option value="Australia/Brisbane">Brisbane</option> <option value="Pacific/Fiji">Fiji, Kamchatka, Marshall Is.</option> <option value="Pacific/Auckland">Auckland, Wellington</option> </optgroup> </select> </div>  <div class="modal-footer"> <button id="modalSelectBtn" class="button">Set Time Zone</button> </div>  </div> </div>  <input type="hidden" name="start_date" id="start_date" value="2024-09-26 15:00"/> <input type="hidden" name="end_date" id="end_date" value="2024-09-26 16:00"/> <input type="hidden" name="time_zone" id="time_zone" value="America/New_York"/> <script src="/etc/oclc/js/moment.js"></script> <script src="/etc/oclc/js/moment-timezone.js"></script> <script type="text/javascript"> window.onload = displayBasedOnCookie(); // ******** Modal javascript START ******** var selectedtz = ""; // Get modal element var modal = document.getElementById('timezoneModal'); //Get open modal button var modalLink = document.getElementById('modalLink'); //Get modalSelectBtn button var modalSelectBtn = document.getElementById('modalSelectBtn'); // Get close button var closeBtn = document.getElementsByClassName('closeBtn')[0]; // Listen for open click modalLink.addEventListener('click', openModal); // Listen for close click closeBtn.addEventListener('click', closeModal); // Listen for modalSelectBtn click modalSelectBtn.addEventListener('click', userSelect); // Listen for outside click window.addEventListener('click', clickOutside); const map1 = new Map(); map1.set('Pacific/Honolulu', 1); map1.set('America/Anchorage', 2); map1.set('America/Phoenix', 3); map1.set('America/Los_Angeles', 4); map1.set('America/Denver', 5); map1.set('Canada/Saskatchewan', 6); map1.set('America/Bogota', 7); map1.set('America/Mexico_City', 8); map1.set('America/Chicago', 9); map1.set('America/Caracas', 10); map1.set('America/Indianapolis', 11); map1.set('America/New_York', 12); map1.set('America/Buenos_Aires', 13); map1.set('America/Sao_Paulo', 14); map1.set('America/Santiago', 15); map1.set('America/Halifax', 16); map1.set('America/St_Johns', 17); map1.set('Atlantic/Cape_Verde', 18); map1.set('Pacific/Samoa', 19); map1.set('GMT', 20); map1.set('Atlantic/Azores', 21); map1.set('Europe/London', 22); map1.set('Europe/Warsaw', 23); map1.set('Europe/Brussels', 24); map1.set('Europe/Prague', 25); map1.set('Europe/Amsterdam', 26); map1.set('Europe/Moscow', 27); map1.set('Europe/Helsinki', 28); map1.set('Europe/Bucharest', 29); map1.set('Europe/Athens', 30); map1.set('Etc/GMT-3', 31); map1.set('Europe/Minsk', 32); map1.set('Africa/Malabo', 33); map1.set('Africa/Casablanca', 34); map1.set('Africa/Harare', 35); map1.set('Africa/Cairo', 36); map1.set('Africa/Nairobi', 37); map1.set('Asia/Kuwait', 38); map1.set('Asia/Baghdad', 39); map1.set('Asia/Jerusalem', 40); map1.set('Asia/Tbilisi', 41); map1.set('Asia/Muscat', 42); map1.set('Asia/Kabul', 43); map1.set('Asia/Tehran', 44); map1.set('Asia/Karachi', 45); map1.set('Asia/Yekaterinburg', 46); map1.set('Asia/Colombo', 47); map1.set('Asia/Calcutta', 48); map1.set('Asia/Katmandu', 49); map1.set('Asia/Dhaka', 50); map1.set('Asia/Novosibirsk', 51); map1.set('Asia/Rangoon', 52); map1.set('Asia/Krasnoyarsk', 53); map1.set('Asia/Bangkok', 54); map1.set('Asia/Jakarta', 55); map1.set('Asia/Taipei', 56); map1.set('Asia/Singapore', 57); map1.set('Asia/Irkutsk', 58); map1.set('Asia/Shanghai', 59); map1.set('Asia/Hong_Kong', 60); map1.set('Asia/Yakutsk', 61); map1.set('Asia/Seoul', 62); map1.set('Asia/Tokyo', 63); map1.set('Asia/Magadan', 64); map1.set('Asia/Vladivostok', 65); map1.set('Australia/Perth', 66); map1.set('Australia/Darwin', 67); map1.set('Australia/Adelaide', 68); map1.set('Australia/Hobart', 69); map1.set('Pacific/Guam', 70); map1.set('Australia/Sydney', 71); map1.set('Australia/Brisbane', 72); map1.set('Pacific/Fiji', 73); map1.set('Pacific/Auckland', 74); // open modal function openModal() { modal.style.display = 'block'; } // close modal function closeModal() { modal.style.display = 'none'; } function userSelect () { selectedtz = $("#selectOptionModalSelect option:selected").val(); //Format when passing to moment ("CCYY-MM-DD HH:MM, "time_zone") var start_dtetime = moment.tz($("#start_date").val(), $("#time_zone").val()); var newtz1 = start_dtetime.clone().tz(selectedtz); var end_dte_time = moment.tz($("#end_date").val(), $("#time_zone").val()); var newtz2 = end_dte_time.clone().tz(selectedtz); if(newtz1.format('L') == newtz2.format('L')) { document.getElementById('startDate').innerHTML = newtz1.format('D MMMM YYYY'); document.getElementById('startTime').innerHTML = newtz1.format('LT') + " - " + newtz2.format('LT') + " (" + selectedtz + ")"; } else { document.getElementById('startDate').innerHTML = newtz1.format('D MMMM YYYY') + " - " + newtz2.format('D MMMM YYYY'); document.getElementById('startTime').innerHTML = newtz1.format('LLL') + " - " + newtz2.format('LLL') + " (" + selectedtz + ")"; } deleteCookie(); setCookie(selectedtz); modal.style.display = 'none'; } // close modal if outside click function clickOutside(e) { if (e.target == modal) { modal.style.display = 'none'; } } // ******** Modal javascript END ******** // set the user selected timezone in the cookies function setCookie(cvalue) { var selVal = map1.get(cvalue); if(!isNaN(selVal)) { var d = new Date(); d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); document.cookie = "oclc_event_tz" + "=" + cvalue + ";expires=" + d.toUTCString() + ";path=/;SameSite=Lax"; } } // delete the timezone cookie function deleteCookie() { document.cookie = "oclc_event_tz" + "=junk;expires=Aug, 28 Jul 1983 00:00:01 UTC;" + ";path=/"; } // Find timezone cookie, then redisplay function displayBasedOnCookie() { var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf('oclc_event_tz=') == 0) { redisplay(c.substring('oclc_event_tz='.length, c.length)); } } } // redisplay dates based on the time zone cookie function redisplay(tmzn) { selectedtz = tmzn; //Format when passing to moment ("CCYY-MM-DD HH:MM, "time_zone") var start_dtetime = moment.tz($("#start_date").val(), $("#time_zone").val()); var newtz1 = start_dtetime.clone().tz(selectedtz); var end_dte_time = moment.tz($("#end_date").val(), $("#time_zone").val()); var newtz2 = end_dte_time.clone().tz(selectedtz); if(newtz1.format('L') == newtz2.format('L')) { document.getElementById('startDate').innerHTML = newtz1.format('D MMMM YYYY'); document.getElementById('startTime').innerHTML = newtz1.format('LT') + " - " + newtz2.format('LT') + " (" + selectedtz + ")"; } else { document.getElementById('startDate').innerHTML = newtz1.format('D MMMM YYYY') + " - " + newtz2.format('D MMMM YYYY'); document.getElementById('startTime').innerHTML = newtz1.format('LLL') + " - " + newtz2.format('LLL') + " (" + selectedtz + ")"; } } </script> </div></div> </div> </div> <div class="parsys_column cq-colctrl-lt5-c1"> <div class="col1 parsys"><div class="collaterallist section"> <div class="list parbase section"> <section class="list-mixed-collateral "> </section> </div> </div> <div class="eventlist parbase section"> <div class="list"> <div> <div class="customjavascript section"> <div class="list-upcoming-events "> <h3>Upcoming webinars</h3> <article> <div> <p class="list-ue-eventdate" content="2024-12-05"> 05 December 2024 </p> </div> <h1 class="list-ue-eventtitle"><a href="https://www.webjunction.org/events/webjunction/climate-change-communication.html">Climate change communication: How and why to do it in libraries</a></h1> </article> <article> <div> <p class="list-ue-eventdate" content="2025-01-16"> 16 January 2025 </p> </div> <h1 class="list-ue-eventtitle"><a href="https://www.webjunction.org/events/webjunction/dont-manage-change-embrace-it.html">Don't manage change鈥攅mbrace it</a></h1> </article> <article> <div> <p class="list-ue-eventdate" content="2025-02-26"> 26 February 2025 </p> </div> <h1 class="list-ue-eventtitle"><a href="https://www.webjunction.org/events/webjunction/turn-strategy-into-action.html">Turn strategy into action with Theory of Change</a></h1> </article> <p><span class="link-more"><a href="https://www.webjunction.org/events/webjunction.html">View webinar calendar</a></span></p> </div> </div> </div> </div></div> <div class="relatedtopiclist parbase section"> <div> <div> <div class="list parbase section"> <section class="quicklinks"> <h1>Related topics</h1> <div class="list-cont"> <ul id="linkList"> <li> <a title="Partnerships & collaboration" href="https://www.webjunction.org/explore-topics/partnerships.html">Partnerships & collaboration</a> </li> <li> <a title="Programming" href="https://www.webjunction.org/explore-topics/programming.html">Programming</a> </li> <li> <a title="Teaching patrons" href="https://www.webjunction.org/explore-topics/patron-training.html">Teaching patrons</a> </li> <li> <a title="Young adults & teens" href="https://www.webjunction.org/explore-topics/ya-teens.html">Young adults & teens</a> </li> </ul> </div> </section> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="cont-page extra-info"> <div class="purposestmt iparsys parsys"><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="purposestmt iparsys parsys"></div> </div> </div> </div> </div> </div> <div class="footer iparsys parsys"><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="footer iparsys parsys"><div class="footer section">  <footer class="page-footer">  <div class="cont-page"> <div class="par parsys"><div class="parsyscolumncontrol section"> <div class="parsys_column cq-colctrl-lt6"> <div class="parsys_column cq-colctrl-lt6-c0"> <div class="col0 parsys"><div class="customjavascript section"> <p><a href="https://www.oclc.org/" title="Visit oclc.org"><img src="/content/dam/oclc/design-images/home-page/footer-logo.png" alt="OCLC logo" class="img-nobrdr"></a></p></div> </div> </div> <div class="parsys_column cq-colctrl-lt6-c1"> <div class="col1 parsys"><div class="text parbase section"> <div> <div class="social-intro"> <p><b>Follow<br /> WebJunction:</b></p> </div> <div class="social-accounts" style="float: left;"> <a href="https://www.facebook.com/WebJunctionNews" title="Like WebJunction on Facebook"><img class="img-nobrdr" src="/content/dam/common/images/social-icons/footer/footer-facebook.png" alt="Facebook"/></a> <a href="https://www.youtube.com/channel/UCMYoXOxB8TwPOLtcgTh21hw" title="Watch WebJunction videos on YouTube"><img class="img-nobrdr" src="/content/dam/common/images/social-icons/footer/footer-youtube.png" alt="YouTube"/></a> <a href="https://www.linkedin.com/company/webjunction" title="Connect with WebJunction on LinkedIn"><img class="img-nobrdr" src="/content/dam/common/images/social-icons/footer/footer-linkedin.png" alt="LinkedIn"/></a> </div> </div> <div style="clear: both;"> 聽 </div> </div> <div class="customjavascript section"> <style>.copyright #ot-sdk-btn.ot-sdk-show-settings{border:none;padding:0;font-size:12px;color:#455560;background:none}.copyright #ot-sdk-btn.ot-sdk-show-settings:hover{background:none;color:#455560;text-decoration:none}</style></div> <div class="text parbase section"> <div class="copyright"> <p><span name="Sprinkles:copyright-current-year" class="cq-rte-sprinkles"><a href="https://policies.oclc.org/en/copyright.html" title="Read the OCLC copyright policy">© 2024 OCLC</a></span>聽</p> <p><a href="https://policies.oclc.org/en/copyright/trademarks.html" title="View the OCLC and Affiliate Trademarks and Service Marks PDF">Domestic and international trademarks and/or service marks of OCLC, Inc. and its affiliates</a></p> <ul> <li><a href="https://www.webjunction.org/sitemap.html">Site map</a></li> <li><a href="https://www.webjunction.org/about-us/terms.html">Terms of service</a></li> <li><a href="https://policies.oclc.org/en/privacy/privacy-statement.html">Privacy statement</a></li> <li><a href="https://policies.oclc.org/en/privacy/cookie-statement.html">Cookie notice</a></li> <li><a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie settings</a></li> <li><a href="https://policies.oclc.org/en/accessibility.html">Accessibility statement</a></li> <li><a href="https://www.oclc.org/en/trust/compliance.html#trust-certifications">ISO 27001 Certificate</a></li> </ul> </div> </div> </div> </div> </div></div> </div> <div style="clear: both"></div> </div> <div class="connect-bar mod"> <div class="cont-page">  </div> </div>  <div class="cont-page copyright"> <div class="text parbase"> </div> </div> </footer> <script> (function ($) { $(function() { yepnope({ test: ($(".event-listing-show").length), yep: ['/apps/settings/wcm/designs/oclc/js/event-functions-v0.2.js'] }); }); })(jQuery); </script> </div> </div> </div> </div> <script type="text/javascript"> (function ($) { $(function () { yepnope([{ }, { test: (window.location.href.indexOf("search-results") != -1), nope: ['/apps/settings/wcm/designs/oclc/syntaxhighlighter/shCore.js', '/apps/settings/wcm/designs/oclc/syntaxhighlighter/shAutoloader.js'], complete: function () { SyntaxHighlighter.autoloader('java /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushJava.js', 'js jscript javascript /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushJScript.js', 'plain text /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushPlain.js', 'bash /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushBash.js', 'csharp /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushCSharp.js', 'css /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushCss.js', 'groovy /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushGroovy.js', 'perl pl /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushPerl.js', 'php /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushPhp.js', 'python py /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushPython.js', 'ruby /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushRuby.js', 'sql /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushSql.js', 'xml /apps/settings/wcm/designs/oclc/syntaxhighlighter/shBrushXml.js'); SyntaxHighlighter.all(); } }]); }); }(jQuery)); </script> </body> </html>

CINXE.COM

Engaging Beyond Our Walls: Libraries connecting communities through outdoor games and stories