CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.slycantrust.org" data-wf-page="63375274b7a5ae881cdb9ccd" data-wf-site="5b3a69d483119601a06f1b0a" data-wf-collection="63375274b7a5ae3234db9c7e" data-wf-item-slug="gender-responsive-climate-change-adaptation"><head><meta charset="utf-8"/><title>Gender Responsive Climate Change Adaptation - Knowledge Hub</title><meta content="Climate change impacts are felt across the world and exacerbate the existing vulnerabilities among humans, animals, and ecosystems. The Fifth Assessment Report of the Inter-Government Panel on Climate Change (AR5 IPCC) speaks on how climate change impacts existing vulnerabilities related to non-climatic factors and multidimensional inequalities, and how they shape differential risks from climate change. It further provides that people who are socially, economically, culturally, politically, institutionally, or otherwise marginalized, including social processes such as discrimination on the basis of gender, are especially vulnerable to climate change." name="description"/><meta content="Gender Responsive Climate Change Adaptation - Knowledge Hub" property="og:title"/><meta content="Climate change impacts are felt across the world and exacerbate the existing vulnerabilities among humans, animals, and ecosystems. The Fifth Assessment Report of the Inter-Government Panel on Climate Change (AR5 IPCC) speaks on how climate change impacts existing vulnerabilities related to non-climatic factors and multidimensional inequalities, and how they shape differential risks from climate change. It further provides that people who are socially, economically, culturally, politically, institutionally, or otherwise marginalized, including social processes such as discrimination on the basis of gender, are especially vulnerable to climate change." property="og:description"/><meta content="https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/6242b1087ea883a23cc85055_KH%20Thumbnail%2016%20-%20Gender%20Responsive%20Climate%20Change%20Adaptation.png" property="og:image"/><meta content="Gender Responsive Climate Change Adaptation - Knowledge Hub" property="twitter:title"/><meta content="Climate change impacts are felt across the world and exacerbate the existing vulnerabilities among humans, animals, and ecosystems. The Fifth Assessment Report of the Inter-Government Panel on Climate Change (AR5 IPCC) speaks on how climate change impacts existing vulnerabilities related to non-climatic factors and multidimensional inequalities, and how they shape differential risks from climate change. It further provides that people who are socially, economically, culturally, politically, institutionally, or otherwise marginalized, including social processes such as discrimination on the basis of gender, are especially vulnerable to climate change." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/6242b1087ea883a23cc85055_KH%20Thumbnail%2016%20-%20Gender%20Responsive%20Climate%20Change%20Adaptation.png" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="FguG8prg1zzLb2i6ejB-2PWrxu8mEsHoM6UGSdSIGUE" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/css/slycan.webflow.46c832a67.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Varela:400","PT Sans:400,400italic,700,700italic","Merriweather:300,300italic,400,400italic,700,700italic,900,900italic","Bitter:400,700,400italic","Exo:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","PT Serif:400,400italic,700,700italic","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic","Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Varela Round:400","Roboto Condensed:300,300italic,regular,italic,700,700italic","Roboto:300,regular,500,700"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/639312ead6b1a34837f25bb9_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/652932b6cd18e3e8b804cee4_SLYCAN_Trust.png" rel="apple-touch-icon"/><link href="rss.xml" rel="alternate" title="RSS Feed" type="application/rss+xml"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-133906213-1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-133906213-1', {'anonymize_ip': false});</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N6FKK3D');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KFDREYSJN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KFDREYSJN'); </script> <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5edd393519e2830012a191d7&product=sticky-share-buttons&cms=sop' async='async'></script> <script id="jetboost-script" type="text/javascript"> window.JETBOOST_SITE_ID = "ckeln5obqiv900708dtc7xtu4"; (function() { d = document; s = d.createElement("script"); s.src = "https://cdn.jetboost.io/jetboost.js"; s.async = 1; d.getElementsByTagName("head")[0].appendChild(s); })(); </script></head><body><div class="w-embed w-iframe"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6FKK3D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </div><div><div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-2 w-nav"><a href="/" class="w-nav-brand"><img src="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/638f05b80cb0555cf9a87e37_SLYCAN%20Trust%20-%20new%20branding.png" width="185" alt="" class="image-8"/></a><nav role="navigation" class="nav-menu-2 w-nav-menu"><a href="/knowledge-portal/home" class="navlink-2 w-nav-link">Home</a><a href="/knowledge-portal/about" class="navlink-2 w-nav-link">About</a><div data-hover="true" data-delay="0" class="dropdown-2 w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="w-icon-dropdown-toggle"></div><div>Themes</div></div><nav class="dropdown-list-5 w-dropdown-list"><div class="text-block-27">Thematic Area</div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/entrepreneurship" class="dropdown-link w-dropdown-link">Entrepreneurship</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/sustainable-development" class="dropdown-link w-dropdown-link">Sustainable Development</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/livelihood-development" class="dropdown-link w-dropdown-link">Livelihood Development</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/youth" class="dropdown-link w-dropdown-link">Youth</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/waste-management" class="dropdown-link w-dropdown-link">Waste Management</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/water-resources" class="dropdown-link w-dropdown-link">Water Resources</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/loss-and-damage" class="dropdown-link w-dropdown-link">Loss and Damage</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/human-settlements-and-infrastructure" class="dropdown-link w-dropdown-link">Human Settlements and Infrastructure</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/human-health" class="dropdown-link w-dropdown-link">Human Health</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/gender" class="dropdown-link w-dropdown-link">Gender</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/food-security" class="dropdown-link w-dropdown-link">Food Security</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/ecosystems-and-biodiversity" class="dropdown-link w-dropdown-link">Ecosystems and Biodiversity</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/just-transition" class="dropdown-link w-dropdown-link">Just Transition</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/human-mobility" class="dropdown-link w-dropdown-link">Human Mobility</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/climate-risk-and-disaster-risk-management" class="dropdown-link w-dropdown-link">Climate & Disaster Risk Management</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/coastal-and-marine" class="dropdown-link w-dropdown-link">Coastal and Marine</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/adaptation-and-resilience" class="dropdown-link w-dropdown-link">Adaptation & Resilience</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/climate-finance" class="dropdown-link w-dropdown-link">Climate Finance</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/capacity-building" class="dropdown-link w-dropdown-link">Capacity Building</a></div></div></div></nav></div><div data-hover="true" data-delay="0" class="dropdown-2 w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="w-icon-dropdown-toggle"></div><div>Resources</div></div><nav class="dropdown-list-5-copy w-dropdown-list"><div class="text-block-27">Resource Types</div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/information-note" class="dropdown-link w-dropdown-link">Information Note</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/newsletter" class="dropdown-link w-dropdown-link">Newsletter</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/multimedia" class="dropdown-link w-dropdown-link">Multimedia</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/research-and-technical-papers" class="dropdown-link w-dropdown-link">Research & Technical Papers</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/report" class="dropdown-link w-dropdown-link">Reports</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/policy-brief" class="dropdown-link w-dropdown-link">Policy Brief</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/article" class="dropdown-link w-dropdown-link">Article</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/case-study" class="dropdown-link w-dropdown-link">Case Study</a></div></div></div></nav></div><a href="/knowledge-portal/webinars" class="navlink-2 w-nav-link">Webinars</a><a href="/knowledge-portal/blog" class="navlink-2 w-nav-link">Blog</a></nav><div class="menu-button-2 w-nav-button"><div class="icon-8 w-icon-nav-menu"></div></div></div></div><div class="section-13"><h1 class="heading-35">Gender Responsive Climate Change Adaptation</h1><h1 class="heading-56">October 30, 2019</h1><div class="div-block-110"><div class="div-block-108"><h1 class="heading-56">Resource Type</h1><h1 class="kh-meta-tags-content resource-type">Article</h1></div><div class="div-block-109 w-condition-invisible"><h1 class="heading-56">Language</h1><h1 class="kh-meta-tags-content resource-type w-dyn-bind-empty"></h1></div><div class="div-block-109 w-condition-invisible"><h1 class="heading-56">Geographical Focus</h1><h1 class="kh-meta-tags-content resource-type w-dyn-bind-empty"></h1></div></div><div class="div-block-36"><div class="text-block-29">Created On : </div><div class="crdate">October 30, 2019</div></div><div class="w-embed"><div class="sharethis-inline-share-buttons"></div></div><div class="div-block-106"><div class="w-row"><div class="w-col w-col-6"><div class="rich-text-block-3 w-richtext"><p>‍<em>By Vositha Wijenayake</em></p><p><br/></p><p>Climate change impacts are felt across the world and exacerbate the existing vulnerabilities among humans, animals, and ecosystems. The Fifth Assessment Report of the Inter-Government Panel on Climate Change (AR5 IPCC) speaks on how climate change impacts existing vulnerabilities related to non-climatic factors and multidimensional inequalities, and how they shape differential risks from climate change. It further provides that people who are socially, economically, culturally, politically, institutionally, or otherwise marginalized, including social processes such as discrimination on the basis of gender, are especially vulnerable to climate change.</p><p>Gender refers to the socially constructed characteristics of women and men such as norms, roles, and relationships, of and between groups of women and men. It varies from society to society and can be changed. In recognition of this, the development of policies and plans needs to allocate due attention to gender as a cross cutting theme, and mainstream gender in policies and plans to ensure inclusiveness as well as gender responsive action. </p><p><br/></p><p>The United Nations’ Economic and Social Economic Council (ECOSOC) defined gender mainstreaming in 1997 as “the process of assessing the implications for women and men of any planned action, including legislation, policies or programmes, in all areas and at all levels. It is a strategy for making women’s as well as men’s concerns and experiences an integral dimension of the design, implementation, monitoring and evaluation of policies and programmes in all political, economic and societal spheres so that women and men benefit equally and inequality is not perpetuated.</p><p><br/></p><h4><strong>Gender and Climate Change</strong></h4><p>The United Nations Framework Convention on Climate Change (UNFCCC) has recognized the importance in considering gender as a key component in addressing impacts of climate change. Some of the key aspects noted in the UNFCCC process are a focus to increase the representation and participation of women, the gender balance goal, the two year work programme on gender from 2014–2016, the three year work programme on gender from 2016–2019, the Gender Action Plan introduced in 2017, and the revised gender work programme and action plan which is to be adopted in 2019.</p><p><br/></p><p>Under the UNFCCC Gender Action Plan, the Parties to the Convention focus on capacity building, knowledge sharing and communications; gender balance, participation, and women’s leadership; coherence across the UNFCCC and the UN; gender responsive implementation and means of implementation; monitoring and reporting.</p><p><br/></p><p>Gender-responsive climate policy continues to require further strengthening in all activities including adaptation, mitigation, and related means of implementation (finance, technology development and transfer, and capacity-building). This includes decision making processes and the implementation of climate policies and climate action.</p><p><br/></p><p>Decision 21/CP.22 requests the Subsidiary Body for Implementation to develop a gender action plan (GAP) with the aim of supporting the implementation of gender-related decisions and mandates in the UNFCCC process. This may include among others priority areas, key activities, and indicators, as well as timelines for implementation, and responsible and key actors.</p><p><br/></p><p>The GAP has as its objective to advance women’s full, equal and meaningful participation and promote gender-responsive climate policy and the mainstreaming of a gender perspective in the implementation of the Convention and the work of Parties, the Secretariat, United Nations entities, and all stakeholders at all levels.</p><p><br/></p><p>Gender is considered under the Paris Agreement in decisions related to mitigation (Gender-responsive information on the planning of NDCs, social consequences of response measures,) adaptation (gender responsive adaptation action in adaptation communications,) climate finance (gender responsive reporting,) technology, and transparency.</p><p><br/></p><h4><strong>Gender Responsive Climate Adaptation</strong></h4><p>In adaptation to climate change, gender refers to (among others) how the socio-political relations between men and women affect the planning and implementation of adaptation actions, access to resources (including material resources and capacity building), ways in which climate change impacts and adaptation measures differentially affect men and women, ways in which men and women contribute differently to adaptation actions, and social and cultural limitations.</p><p>Further, the COP agreed that National Adaptation Plans (NAPs) should follow a country-driven, gender-sensitive, participatory, and fully transparent approach, taking into consideration vulnerable groups, communities, and ecosystems. The Least Developed Countries’ Expert Group (LEG) Guidelines on NAPs provide entry points for gender integration into adaptation actions. Among such examples are assessing what information is available regarding particularly vulnerable groups including women, and further researching on this topic in the country; harnessing the potential of women as agents of change within their communities, and investing in this potential as part of the NAP process; tailoring and implementing the NAP activities based on an understanding of gender dynamics and the potentially disproportionate impacts of climate change on women; ensuring the participation of the most vulnerable groups, including women, in the NAP process. This includes integrating the perspectives of women and drawing on their unique adaptation knowledge and local coping strategies when formulating the NAP.</p><p>Nationally Determined Contributions (NDCs) under the Paris Agreement are also an opportunity to ensure that climate change policies are gender responsive. Research conducted by UNDP provides that out of the 161 countries that had submitted their intended nationally determined contributions (INDCs), 65 countries had made at least one reference to gender equality or women. The research further points to several options to ensure that NDCs are gender responsive which includes analysing the national context, assessing the institutional gender equality frameworks and coordination mechanisms, integrating gender equality into climate change planning instruments and processes, engaging in multi-stakeholder consultations with women and women organisations, supporting capacity building and empowerment, etc.</p><p>Further, taking into account the importance of gender responsiveness of climate actions, the Green Climate Fund has also highlighted the need for mainstreaming gender in their projects and activities. To assist the countries to ensure that projects are gender responsive, the GCF has introduced a Gender Assessment and Action Plan Template, a toolkit for gender mainstreaming, and refers to the Guidelines for Leveraging Co-benefits between Gender and Climate Action prepared by UN Women.</p><p>‍</p><h4><strong>Conclusion</strong></h4><p>Communities have different vulnerabilities that are linked to diverse causes. With the impacts of climate change, these vulnerabilities are further aggravated. Gender plays a key role in how individuals face and experience climate change, and it is important that policies and plans are gender responsive and take into consideration the gender implications of how climate change impacts men and women, boys and girls differently.</p><p>To ensure that climate change policies and plans are gender responsive, it important that countries take an effort to ensure that key elements of climate action and the UNFCCC process such as NDCs and NAPs are gender responsive, contributing to ensuring inclusive and non-discriminatory climate action.</p><p><br/><br/><br/></p><p>[1] AR5, IPCC (2014)</p><p>[1]Ibid</p><p>[1]World Health Organization, ‘Gender, equity and human rights’(2019)<https: www.who.int="" gender-equity-rights="" understanding="" gender-definition="" en="">accessed 19 April 2019.</https:></p><p>[1]UN ECOSOC, 1997</p><p>[1]Decision 3/CP.23, FCCC/CP/2017/11/Add.1</p><p>[1]Decision 21/CP.22, Decision3/CP.23</p><p>[1]Annex, Decision3/CP.23</p><p>[1] Ibid</p><p>[1] 4/CMA.1</p><p>[1][1] 10/CMA.1</p><p>[1] 12/CMA.1</p><p>[1] 15/CMA.1</p><p>[1]18/CMA.1, 19/CMA.1, 20/CMA.1</p><p>[1] “Strengthening gender-related considerations in theprocess to formulate and implement national adaptation plans,” LEG, UNFCCC(2015)</p><p>[1] Para 3, 5/CP.17</p><p>[1] National Adaptation Planning Process; LEG TechnicalGuidelines, UNFCCC (2012)</p><p>[1] Gender Equality in National Climate Action: Planningfor Gender Responsive Nationally Determined Contributions, UNDP (2016)</p><p>[1] Ibid</p><p>[1] Mainstreaming Gender, Green Climate Fund</p><p>[1] Guidelinesfor Leveraging Co-benefits between Gender and Climate Action, UN Women (2016)</p></div></div><div class="column-20 w-col w-col-6"><div class="video-3 w-condition-invisible w-dyn-bind-empty w-video w-embed"></div><img loading="lazy" src="https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/5db92d46d0620bc04d913b5c_gender%20photo.jpg" alt="" width="344" class="image-57"/><a href="#" class="button-7 w-condition-invisible w-button">Download This File</a></div></div></div></div><div class="div-block-111"><h1 class="heading-56">Related Thematic Areas</h1><div class="collection-list-wrapper-24 w-dyn-list"><div role="list" class="collection-list-19 w-dyn-items"><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/gender" class="w-inline-block"><h1 class="kh-meta-tags-content">Gender</h1></a></div></div></div></div><div class="section-10"><div class="row w-row"><div class="w-col w-col-4"><div class="div-block-8"><div class="text-block-6-copy">Resource Types</div><a href="https://slycan.webflow.io/resource-type-knowledge/article" class="link-5-copy">Article</a><a href="https://slycan.webflow.io/resource-type-knowledge/policy-brief" class="link-5-copy">Policy Brief</a><a href="https://slycan.webflow.io/resource-type-knowledge/report" class="link-5-copy">Reports</a><a href="https://slycan.webflow.io/resource-type-knowledge/research-paper" class="link-5-copy">Research Papers</a><a href="https://slycan.webflow.io/resource-type-knowledge/case-study" class="link-5-copy">Case Studies</a></div></div><div class="w-col w-col-4"></div><div class="w-col w-col-4"><div class="div-block-8 social"><div class="text-block-6-copy3">Initiated with the financial support of</div><a href="/knowledge-portal/partners" class="w-inline-block"><img src="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/5d15859d7ad20fc9dd2a974a_APN%20Logo-01.png" width="92" sizes="100vw" srcset="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/5d15859d7ad20fc9dd2a974a_APN%20Logo-01-p-500.png 500w, https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/5d15859d7ad20fc9dd2a974a_APN%20Logo-01.png 945w" alt="" class="image-56"/></a></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5b3a69d483119601a06f1b0a" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/js/webflow.801241500.js" type="text/javascript"></script> <script> function getParam(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } var Webflow = Webflow || []; Webflow.push(function () { var tabName = getParam('tab'); if (tabName) $('.' + tabName).triggerHandler('click'); }); </script><script src="https://npmcdn.com/isotope-layout@3.0/dist/isotope.pkgd.min.js"></script> <script> // document ready wrapper $(document).ready( function() { // find all filter buttons const filterToggles = document.querySelectorAll('[data-filter]'); // go over each filter button filterToggles.forEach(function(toggle) { let attrVal = toggle.getAttribute(['data-filter']); // find the filter attr let newVal = attrVal.toLowerCase().replace(' ', '-'); // hyphenate filter attr val toggle.setAttribute('data-filter', newVal); // set filter attr with new val }); // go over all collection item category label elems $('.w-dyn-item .partner').each(function(index, element) { var _this = $( element ); // lowercase, hyphenate and add as a class to dyn-item for isotope filtering _this.parent().parent().addClass( _this.text().toLowerCase().replace(' ', '-')); }); // quick search regex let qsRegex; let buttonFilter; // init Isotope const $grid = $('.grid').isotope({ itemSelector: '.w-dyn-item', stagger: 30, filter: function() { var $this = $(this); var searchResult = qsRegex ? $this.text().match( qsRegex ) : true; var buttonResult = buttonFilter ? $this.is( buttonFilter ) : true; return searchResult && buttonResult; } }); // reveal all items after init const $items = $grid.find('.w-dyn-item'); $grid.addClass('is-showing-items').isotope( 'revealItemElements', $items ); $('#filters').on('click', 'button', function() { buttonFilter = $( this ).attr('data-filter'); $grid.isotope(); }); // use value of search field to filter const $quicksearch = $('#quicksearch').keyup(debounce(function() { qsRegex = new RegExp($quicksearch.val(),'gi'); $grid.isotope(); })); // change is-checked class on buttons $('.button-group').each(function( i, buttonGroup ) { const $buttonGroup = $( buttonGroup ); $buttonGroup.on( 'click', 'button', function() { $buttonGroup.find('.is-checked').removeClass('is-checked'); $( this ).addClass('is-checked'); }); }); // debounce so filtering doesn't happen every millisecond function debounce(fn, threshold) { let timeout; return function debounced() { if ( timeout ) { clearTimeout( timeout ); } function delayed() { fn(); timeout = null; } setTimeout( delayed, threshold || 100 ); }; }; // disable search from submitting $('#quicksearch').on('keyup keypress', function(e) { const keyCode = e.keyCode || e.which; if (keyCode === 13) { e.preventDefault(); return false; } }); }); </script></body></html>