Merge pull request jsonwebtoken#434 from pabloalvarezauth0/nav-bar-what-is-auth0-question-mark

Crafted by Auth0 - What is Auth0?

Author: Sambego

package-lock.json

@@ -234,6 +234,37 @@ body
         color white
         padding-right 10px
 
+      .crafted-by__question-mark
+        background-color #555
+        color black
+        font-size 10px
+        border-radius 50%
+        width 14px
+        height 14px
+        display inline-block
+        margin-left 10px
+        vertical-align middle
+        transition background-color .5s
+      &:before
+        content "Learn more about Auth0"
+        position fixed
+        width auto
+        padding 6px
+        top 64px
+        border-radius 3px
+        background-color #555
+        color white
+        transition visibility 0s, opacity .5s
+        visibility hidden
+        opacity 0
+      &:hover
+        .crafted-by__question-mark
+          background-color white
+        &:before
+          visibility visible
+          opacity 1
+
+
   .supported
     display none
 

stylus/website/index.styl

@@ -19,9 +19,10 @@ block content
         a(href='http://swag.auth0.com/', target='_blank') Get a T-shirt!
 
       .social
-        a.a0(href='https://auth0.com/?utm_source=jwtio&utm_campaign=%3Cspan%20class="x x-first x-last">craftedby', target='_blank')
+        a.a0(href='https://auth0.com/%3Cspan%20class="x x-first x-last">why-auth0?utm_source=jwtio&utm_medium=navbar_whats_auth0&utm_campaign=jwt_nav_cta_12_2019', target='_blank')
           span.by-text Crafted by
           img(src='/img/pic_logo_ft.svg', alt='Token Based Authentication')
+          span.crafted-by__question-mark ?
 
       a.supported(href='https://auth0.com/?utm_source=jwtio&utm_campaign=craftedby', target="_blank")
           | Supported by
@@ -39,7 +40,7 @@ block content
       p JWT.IO allows you to decode, verify and generate JWT.
 
       a.btn.btn-lg(href="/introduction") Learn more about jwt
-  
+
   include ebook.pug
 
   include token-editor.pug

views/website/index.pug

@@ -46,9 +46,10 @@ block content
         a(href='http://swag.auth0.com/', target='_blank') Get a T-shirt!
 
       .social
-        a.a0(href='https://auth0.com/?utm_source=jwtio&utm_campaign=%3Cspan%20class="x x-first x-last">craftedby', target='_blank')
+        a.a0(href='https://auth0.com/%3Cspan%20class="x x-first x-last">why-auth0?utm_source=jwtio&utm_medium=navbar_whats_auth0&utm_campaign=jwt_nav_cta_12_2019', target='_blank')
           span.by-text Crafted by
           img(src='/img/pic_logo_ft.svg', alt='Token Based Authentication')
+          span.crafted-by__question-mark ?
 
       a.supported(href='https://auth0.com/', target="_blank")
           | Supported by