CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.circle-economy.com" data-wf-page="65c64404a73a001391cef8d0" data-wf-site="5d26d80e8836af7216ed124d" lang="en"><head><meta charset="utf-8"/><title>Metrics</title><meta content="Metrics" property="og:title"/><meta content="Metrics" property="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/css/new-circle-economy.6862b326f.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: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Noto Serif:300,regular,600,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/5d26d80e8836af7216ed124d/5ef5e5459d9d131ec39f05d8_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/64f7476d7c3fb55d80f67aeb_5d26d80e8836af69e2ed12aa_Circle_Economy_logo_grey_RGB%20-%20256.jpg" rel="apple-touch-icon"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css"/> <meta name="ahrefs-site-verification" content="6b8064e68b96df8c19de3da7bf251d9093a31ef73df28fadf71e746f506c17fb">  <script type="text/plain" data-cookiescript="accepted">(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-TJX9W7X');</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-PS78CQ4X');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-7BF66Q8DG7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7BF66Q8DG7'); </script> <script type="text/javascript"> (function (c, l, a, r, i, t, y) { c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); })(window, document, "clarity", "script", "l8e9oob3dv"); </script>  <script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-selectcustom@1/selectcustom.js"></script> <meta name="twitter:card" content="summary_large_image"> <style> .new-nav-submenu-link:hover { text-decoration: underline; text-decoration-color: #F8F8F8; text-decoration-thickness: 1px; text-underline-offset: 4px; } .newsletter-input-error { top: calc(100% + 16px); } .new-link-button.unactive { pointer-events: none; } </style> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2822850,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script></head><body class="page-top-padding"><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="new-navbar-23 w-nav"><div class="w-embed"><style> @media screen and (min-width: 992px) { .new-navbar-23-dropdown-toggle.w--open .new-navbar-23-dropdown-toggle-text { border-bottom: 2px solid #00d8c7; } } </style></div><div class="new-navbar-23-container w-container"><div class="new-navbar-23-content"><a href="/" class="new-nav-23-brand w-nav-brand"><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/5da870d6ad42af137b737a52_CE%20Logo%20White.svg" loading="lazy" alt=""/></a><nav role="navigation" class="new-navbar-23-menu w-nav-menu"><div class="new-navbar-23-menu-content"><div data-hover="true" data-delay="0" class="new-navbar-23-dropdown w-dropdown"><div class="new-navbar-23-dropdown-toggle w-dropdown-toggle"><div class="new-navbar-23-dropdown-toggle-text">About</div><div class="new-navbar-23-dropdown-arrow-wrapper"><div class="new-navbar-23-dropdown-arrow-overlay"></div><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/653ed4380fec00d2aac273d5_chevron-down.svg" loading="lazy" alt="" class="new-navbar-23-dropdown-arrow"/></div></div><nav class="new-navbar-23-dropdown-list w-dropdown-list"><div class="new-navbar-overlay"></div><div class="new-navbar-23-dropdown-links-wrapper"><a href="/impact" class="new-navbar-23-dropdown-link">Our impact</a><a href="/about" class="new-navbar-23-dropdown-link">Who we are</a><a href="/funding" class="new-navbar-23-dropdown-link">Funding</a><a href="https://circle-economy.jobs.personio.com/" target="_blank" class="new-navbar-23-dropdown-link">Vacancies</a><a href="/about/press-media" class="new-navbar-23-dropdown-link">Press & PR</a></div></nav></div><div data-hover="true" data-delay="0" class="new-navbar-23-dropdown w-dropdown"><div class="new-navbar-23-dropdown-toggle w-dropdown-toggle"><div class="new-navbar-23-dropdown-toggle-text">Services</div><div class="new-navbar-23-dropdown-arrow-wrapper"><div class="new-navbar-23-dropdown-arrow-overlay"></div><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/653ed4380fec00d2aac273d5_chevron-down.svg" loading="lazy" alt="" class="new-navbar-23-dropdown-arrow"/></div></div><nav class="new-navbar-23-dropdown-list w-dropdown-list"><div class="new-navbar-overlay"></div><div class="new-navbar-23-dropdown-links-wrapper"><a href="/programmes/built-environment" class="new-navbar-23-dropdown-link">Built Environment</a><a href="https://circularity-gap.world/services" target="_blank" class="new-navbar-23-dropdown-link">Circularity Gap Reporting Initiative</a><a href="/circular-jobs-initiative" class="new-navbar-23-dropdown-link">Circular Jobs Initiative</a><a href="/programmes/cities/services" class="new-navbar-23-dropdown-link">Cities</a><a href="/digital-offering" class="new-navbar-23-dropdown-link">Digital</a><a href="/programmes/finance" class="new-navbar-23-dropdown-link">Finance</a><a href="/circular-food-systems" class="new-navbar-23-dropdown-link">Food & Agri</a><a href="/metrics" aria-current="page" class="new-navbar-23-dropdown-link w--current">Metrics</a><a href="/programmes/textiles" class="new-navbar-23-dropdown-link">Textiles</a></div></nav></div><div data-hover="true" data-delay="0" class="new-navbar-23-dropdown w-dropdown"><div class="new-navbar-23-dropdown-toggle w-dropdown-toggle"><div class="new-navbar-23-dropdown-toggle-text">Resources</div><div class="new-navbar-23-dropdown-arrow-wrapper"><div class="new-navbar-23-dropdown-arrow-overlay"></div><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/653ed4380fec00d2aac273d5_chevron-down.svg" loading="lazy" alt="" class="new-navbar-23-dropdown-arrow"/></div></div><nav class="new-navbar-23-dropdown-list w-dropdown-list"><div class="new-navbar-overlay"></div><div class="new-navbar-23-dropdown-links-wrapper"><a href="https://circularity-gap.world/" target="_blank" class="new-navbar-23-dropdown-link">Circularity Gap Report (CGR庐)</a><a href="/frameworks" class="new-navbar-23-dropdown-link">Circular economy frameworks</a><a href="/circular-economy/going-circular" class="new-navbar-23-dropdown-link">Going Circular documentary</a><a href="/circular-economy/key-elements" class="new-navbar-23-dropdown-link">Key elements of a circular economy</a><a href="https://knowledge-hub.circle-lab.com/" target="_blank" class="new-navbar-23-dropdown-link">Knowledge Hub</a><a href="/circular-economy/resources-and-publications" class="new-navbar-23-dropdown-link">Resources & publications</a><a href="/circular-economy/what-is-the-circular-economy" class="new-navbar-23-dropdown-link">What is a circular economy?</a></div></nav></div><div data-hover="true" data-delay="0" class="new-navbar-23-dropdown w-dropdown"><div class="new-navbar-23-dropdown-toggle w-dropdown-toggle"><div class="new-navbar-23-dropdown-toggle-text">Latest</div><div class="new-navbar-23-dropdown-arrow-wrapper"><div class="new-navbar-23-dropdown-arrow-overlay"></div><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/653ed4380fec00d2aac273d5_chevron-down.svg" loading="lazy" alt="" class="new-navbar-23-dropdown-arrow"/></div></div><nav class="new-navbar-23-dropdown-list w-dropdown-list"><div class="new-navbar-overlay"></div><div class="new-navbar-23-dropdown-links-wrapper"><a href="/blog" class="new-navbar-23-dropdown-link">Blogs</a><a href="/latest/events" class="new-navbar-23-dropdown-link hidden">Events</a><a href="/latest/news" class="new-navbar-23-dropdown-link">News</a></div></nav></div><div data-hover="true" data-delay="0" class="new-navbar-23-dropdown w-dropdown"><div class="new-navbar-23-dropdown-toggle w-dropdown-toggle"><div class="new-navbar-23-dropdown-toggle-text">Contact</div><div class="new-navbar-23-dropdown-arrow-wrapper"><div class="new-navbar-23-dropdown-arrow-overlay"></div><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/653ed4380fec00d2aac273d5_chevron-down.svg" loading="lazy" alt="" class="new-navbar-23-dropdown-arrow"/></div></div><nav class="new-navbar-23-dropdown-list w-dropdown-list"><div class="new-navbar-overlay"></div><div class="new-navbar-23-dropdown-links-wrapper"><a href="/contact" class="new-navbar-23-dropdown-link">Contact us</a><a href="https://www.linkedin.com/organization/1671305" target="_blank" class="new-navbar-23-dropdown-link">Linkedin</a><a href="#newsletter" class="new-navbar-23-dropdown-link">Subscribe to our Newsletter</a></div></nav></div></div></nav><div class="nav-23-menu-button w-nav-button"><div class="nav-23-menu-button-inner"></div></div><a data-target-location="Navigation bar" data-target="donate_button" href="https://circle-economy-donate.raisely.com/" target="_blank" class="new-button w-button">Donate</a></div></div></div><header class="new-section metrics-header"><div class="container"><div id="w-node-a77cc5a4-026e-3850-0e11-7511f0918a00-91cef8d0" class="cji-header-content-wrapper"><div class="cji-header-bg"></div><h1 class="new-home-h1 white relative">Helping you to measure and track the implementation of the circular economy</h1></div></div></header><section class="new-section metrics-measured"><div class="container"><div id="w-node-_8596dd57-4a49-8fe8-b36f-b3be44964360-91cef8d0"><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9f7d58b4f236d6bbf88b4_measure%20illustration.png" loading="lazy" sizes="(max-width: 479px) 50.53125px, (max-width: 767px) 16vw, (max-width: 991px) 7vw, 32.640625px" srcset="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9f7d58b4f236d6bbf88b4_measure%20illustration-p-500.png 500w, https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9f7d58b4f236d6bbf88b4_measure%20illustration-p-800.png 800w, https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9f7d58b4f236d6bbf88b4_measure%20illustration-p-1080.png 1080w, https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9f7d58b4f236d6bbf88b4_measure%20illustration.png 1574w" alt="Only what is measured can be managed." class="metrics-measured-pic"/></div><div id="w-node-_9029b1c3-edd1-22e8-1670-ae8eb51364e1-91cef8d0"><h2 class="new-h2 margin-bottom-32">Only what is measured can be managed.</h2><div>To make a meaningful progress when implementing circular economy strategies, <strong>businesses </strong>and <strong>policymakers </strong>need to put measuring and tracking systems in place. We help our clients do this by providing oversight on the wide range of circular metrics and indicators, setting up the baseline of current resource use, and integrating the measurements into organisational practice.</div></div></div></section><section class="new-section"><div class="container"><div id="w-node-_761d15a4-29da-4534-31bc-ec7aac4f5ea0-91cef8d0" class="metrics-card"><div><div class="metrics-card-heading"><div class="s-c-card-icon-wrapper metrics"><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9f970f0c98387267e4527_Group%2077.svg" loading="lazy" alt="Icon" class="cji-inner-feature-icon"/></div><div><h3 class="new-h3">Circular metrics for</h3><h2 class="new-h2">businesses</h2></div></div><div>The business case for circularity is strong. Not only does it contribute to the resilience of a business, but its environmental gains are what the world needs in this 'decade of action'.</div></div><div class="metrics-card-button-wrapper"><div><strong>Do you want to measure the impact of circularity on your business?</strong></div><a href="/metrics/businesses" target="_blank" class="new-button with-icon margin-top-32 w-inline-block"><div>Learn more</div><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/612f5818cd36870a879df6cc_arrow-up-right.svg" loading="lazy" alt="Arrow" class="new-button-icon"/></a></div></div><div id="w-node-c5674e28-1e42-445e-2c74-58579405a477-91cef8d0" class="metrics-card"><div><div class="metrics-card-heading"><div class="s-c-card-icon-wrapper metrics"><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9f970f0c98387267e4527_Group%2077.svg" loading="lazy" alt="Icon" class="cji-inner-feature-icon"/></div><div><h3 class="new-h3">Circular metrics for</h3><h2 class="new-h2">policymakers</h2></div></div><div>Policymakers around the world have pledged to adopt principles of a circular economy, to become waste-free or 100% circular.</div></div><div class="metrics-card-button-wrapper"><div><strong>Do you want to measure the impact of circularity?</strong></div><a href="/metrics/policymakers" target="_blank" class="new-button with-icon margin-top-32 w-inline-block"><div>Learn more</div><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/612f5818cd36870a879df6cc_arrow-up-right.svg" loading="lazy" alt="Arrow" class="new-button-icon"/></a></div></div></div></section><section class="new-section cta"><div class="container"><div id="w-node-bd2f55ec-df16-5a2d-2efe-b5a142a6dd91-91cef8d0" class="cta-content-wrapper"><h2 class="new-h2 white-text margin-bottom-32">Interested to learn<br/>how you can measure<br/>and track progress<br/>to circularity?</h2><a href="/metrics/contact-us" class="new-button big w-button">Contact us</a></div></div></section><section class="new-section past-clients"><div class="container"><div id="w-node-e42fb5c3-9d10-d2cf-c12e-a3699ffbafa9-91cef8d0"><h2 class="new-h2">our partners</h2><div class="last-clients-grid metrics"><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/6194cd661c21a3c34f119ebf_Logo-2.png" loading="lazy" alt="PACE" class="last-client-logo"/><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9fcf05587124edc30e76f_Logo-1.png" loading="lazy" alt="KPMG" class="last-client-logo"/><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9fcf01b40a3600e697627_Logo-2.png" loading="lazy" alt="wbcsd" class="last-client-logo"/><img src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/61a9fcef0b806bff5e2b8b03_Logo-3.png" loading="lazy" alt="BOSTON CONSULTING GROUP" class="last-client-logo"/></div></div></div></section><section class="new-section team"><div class="container"><div id="w-node-ba33a715-9343-fe0f-52bc-5ea89ef04154-91cef8d0" class="team-section-content"><h2 class="new-h2">MEET THE TEAM</h2><div class="team-members-collection-wrapper w-dyn-list"><div role="list" class="team-members-collection-list w-dyn-items"><div role="listitem" class="w-dyn-item"><div class="team-members-content"><img src="https://cdn.prod.website-files.com/5d26d80e8836af2d12ed1269/614db892282462420ab639ef_CE%20employees%20-%20Jacco%20V%20%20-%20%204146.png" loading="lazy" alt="Person Photo" class="members-pic"/><div class="team-members-text-div"><div class="quote-author-name bold">Jacco </div><div class="quote-author-name margin">Verstraeten-Jochemsen</div><div class="team-member-position">Director</div></div></div></div><div role="listitem" class="w-dyn-item"><div class="team-members-content"><img src="https://cdn.prod.website-files.com/5d26d80e8836af2d12ed1269/673760d79758cc75c99a6045_614db5c43c270b0f9739dc18_CE%20employees%20-%20Marvin%20N%20-%203433.jpeg" loading="lazy" alt="Person Photo" class="members-pic"/><div class="team-members-text-div"><div class="quote-author-name bold">Marvin</div><div class="quote-author-name margin">Nusseck</div><div class="team-member-position">Finance Lead</div></div></div></div><div role="listitem" class="w-dyn-item"><div class="team-members-content"><img src="https://cdn.prod.website-files.com/5d26d80e8836af2d12ed1269/63aec142f706a1a939e6fb57_pau%20(1).jpg" loading="lazy" alt="Person Photo" class="members-pic"/><div class="team-members-text-div"><div class="quote-author-name bold">Pau</div><div class="quote-author-name margin">Ruiz</div><div class="team-member-position">Research Analyst</div></div></div></div></div></div></div></div></section><div class="new-footer"><div class="grid"><div id="w-node-_45f3817c-1316-20b9-5476-2936be37d07c-be37d07a" class="footer-content"><a href="#" class="new-logo w-inline-block"></a><div class="_2008-2019">漏 2008-Present<br/>Circle Economy Foundation<br/>RSIN 850278983</div></div><div id="w-node-_45f3817c-1316-20b9-5476-2936be37d080-be37d07a" class="footer-content"><a href="/contact" class="footer-link">Contact us</a><a href="/about" class="footer-link">About</a><a href="https://circle-economy.jobs.personio.com/" target="_blank" class="footer-link">Vacancies</a></div><div id="w-node-_45f3817c-1316-20b9-5476-2936be37d087-be37d07a" class="footer-content"><a href="/privacy-policy" class="footer-link slim">Privacy policy</a><a href="/terms-of-use" class="footer-link slim">Terms of use</a><a href="/latest/news" class="footer-link slim">News</a></div><div id="w-node-_45f3817c-1316-20b9-5476-2936be37d08e-be37d07a" class="footer-content"><div class="footer-social"><a href="http://twitter.com/circleeconomy" target="_blank" class="social-icon twitter w-inline-block"></a><a href="https://www.linkedin.com/organization/1671305" target="_blank" class="social-icon linkedin w-inline-block"></a><a href="http://circleeconomy.medium.com/" target="_blank" class="social-icon medium w-inline-block"></a><a href="http://instagram.com/circleeconomy" target="_blank" class="social-icon instagram w-inline-block"></a></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5d26d80e8836af7216ed124d" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/5d26d80e8836af7216ed124d/js/new-circle-economy.4da89add.21085333d10cc40d.js" type="text/javascript"></script><script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJX9W7X" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PS78CQ4X" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"></script> <script> /*$(document).ready(function() { $('select').niceSelect(); });*/ </script>  <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5ee38c060e3783f3"></script>  <script type="text/javascript" charset="UTF-8" src="//cookie-script.com/s/5daa96c46857426696e67c49e05c5ac4.js"></script>   <script type="text/javascript"> _linkedin_partner_id = "6049732"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script> <script type="text/javascript"> (function (l) { if (!l) { window.lintrk = function (a, b) { window.lintrk.q.push([a, b]); }; window.lintrk.q = []; } var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(window.lintrk); </script> <noscript> <img height="1" width="1" style="display: none" alt="" src="https://px.ads.linkedin.com/collect/?pid=6049732&fmt=gif" /> </noscript>  <script src="https://files.fluco.studio/circle-economy/forms.js"></script> <script> var timesClicked = 0; var MtimesClicked = 0; $('.hamburger-and-cross').click(function() { timesClicked++; if (timesClicked%2==0) { //run second function $('body').css('overflow', 'auto'); } else { //run first function $('body').css('overflow', 'hidden'); } }) $('.mobile-hamburger-and-cross').click(function() { MtimesClicked++; if (MtimesClicked%2==0) { //run second function $('body').css('overflow', 'auto'); } else { //run first function $('body').css('overflow', 'hidden'); } }) /* Webflow.push(function() { $('.hamburger-and-cross').click(function(e) { e.preventDefault(); $('body').css('overflow', 'hidden'); }); $('.inner-menu-close').click(function(e) { e.preventDefault(); $('body').css('overflow', 'auto'); }); }); */ </script> <script>/* var prevScrollpos = window.pageYOffset; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos) { document.querySelector(".navbar-wrapper").style.top = "0"; document.querySelector(".mobile-nav-wrapper").style.top = "0"; } else { document.querySelector(".navbar-wrapper").style.top = "-101px"; document.querySelector(".mobile-nav-wrapper").style.top = "-120px"; } prevScrollpos = currentScrollPos; }*/ </script> <style> .scroll-down .trigger-nav-wrapper { transform: translate3d(0, -100%, 0); } .scroll-up .trigger-nav-wrapper { transform: none; } </style> <script> /* var body = document.body; var nav = document.querySelectorAll(".navbar-wrapper"); var scrollUp = "scroll-up"; var scrollDown = "scroll-down"; var lastScroll = 0; var menu = document.querySelector(".hamburger"); var menuStatus = 0; menu.addEventListener("click", function() { if (menuStatus == 0) { body.classList.add(scrollUp); body.classList.remove(scrollDown); menuStatus = 1; body.style.overflow = "hidden"; } else { menuStatus = 0; body.style.overflow = "auto"; } }); function checkScroll() { window.addEventListener("scroll", function() { var currentScroll = window.pageYOffset; if (currentScroll <= 0) { body.classList.remove(scrollUp); return; } if (currentScroll > lastScroll && !body.classList.contains(scrollDown)) { // down body.classList.remove(scrollUp); body.classList.add(scrollDown); } else if (currentScroll < lastScroll && body.classList.contains(scrollDown)) { // up body.classList.remove(scrollDown); body.classList.add(scrollUp); } lastScroll = currentScroll; }); }; checkScroll(); // NEWSLETTER FORM VALIDATION const form = document.getElementById(`mc-embedded-subscribe-form`); const submitButton = form.querySelector(`input[type="submit"]`); submitButton.classList.add('unactive'); const inputsText = form.querySelectorAll(`input[type="text"]`); const inputsEmail = form.querySelectorAll(`input[type="email"]`); let inputs = []; let isEmpty = (value) => { if (!value) { return false; } else { return true; } } inputsText.forEach(input => { inputs.push({ element: input, type: 'text', status: input.value || false, errorElement: input.parentNode.querySelector('.newsletter-input-error') }); }); inputsEmail.forEach(input => { inputs.push({ element: input, type: 'email', status: input.value || false, errorElement: input.parentNode.querySelector('.newsletter-input-error') }); }) const isFilledEverything = () => inputs.every(input => input.status === true); const validateEmail = (value) => { return String(value) .toLowerCase() .match( /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ ); }; inputs.forEach(input => { input.element.addEventListener('input', (event) => { let inputValue = event.target.value let inputStatus = isEmpty(inputValue); if (inputStatus) { if (input.type === 'text') { input.status = true; input.element.classList.add("valid-state"); input.element.classList.remove("error-state"); input.errorElement.classList.remove("active"); } else if (input.type === 'email') { if (validateEmail(inputValue)) { input.status = true; input.element.classList.add("valid-state"); input.element.classList.remove("error-state"); input.errorElement.classList.remove("active"); } } } else { input.status = false; input.element.classList.remove("valid-state"); input.element.classList.add("error-state"); input.errorElement.classList.add("active"); } if (isFilledEverything()) { submitButton.classList.remove('unactive'); } else { submitButton.classList.add('unactive'); } }); input.element.addEventListener('blur', (event) => { let inputValue = event.target.value let inputStatus = isEmpty(inputValue); if (inputStatus) { if (input.type === 'text') { input.status = true; input.element.classList.add("valid-state"); input.element.classList.remove("error-state"); input.errorElement.classList.remove("active"); } else if (input.type === 'email') { if (validateEmail(inputValue)) { input.status = true; input.element.classList.add("valid-state"); input.element.classList.remove("error-state"); input.errorElement.classList.remove("active"); } else { input.status = false; input.element.classList.remove("valid-state"); input.element.classList.add("error-state"); input.errorElement.classList.add("active"); } } } else { input.status = false; input.element.classList.remove("valid-state"); input.element.classList.add("error-state"); input.errorElement.classList.add("active"); } if (isFilledEverything()) { submitButton.classList.remove('unactive'); } else { submitButton.classList.add('unactive'); } }); }); */ </script></body></html>