CINXE.COM
Building community in a changing climate
<!DOCTYPE HTML> <!--[if gt IE 9]><!--><html class=" no-js" lang="en" dir="ltr"><!--<![endif]--> <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>Building community in a changing climate </title> <meta name="description" content="Explore how public libraries and their partners are empowering communities to address climate change collaboratively." /> <!-- Dublin Core Metadata --> <meta name="DC.Title" content="Building community in a changing climate" /> <meta name="DCTERMS.Alternative" content="Building community in a changing climate"> <meta name="DC.Subject" content="" /> <meta name="DC.Description" content="Explore how public libraries and their partners are empowering communities to address climate change collaboratively."> <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-11-26"> <meta name="DCTERMS.Issued" scheme="DCTERMS.W3CTDF" content="2024-11-26"> <meta name="DCTERMS.Modified" scheme="DCTERMS.W3CTDF" content="2024-11-26"> <meta name="DC.Language" content="en_US"> <meta name="DC.Modified" content="2024-11-26" /> <meta name="DC.Rights" content="https://policies.oclc.org/en/copyright.html" /> <meta name="twitter:title" content="Building community in a changing climate" /> <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="Explore how public libraries and their partners are empowering communities to address climate change collaboratively." /> <meta name="twitter:image" content="https://www.webjunction.org/content/dam/WebJunction/Images/webjunction/2024-10/wj_webinar_brc2_building_community.jpg" /> <meta property="og:image" content="https://www.webjunction.org/content/dam/WebJunction/Images/webjunction/2024-10/wj_webinar_brc2_building_community.jpg" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="WebJunction" /> <meta property="og:title" content="Building community in a changing climate" /> <meta property="og:locale" content="en_US" /> <meta property="og:url" content="https://www.webjunction.org/events/webjunction/building-community-in-a-changing-climate.html" /> <meta property="og:description" content="Explore how public libraries and their partners are empowering communities to address climate change collaboratively." /> <meta name="viewport" content="width=device-width" /> <link rel="canonical" href="https://www.webjunction.org/events/webjunction/building-community-in-a-changing-climate.html"/> <link rel="alternate" href="https://www.webjunction.org/events/webjunction/building-community-in-a-changing-climate.html" hreflang="en"/> <!-- News Article Script --> <!-- Favicons --> <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> <!-- Modernizr: http://www.modernizr.com/ --> <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> <!-- TypeKit --> <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\/building\u002Dcommunity\u002Din\u002Da\u002Dchanging\u002Dclimate"); }); </script> <!-- Style sheets --> <link rel="stylesheet" href="/apps/settings/wcm/designs/oclc/oclc-webjunction-v2/main.css?v=20250130"> <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"/> <!-- Template Includes --> <!-- OneTrust Cookies Consent Notice start --> <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> <!-- OneTrust Cookies Consent Notice end --> <!-- Start VWO Async SmartCode --> <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com"/> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function() { var account_id=751037, version=2.1, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition: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={nonce:v&&v.nonce,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(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}v&&t.setAttribute('nonce',v.nonce);d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var n=this.getSettings(),i=d.createElement('script'),r=this;t=t||{};if(n){i.textContent=n;d.getElementsByTagName('head')[0].appendChild(i);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200||o.status===304){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},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;if(this.hide_element()!=='body'){t=d.createElement('style');var n=this.hide_element(),i=n?n+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var i=d.createElement('div');i.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;display: block !important;';i.setAttribute('id','_vis_opt_path_hides');i.classList.add('_vis_hide_layer');t.parentNode.insertBefore(i,t.nextSibling)}var o=window._vis_opt_url||d.URL,s='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(o)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:s})}else{this.load(s+'&x=true')}}};w._vwo_code=code;code.init();})(); </script> <!-- End VWO Async SmartCode --> <script> dataLayer = [{ 'site': 'webjunction', 'language': 'en_us' }]; </script> <!-- Google Tag Manager --> <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+ '>m_auth=iGoSLkTwa8G0GRiDWDJMVw>m_preview=env-2>m_cookies_win=x';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TC83QFB');</script> <!-- End Google Tag Manager --> </head> <body class="oclc"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TC83QFB>m_auth=iGoSLkTwa8G0GRiDWDJMVw>m_preview=env-2>m_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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> </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); } }); }(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"> <!-- logo --> <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"> <!-- logo --> </div> </div> <div class="header__controls"> <ul class="universal-links"> <li> <a href="https://www.oclc.org/en/home.html" title="OCLC.org home">OCLC.org</a> </li> <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="" 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="" rel="/content/webjunction/nav-menus/webinar-calendar.html" class="main-nav-link dropnav">Webinars</a> <div class="dropnav-cont hidden-all"></div> </li> <li class="main-nav-item"> <a href="https://www.webjunction.org/explore-topics.html" title="" rel="/content/webjunction/nav-menus/explore-topics.html" class="main-nav-link dropnav">Topics</a> <div class="dropnav-cont hidden-all"></div> </li> <li class="main-nav-item"> <a href="https://www.webjunction.org/wj-projects.html" title="" rel="/content/webjunction/nav-menus/webjunction-projects.html" class="main-nav-link dropnav">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="" rel="/content/webjunction/nav-menus/about-us.html" class="main-nav-link dropnav">About</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"> <!-- Event title, calendar display and short description --> <div class="text parbase section"> <div class="event-listing-calendar event-detail-cal"> <span class="el-month">NOV</span> <span class="el-day">21</span> <span class="el-cal-bottom"></span> </div> <h1 itemprop="name">Building community in a changing climate</h1> <p itemprop="description"><span class="text-pageintro">Explore how public libraries and their partners are empowering communities to address climate change collaboratively.</span></p> </div> <!-- Event status messages --> <p class="event-status-msg es-passed es-detail"><strong>This event has passed.</strong> </p> <div class="parsys_column cq-colctrl-lt2-r"> <!-- Event main content --> <div class="parsys_column cq-colctrl-lt2-r-c0"> <div class="eventcontent parsys"><div class="text parbase section"> <p>Climate change and its impacts on the health of our environment and communities are pressing concerns that can feel daunting. Where can you find the resources and partnerships to tackle these unique challenges? Join us to hear from public libraries and their partners who are championing community resilience in the face of climate change. You'll gain valuable insights, resources, and inspiration to empower your community and drive meaningful change. Together, we can build a more sustainable future.</p> <p>Presented by:</p> <ul> <li><strong>Kate Gomes</strong>, Library Director, Holbrook Public Library (MA)</li> <li><strong>Brenda Harrington</strong>, Adult Services Librarian, Belfast Free Library (ME)</li> <li><strong>Sarah Kirn</strong>, Participatory Science Strategist, NASA, Gulf of Maine Research Institute</li> </ul> <h3>Access recording</h3> <ul> <li><strong><a href="https://learn.webjunction.org/course/view.php?id=790">View webinar recording</a> </strong>(You will be prompted to sign in to our free Course Catalog.)</li> </ul> <h3>Webinar attachments</h3> <ul> <li><b><a href="/content/dam/WebJunction/Documents/webJunction/2024-11/slides-building-community-changing-climate.pdf">View slides</a></b> (pdf)<br /> </li> <li><b><a href="/content/dam/WebJunction/Documents/webJunction/2024-11/chat-building-community-changing-climate.xlsx">View chat</a></b> (xls) </li> <li><strong><a href="/content/dam/WebJunction/Documents/webJunction/2024-11/captions-building-community-changing-climate.txt">View captions</a></strong> (txt)<em> <br /> </em></li> <li><strong><a href="/content/dam/WebJunction/Documents/webJunction/2024-11/guide-building-community-changing-climate.docx">Learner Guide</a></strong> (doc) Use alone or with others to extend your learning.</li> </ul> <h3><a title="related_resources" name="related_resources"></a>Related resources and links</h3> <ul> <li><a href="https://www.webjunction.org/news/webjunction/building-resilient-communities.html">Building Resilient Communities Project</a></li> <li style="margin-left: 40px;">October 24 webinar, <a href="https://www.webjunction.org/events/webjunction/sustaining-ecosystems-for-climate-learning.html">Sustaining ecosystems for climate learning and action</a></li> <li style="margin-left: 40px;">December 5 webinar, <a href="https://www.webjunction.org/events/webjunction/climate-change-communication.html">Climate change communication: How and why to do it in libraries</a></li> <li style="margin-left: 40px;"><a href="https://spacescience.org/edu/reports.php#BRC">Project background reports</a></li> <li style="margin-left: 80px;"><a href="https://spacescience.org/edu/reports/Kotcher_BR_FINAL2.pdf"><em>How a health narrative can enhance communication of six key truths about climate change with diverse audiences</em></a> by John E. Kotcher</li> <li style="margin-left: 80px;"><a href="https://spacescience.org/edu/reports/Levin-Lederer-Wright-BR_FINAL.pdf"><em>Centering health equity, environmental justice, and climate justice to support communities</em></a> by Sarah Levin-Lederer and April Wright</li> <li style="margin-left: 80px;"><a href="https://spacescience.org/edu/reports/Ostman_BR_FINAL.pdf"><em>STEM learning ecosystems</em></a> by Rae Ostman</li> <li style="margin-left: 80px;"><a href="https://spacescience.org/edu/reports/Smith-Aldrich-2024-BR_FINAL.pdf"><em>Public libraries are critical agencies in multi-sector climate action plans, policies, and actions</em></a> by Rebekkah Smith Aldrich</li> <li><a href="https://guides.masslibsystem.org/ClimatePrepWeek/BlueMarbleLibrarians">Blue Marble Librarians</a></li> <li style="margin-left: 40px;"><a href="https://calendar.masslibsystem.org/calendar/events/?t=d&q=blue%20marble%20&cid=7265&cal=7265&inc=0">Blue Marble Library Idea Share - quarterly online meetings</a></li> <li style="margin-left: 40px;"><a href="https://guides.masslibsystem.org/ClimatePrepWeek/BlueMarbleLibraryBlog">Blue Marble Library Blog</a></li> <li style="margin-left: 40px;"><a href="https://guides.masslibsystem.org/ClimatePrepWeek/getinvolved">Blue Marble Library Guide: Climate Prep Week</a></li> <li style="margin-left: 40px;"><a href="https://mblc.state.ma.us/sympa/info/mls-bluemarble">Blue Marble Librarians listserv</a></li> <li style="margin-left: 40px;"><a href="https://guides.masslibsystem.org/ClimatePrepWeek/BlueMarbleLibrarians">Blue Marble Librarians libguide</a></li> <li><a href="https://www.climatecrew.org/">CREW</a>, network of local leaders building grassroots climate resilience through inclusive & hands-on education, service, and planning.</li> <li><a href="https://guides.masslibsystem.org/ClimatePrepWeek/BlueMarbleLibraryBlog/Hosting-Repair-Events-in-Libraries">Fix It Clinics at the Brewster Ladies’ Library</a></li> <li><a href="https://www.theclimateribbon.org/">The Climate Ribbon Project</a></li> <li><a href="https://www.sturgislibrary.org/blog/library-news/new-gardens-sturgis-library/">Sturgis Library Rain Garden</a></li> <li><a href="https://terryvillepl.info/about/pollinator-garden/">Terryville Public Library Pollinator Garden</a></li> <li><a href="https://programminglibrarian.org/learn/growing-your-librarys-role-creating-community-garden-impact">Pottsboro Library Community Garden</a></li> <li><a href="https://www.ala.org/sites/default/files/tools/content/ResComm_ProgGuide%20FINAL100820.pdf">ALA Resilient Community Programming Guide</a></li> <li><a href="https://www.epa.gov/environmentaljustice/environmental-justice-grants-funding-and-technical-assistance">Environmental Justice Grants, Funding and Technical Assistance</a></li> <li><a href="https://toolkit.climate.gov/content/funding-opportunities">US Climate Resilience Toolkit-Funding Opportunities</a></li> <li><a href="https://www.apha.org/topics-and-issues/climate-health-and-equity/eco-bookworms">APHA ECO Bookworms</a></li> </ul> <ul> <li><a href="https://belfastlibrary.org/all-of-belfast-climate-dialogues/">All of Belfast: Climate Dialogues</a></li> <li style="margin-left: 40px;"><a href="https://belfastlibrary.org/dialogue-101/">Talking About Climate Change: Why & How</a></li> <li style="margin-left: 40px;"><a href="https://abcdbelfast.omeka.net/items/browse">Community Climate Conversations</a></li> <li style="margin-left: 40px;"><a href="https://www.waldoclimateaction.org/">Waldo Climate Action Coalition</a></li> <li style="margin-left: 40px;"><a href="https://abcdbelfast.omeka.net/items/show/158">What made ABCD work?</a></li> </ul> <ul> <li>Shared in chat</li> <li style="margin-left: 40px;">WebJunction webinar, <a href="https://www.webjunction.org/events/webjunction/hosting-repair-events.html">Reduce Waste, Build Community: Hosting Repair Events at Your Library</a></li> <li style="margin-left: 40px;">WebJunction article, <a href="https://www.webjunction.org/news/webjunction/growing-library-garden-programs.html">Growing library garden programs</a></li> <li style="margin-left: 40px;"><a href="https://yolocountylibrary.org/locations/winters/teaching-garden/">Yolo County's Teaching Garden</a> is so pretty (with master gardeners) and they do tons of programming</li> <li style="margin-left: 40px;"><a href="https://letsmovelibraries.org/wp-content/uploads/2023/02/HEAL-Book.pdf">HEAL (Healthy Eating & Active Living) at the Library)</a> (pdf) from <a href="https://letsmovelibraries.org/">Let's Move in Libraries</a></li> <li style="margin-left: 40px;"><a href="https://imls.gov/grants/apply-grant">IMLS website</a> for details on how to apply for grants to support both local and national projects</li> <li style="margin-left: 40px;">California libraries, look out for the 25/26 <a href="https://www.library.ca.gov/services/to-libraries/sustainable/">Sustainable CA Libraries LSTA funded opportunity</a> and check out the <a href="https://www.library.ca.gov/uploads/2024/05/Climate-and-Sustainability-Action-Guide-for-CA-Libraries.pdf">Climate and Sustainability Action Guide for California Libraries</a> (pdf)<br /> </li> <li style="margin-left: 40px;">Belfast Free Library participated in the IMLS grant program, <a href="https://www.imls.gov/grants/available/accelerating-promising-practices-small-libraries">Accelerating Promising Practices for Small Libraries</a></li> </ul> </div> </div> </div> <div class="parsys_column cq-colctrl-lt2-r-c1"> <div class="highlightbox section"> <!-- Start: Highlight Box --> <div class="hbox"> <div class="parsys"> <h4>Date</h4> <p id="startDate"> <meta itemprop="startDate" content="2024-11-21">21 November 2024</p> <h4>Time</h4> <p id="startTime">3:00 PM – 4:00 PM<br> <span class="time-zone">Eastern Standard Time, North America [UTC -5]</span></p> <div class="parsys" itemprop="location" itemscope="" itemtype="http://schema.org/VirtualLocation"> <meta itemprop="url" content="https://oclcwebinars.webex.com/weblink/register/rcb7c8efc5fd55f7106513761ceab4769"> </div> <div class="highlightboxrte parsys"><div class="text parbase section"> </div> </div> <div class="clear"></div> </div> </div> <!-- End: Highlight Box --> </div> <div class="eventright parsys"><div class="text parbase section"> <p style="text-align: center;"><img src="/content/dam/WebJunction/Images/webjunction/presenters/kate-gomes.jpg" class="img-flt-center-nobrdr" width="200"/><br /> Webinar presenter Kate Gomes<br /> <img src="/content/dam/WebJunction/Images/webjunction/presenters/brenda-harrington.jpg" class="img-flt-center-nobrdr" width="200"/><br /> Webinar presenter Brenda Harrington<br /> <img src="/content/dam/WebJunction/Images/webjunction/presenters/sarah-kirn.jpg" class="img-flt-center-nobrdr" width="200"/><br /> Webinar presenter Sarah Kirn<br /> </p> </div> </div> </div> </div> <div style="clear:both"></div> <!-- Modal START --> <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> <!-- Modal 'Set Time Zone' button START --> <div class="modal-footer"> <button id="modalSelectBtn" class="button">Set Time Zone</button> </div> <!-- Modal 'Set Time Zone' button END --> </div> </div> <!-- Modal END --> <input type="hidden" name="start_date" id="start_date" value="2024-11-21 15:00"/> <input type="hidden" name="end_date" id="end_date" value="2024-11-21 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 class="text parbase section"> <hr /> <p><span class="photo-credit"><em>This work is supported by the National Science Foundation under Grant Number 2314180 to the Space Science Institute. Any opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation.</em></span></p> </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="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> <article> <div> <p class="list-ue-eventdate" content="2025-03-04"> 04 March 2025 </p> </div> <h1 class="list-ue-eventtitle"><a href="https://www.webjunction.org/events/webjunction/embracing-neurodiversity.html">Embracing neurodiversity: Cultivating an inclusive workplace for neurodivergent staff</a></h1> </article> <article> <div> <p class="list-ue-eventdate" content="2025-03-13"> 13 March 2025 </p> </div> <h1 class="list-ue-eventtitle"><a href="https://www.webjunction.org/events/webjunction/impacted-by-incarceration.html">Supporting communities impacted by incarceration through library services</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="Access & equity" href="https://www.webjunction.org/explore-topics/access-equity.html">Access & equity</a> </li> <li> <a title="Outreach" href="https://www.webjunction.org/explore-topics/outreach.html">Outreach</a> </li> <li> <a title="Partnerships & collaboration" href="https://www.webjunction.org/explore-topics/partnerships.html">Partnerships & collaboration</a> </li> <li> <a title="Sustainability" href="https://www.webjunction.org/explore-topics/sustainability.html">Sustainability</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 container --> <footer class="page-footer"> <!-- footer content --> <div class="cont-page"> <div class="par parsys"><div class="parsyscolumncontrol section"> <div class="parsys_column cq-colctrl-lt4"> <div class="parsys_column cq-colctrl-lt4-c0"> <div class="col0 parsys"><div class="text parbase section"> <h3>Discover WebJunction</h3> <ul class="no-bullets"> <li><a href="https://learn.webjunction.org/">Course Catalog</a></li> <li><a href="https://www.webjunction.org/events/webjunction.html">Webinars</a></li> <li><a href="https://www.webjunction.org/explore-topics.html">Topics</a></li> <li><a href="https://www.webjunction.org/wj-projects.html">Projects</a></li> <li><a href="https://www.webjunction.org/about-us.html">About</a></li> </ul> </div> </div> </div> <div class="parsys_column cq-colctrl-lt4-c1"> <div class="col1 parsys"><div class="text parbase section"> <h3>Related sites</h3> <ul class="no-bullets"> <li><a href="https://www.oclc.org/en/home.html" target="_self" title="OCLC">OCLC.org</a></li> <li><a href="https://community.oclc.org" target="_self" title="OCLC Community Center">Community Center</a></li> <li><a href="/content/research.html" target="_self" title="OCLC Research">OCLC Research</a></li> <li><a href="https://help.oclc.org/" target="_self" title="OCLC Support">OCLC Support</a></li> </ul> </div> </div> </div> <div class="parsys_column cq-colctrl-lt4-c2"> <div class="col2 parsys"><div class="text parbase section"> <div class="social-intro" style="float: none;"> <h3>Follow WebJunction</h3> </div> <div class="social-accounts"> <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" style="margin: 0 5.0px 0 0;"/></a> <a href="https://www.linkedin.com/groups/1814025" title="Connect with WebJunction on LinkedIn"><img class="img-nobrdr" src="/content/dam/common/images/social-icons/footer/footer-linkedin.png" alt="LinkedIn" style="margin: 0 5.0px 0 0;"/></a> </div> </div> </div> </div> <div class="parsys_column cq-colctrl-lt4-c3"> <div class="col3 parsys"><div class="text parbase section"> <h3>Subscribe to Crossroads</h3> <p>Receive regular updates from WebJunction's newsletter for library learning.</p> <p><span class="link-btn link-btn-primary link-btn-outline" style="margin-bottom: 16.0px;"><a href="https://www.webjunction.org/email.html?utm_campaign=email-subscription-web-organic&utm_medium=digital&utm_source=webpage-email-sub&utm_content=email-subscription-footer-button-wj-crossroads">Subscribe now</a></span></p> </div> </div> </div> </div></div> <div class="text parbase section"> <hr /> </div> <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="globallogo parbase section"> <!-- logo --> <a href="https://www.oclc.org/en/home.html"> <img src="/content/dam/oclc/design-images/navigation-logo.svg" border="0" title="OCLC.org" alt="OCLC" class="footer-logo"> </a> </div> </div> </div> <div class="parsys_column cq-colctrl-lt6-c1"> <div class="col1 parsys"><div class="text parbase section"> <div class="copyright"> <p><span class="cq-rte-sprinkles" name="Sprinkles:copyright-current-year"><a href="https://policies.oclc.org/en/copyright.html" title="Read the OCLC copyright policy">© 2025 OCLC</a></span> <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"> <!-- ComputerWorld logo should only appear on US/EN site --> </div> </div> <!-- Copyright --> <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>