add card-link and banner-link class for tracking (#302)

Add classes to links in cards and the banner on neo4j.com/docs so that
we can track clicks on those links accurately as linkClicks in GTM.

- Adds `banner-link` class to `<a>` tags inside a div with class
`banner`.
- Adds `card-link` class to `<a>` tags inside a `.link` div in a
`.cards` div beneath the banner

Author: recrwplay

src/css/themes.css

@@ -131,12 +131,12 @@ body.docs .navbar .navbar-item.getting-started-cta .navbar-link:active {
 
 body.docs .banner .button .banner-link {
   background: var(--banner-background-color);
-  color: var(--banner-text-color);
+  /* color: var(--banner-text-color); */
 }
 
-body.docs .banner .button .banner-link:hover {
+/* body.docs .banner .button .banner-link:hover {
   background: rgba(var(--banner-hover-color));
-}
+} */
 
 body.docs .banner .button .banner-link:active {
   background: rgba(var(--banner-background-color));

src/js/70-docs-ndl.js

@@ -7,6 +7,16 @@ document.addEventListener('DOMContentLoaded', function () {
     }
   }
 
+  // add a class to the banner link for tracking
+  document.querySelectorAll('.banner a').forEach(function (a) {
+    a.classList.add('banner-link')
+  })
+
+  // add a class to the link itself for tracking
+  document.querySelectorAll('.cards:not(.bottom-cards) .link a').forEach(function (a) {
+    a.classList.add('card-link')
+  })
+
   // if a card is 'selectable' then make it a click target
   // by taking the link from the card and wrapping the whole card in an anchor tag with that link
   // if the card contains more than one link, the first link is used
@@ -17,7 +27,7 @@ document.addEventListener('DOMContentLoaded', function () {
       var target = link.querySelector('a').getAttribute('href')
       var card = link.parentElement
       card.classList.add('selectable')
-      const cardLink = createElement('a', 'link')
+      const cardLink = createElement('a', 'link card-link')
       cardLink.setAttribute('href', target)
       moveElements(card, cardLink)
       card.appendChild(cardLink)