open modal on hash url

Author: florkaa

src/website/ccpa-modal.js

@@ -1,5 +1,8 @@
 export function CCPAModal() {
   document.addEventListener("DOMContentLoaded", function () {
+    if(window.location.hash.substring(1) === 'your-privacy-choices') {
+      document.querySelector("#ccpa-modal").style.display = "block";
+    }
     document.querySelector("#open-ccpa").addEventListener("click", () => {
       document.querySelector("#ccpa-modal").style.display = "block";
     });

stylus/website/index.styl

@@ -1245,6 +1245,8 @@ footer
       background: none
       padding: 0
       border: none
+    .ccpa-toggle
+      max-width: 39px
 
   .logo 
     height 18px
@@ -1286,6 +1288,7 @@ footer
     text-align: left
     +breakpoint("tablet")
       width: 50%
+      max-width: 670px
     #close-ccpa
       background: none
       border: none

views/website/layout.pug

@@ -57,6 +57,10 @@ html(lang='en')
               span •
               a(href='https://auth0.com/web-terms', target="_blank")
                 | Terms of Service
+              span •
+              button.as-anchor#open-ccpa
+                | Your Privacy Choices 
+              img.ccpa-toggle(src='https://cdn.auth0.com/website/footer/ccpa.svg' alt='Privacy choices')
             a(href='https://auth0.com/developers/', target="_blank")
               | Supported by
               img(src='/img/ico_logo.svg' alt='Supported by Auth0 - JWT.io Token Based Authentication').logo