Add pages and menu items for service status APIs (#746)

* Add pages and menu items for service status * Add colour scheme for new cross-platform category * Finish colour scheme for new cross-platform category, move to docs folder, fix homepage links
PaloAltoNetworks · Sep 25, 2024 · 0ba569e · 0ba569e
1 parent 360b63c
commit 0ba569e
Show file tree

Hide file tree

Showing 6 changed files with 58 additions and 0 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -537,6 +537,18 @@ const config = {
                     },
                   ],
                 },
+                {
+                  label: "Prisma SASE Service Status",
+                  to: "#",
+                  logoClass: "prisma",
+                  docs: [
+                    {
+                      label: "Prisma SASE Service Status API",
+                      to: "sase/docs/saseservicestatusapi",
+                      icon: "doc",
+                    },
+                  ],
+                },
               ],
             },
             {
@@ -579,6 +591,26 @@ const config = {
                 },
               ],
             },
+            {
+              label: "Cross-Platform",
+              to: "#",
+              colorclass: "cross-platform",
+              description:
+                "Learn about opportunities across Palo Alto Networks platforms.",
+              products: [
+                {
+                  label: "Service Status",
+                  to: "#",
+                  docs: [
+                    {
+                      label: "Service Status API",
+                      to: "cross-platform/docs/servicestatusapi",
+                      icon: "doc",
+                    },
+                  ],
+                },
+              ],
+            },
           ],
         },
         {

diff --git a/products/cross-platform/docs/service-status-api.mdx b/products/cross-platform/docs/service-status-api.mdx
@@ -0,0 +1,11 @@
+---
+id: servicestatusapi
+title: Cross-Platform Service Status API
+description: Cross-Platform Service Status API
+hide_title: false
+hide_table_of_contents: false
+keywords:
+  - crossplatform
+---
+
+There is a Palo Alto Networks cross-platform Service Status page hosted at https://status.paloaltonetworks.com. The documentation for the companion API for this Service Status is hosted at https://status.paloaltonetworks.com/api which includes a Javascript wrapper and example code for consuming the API.
diff --git a/products/sase/docs/service-status-api.mdx b/products/sase/docs/service-status-api.mdx
@@ -0,0 +1,11 @@
+---
+id: saseservicestatusapi
+title: Prisma SASE Service Status API
+description: Prisma SASE Service Status API
+hide_title: false
+hide_table_of_contents: false
+keywords:
+  - sase
+---
+
+There is a Palo Alto Networks cross-platform Service Status page hosted at https://sase.status.paloaltonetworks.com. The documentation for the companion API for this Service Status is hosted at https://sase.status.paloaltonetworks.com/api which includes a Javascript wrapper and example code for consuming the API.
diff --git a/src/components/Featured/Featured.scss b/src/components/Featured/Featured.scss
@@ -92,6 +92,7 @@ html[data-theme="light"] {
     }
   }
 
+  &.cross-platform,
   &.partner-integrations {
     &:hover {
       border-color: var(--ifm-color-main);

diff --git a/src/theme/NavbarDocItems/NavbarDocItems.scss b/src/theme/NavbarDocItems/NavbarDocItems.scss
@@ -11,6 +11,7 @@ html[data-theme="light"] {
     &.cloud-native-security {
       border-color: var(--ifm-color-prisma-dark);
     }
+    &.cross-platform,
     &.partner-integrations {
       border-color: var(--ifm-color-main);
     }
@@ -47,6 +48,7 @@ html[data-theme="light"] {
     &.cloud-native-security {
       border-color: var(--ifm-color-prisma);
     }
+    &.cross-platform,
     &.partner-integrations {
       border-color: var(--ifm-color-main);
     }

diff --git a/src/theme/NavbarItem/DropdownNavbarItem.scss b/src/theme/NavbarItem/DropdownNavbarItem.scss
@@ -124,6 +124,7 @@ html[data-theme="light"] .dropdown-product-group-list {
       }
     }
 
+    &.cross-platform,
     &.partner-integrations {
       &:hover {
         color: var(--ifm-color-main);