Ignore adding deeplinks on certain pages

PublicisSapient · Sep 10, 2024 · a62c709 · a62c709
1 parent 7aa3885
commit a62c709
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 17 deletions.
diff --git a/css/site.css b/css/site.css
diff --git a/js/global.js b/js/global.js
@@ -63,6 +63,13 @@ function buildFlyoutMenuHTML() {
     EnableFlyout.init();
 }
 
+function includesUrl(string) {
+    if (location.href.includes(string)) {
+        return true;
+    }
+    return false;
+}
+
 function initEnable() {
     offscreenObserver.init(document.querySelector('[role="banner"]'));
 
@@ -86,7 +93,11 @@ function initEnable() {
     // applied to the heading.
     let headingIndex = 0;
 
-    if (location.href.indexOf('index.php') === -1) {
+    const indexPage = includesUrl('index.php')
+    const componentsPage = includesUrl('components.php');
+    const codePatternsPage = includesUrl('code-patterns.php');
+
+    if (!indexPage && !componentsPage && !codePatternsPage) {
         document
             .querySelectorAll('h1, h2, h3, h4, h5, h6, [role="heading"]')
             .forEach((el) => {

diff --git a/less/site.less b/less/site.less
@@ -59,16 +59,11 @@ main {
 
                 h5 {
                     display: block;
-                    padding: 20px;
-
-                    a {
-                        color: #000;
-                        font-weight: bold;
-                        font-size: (24 / @px);
-                        padding: 20px;
-                        margin: auto;
-                        display: inline-block;
-                    }
+                    color: #000;
+                    font-weight: bold;
+                    font-size: (24 / @px);
+                    padding: 40px 20px;
+                    margin: auto;
                 }
 
                 .icon {

diff --git a/templates/data/meta-info.json b/templates/data/meta-info.json
@@ -17,7 +17,7 @@
   },
   "alert.php": {
     "title": "ARIA Alert",
-    "desc": "How to let screen reader users know when new information appears on the page using the ARIA alert role or the HTML5 output tag"
+    "desc": "How to let screen reader users know when new information appears on the page using the ARIA alert role or the HTML5 output tag."
   },
   "animated-gif-with-pause-button.php": {
     "title": "Animated GIFs with Pause Buttons",