<head>
    <!-- Matomo -->
    <script type="text/javascript">
        var _paq = window._paq = window._paq || [];
        var siteID = null;
        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
        _paq.push(['requireCookieConsent']); // Don't use cookies unless we have consent
        _paq.push(['setCookieDomain', '*.threesixtygiving.org']);
        _paq.push(['setDownloadExtensions', "json|csv|xlsx"]);
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function() {
            var u = "https://analytics.threesixtygiving.org/";
            _paq.push(['setTrackerUrl', u + 'matomo.php']);
            if (!siteID) throw new Error("siteID not set");
            _paq.push(['setSiteId', siteID]);
            var d = document,
                g = d.createElement('script'),
                s = d.getElementsByTagName('script')[0];
            g.type = 'text/javascript';
            g.async = true;
            g.src = u + 'matomo.js';
            s.parentNode.insertBefore(g, s);
        })();
    </script>
    <!-- End Matomo Code -->

    <script type="text/javascript">
        function hideCookieConsentDialog(hide) {
            if (hide) {
                document.getElementsByClassName("cookie-consent")[0].style.setProperty("display", "none", "important");
            } else {
                document.getElementsByClassName("cookie-consent")[0].style.setProperty("display", "block", "important");
            }
        }

        function noCookieConsent() {
            document.cookie = "noEnhancedAnalytics=1 ;max-age=2592000 ;domain=threesixtygiving.org";
        }
        document.addEventListener('DOMContentLoaded', function() {
            if (document.cookie.indexOf("mtm_cookie_consent") > -1 ||
                document.cookie.indexOf("mtm_consent_removed") > -1 ||
                document.cookie.indexOf("noEnhancedAnalytics") > -1) {
                hideCookieConsentDialog(true);
            } else {
                hideCookieConsentDialog(false);
            }
        });
    </script>
</head>

<body>
    <div role="dialog" aria-labelledby="cookie-dialog-title" aria-describedby="cookie-dialog-desc">
        <div class="base-card base-card--new cookie-consent">
            <div class="base-card__content">
                <h2 class="base-card__title" id="cookie-dialog-title">Allow analytics cookies? <br />
                    <a class="base-card__text" href="https://www.threesixtygiving.org/privacy/"> More Information &amp; Privacy Policy</a>
                </h2>
                <p class="base-card__text">
                    <a href="#" onclick="_paq.push(['rememberCookieConsentGiven']); hideCookieConsentDialog(true);" class="button">Yes</a>
                    <a href="#" onclick="noCookieConsent(); hideCookieConsentDialog(true);" class="button">No</a>
                    <a href="#" onclick="_paq.push(['optUserOut']); hideCookieConsentDialog(true);" class="button">Disable Analytics</a>
                </p>
                <p id="cookie-dialog-desc" style="font-style: italic;">360Giving uses privacy-respecting analytics. If you don't accept cookies, we will track only basic information about your visit. Click "Disable Analytics" if you don't want us to track at all. </p>
            </div>
        </div>
    </div>
</body>
<head>
    <!-- Matomo -->
    <script type="text/javascript">
      var _paq = window._paq = window._paq || [];
      var siteID = null;
      /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
      _paq.push(['requireCookieConsent']); // Don't use cookies unless we have consent
      _paq.push(['setCookieDomain', '*.threesixtygiving.org']);
      _paq.push(['setDownloadExtensions', "json|csv|xlsx"]);
      _paq.push(['trackPageView']);
      _paq.push(['enableLinkTracking']);
      (function() {
        var u="https://analytics.threesixtygiving.org/";
        _paq.push(['setTrackerUrl', u+'matomo.php']);
        if(!siteID) throw new Error("siteID not set");
        _paq.push(['setSiteId', siteID]);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
      })();
    </script>
    <!-- End Matomo Code -->

    <script type="text/javascript">
        function hideCookieConsentDialog(hide){
          if (hide){
            document.getElementsByClassName("cookie-consent")[0].style.setProperty("display", "none", "important");
          } else {
            document.getElementsByClassName("cookie-consent")[0].style.setProperty("display", "block", "important");
          }
        }

        function noCookieConsent() {
          document.cookie = "noEnhancedAnalytics=1 ;max-age=2592000 ;domain=threesixtygiving.org";
        }

        document.addEventListener('DOMContentLoaded', function(){
          if (document.cookie.indexOf("mtm_cookie_consent") > -1 ||
              document.cookie.indexOf("mtm_consent_removed") > -1 ||
              document.cookie.indexOf("noEnhancedAnalytics") > -1) {
            hideCookieConsentDialog(true);
          } else {
            hideCookieConsentDialog(false);
          }
        });
    </script>
</head>

<body>
  <div role="dialog" aria-labelledby="cookie-dialog-title" aria-describedby="cookie-dialog-desc">
    <div class="base-card base-card--new cookie-consent">
      <div class="base-card__content">
          <h2 class="base-card__title" id="cookie-dialog-title">Allow analytics cookies? <br/>
            <a class="base-card__text" href="https://www.threesixtygiving.org/privacy/"> More Information &amp; Privacy Policy</a>
          </h2>
          <p class="base-card__text">
              <a href="#" onclick="_paq.push(['rememberCookieConsentGiven']); hideCookieConsentDialog(true);" class="button">Yes</a>
              <a href="#" onclick="noCookieConsent(); hideCookieConsentDialog(true);" class="button">No</a>
              <a href="#" onclick="_paq.push(['optUserOut']); hideCookieConsentDialog(true);" class="button">Disable Analytics</a>
          </p>
          <p id="cookie-dialog-desc" style="font-style: italic;">360Giving uses privacy-respecting analytics. If you don't accept cookies, we will track only basic information about your visit. Click "Disable Analytics" if you don't want us to track at all. </p>
      </div>
    </div>
   </div>
</body>
/* No context defined. */
  • Content:
    .cookie-consent {
      display: none !important;
      padding-top: 0 !important;
      width: 450px;
      height: 325px;
      position: fixed !important;
      bottom: 0;
      left: 0;
      background: #f9e1d3 !important;
      z-index: 99;
    }
    
  • URL: /components/raw/cookie-consent/cookie-consent.scss
  • Filesystem Path: src/components/02-elements/cookie-consent/cookie-consent.scss
  • Size: 213 Bytes
  • Handle: @cookie-consent
  • Preview:
  • Filesystem Path: src/components/02-elements/cookie-consent/cookie-consent.njk

siteID variable needs to be set in cookie-consent.njk.