fixed up css issues

docusaurus.config.js

@@ -4,6 +4,10 @@
 const lightCodeTheme = require('prism-react-renderer/themes/github');
 const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 
+const footer = require('./footer');
+const navbar = require('./navbar');
+const plugins = require('./plugins');
+
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'SailPoint Developer Community',
@@ -43,15 +47,9 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       algolia: {
-        // The application ID provided by Algolia
         appId: 'TB01H1DFAM',
-  
-        // Public API key: it is safe to commit it
         apiKey: '726952a7a9389c484b6c96808a3e0010',
-  
         indexName: 'prod_DEVELOPER_SAILPOINT_COM',
-  
-        // Optional: path for search page that enabled by default (`false` to disable it)
         searchPagePath: false,
         placeholder: "Search the Developer Community",
       },
@@ -65,176 +63,8 @@ const config = {
         defaultMode: "light",
         respectPrefersColorScheme: true
       },
-      navbar: {
+      navbar: navbar,
-        title: '',
+      footer: footer,
-        logo: {
-          alt: 'SailPoint Developer Community',
-          src: 'img/SailPoint-Developer-Community-Lockup.png',
-          srcDark: 'img/SailPoint-Developer-Community-Inverse-Lockup.png'
-        },
-        items: [
-          {
-            type: 'dropdown',
-            label: 'IdentityNow',
-            position: 'left',
-            items: [
-              {to: "#", label: "API Specifications", className: "navbar__section",},
-              {to: '/idn/api/v3', label: 'V3 APIs', className: "indent"},
-              {to: '/idn/api/beta', label: 'Beta APIs', className: "indent"},
-              {to: "#", label: "Documentation", className: "navbar__section",},
-              {to: '/idn/docs/getting-started', label: 'IDN Documentation', className: "indent"},
-              {to: "#", label: "Training", className: "navbar__section",},
-              {href: 'https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003041/true/xxemptyxx/', label: 'IdentityNow Certifications', className: "indent"},
-            ],
-          },
-          {
-            type: 'dropdown',
-            label: 'IdentityIQ',
-            position: 'left',
-            items: [
-              {to: "#", label: "API Specifications", className: "navbar__section",},
-              {to: '/iiq/api', label: 'IIQ APIs', className: "indent"},
-              {to: "#", label: "Training", className: "navbar__section",},
-              {href: 'https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003042/true/xxemptyxx/', label: 'IdentityIQ Certifications', className: "indent"},
-            ],
-          },
-          {
-            position: "left",
-            label: "Ideas",
-            to: "https://developer-sailpoint.ideas.aha.io/"
-          },
-          {
-            position: "left",
-            label: "Discuss",
-            to: "https://developer.sailpoint.com/discuss"
-          },
-          {
-            type: "dropdown",
-            label: "Support",
-            position: "right",
-            items: [
-              {label: "Compass", href: "https://community.sailpoint.com"},
-              {label: "Submit Support Ticket", href: "https://support.sailpoint.com/hc/en-us/requests/new?ticket_form_id=360000629992"},
-              {label: "Status", href: "https://status.sailpoint.com/"},
-            ]
-          },
-          {
-            position: "right",
-            to: "https://github.com/sailpoint-oss",
-            className: "header-github-link",
-            "aria-label": "SailPoint Open-source GitHub"
-          },
-        ]
-      },
-      footer: {
-        style: "light",
-        links: [
-          {
-            title: "IdentityNow",
-            items: [
-              {
-                label: "Your First API Call",
-                to: "idn/docs/getting-started"
-              },
-              {
-                label: "Build A Transform",
-                to: "idn/docs/transforms"
-              },
-              {
-                label: "Build A SaaS Connector",
-                to: "idn/docs/saas-connectors"
-              },
-              {
-                label: "Get Certified",
-                href: "https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003041/true/xxemptyxx/"
-              }
-            ]
-          },
-          {
-            title: "IdentityIQ",
-            items: [
-              {
-                label: "Build A Plugin",
-                to: "https://documentation.sailpoint.com/"
-              },
-              {
-                label: "Get Certified",
-                href: "https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003042/true/xxemptyxx/"
-              }
-            ]
-          },
-          {
-            title: "Community",
-            items: [
-              {
-                label: "Discuss",
-                to: "https://developer.sailpoint.com/discuss"
-              },
-              {
-                label: "Submit an Idea",
-                to: "https://developer-sailpoint.ideas.aha.io/"
-              },
-              {
-                label: "Contact Our Team",
-                to: "https://developer.sailpoint.com/discuss/new-message?groupname=developer_relations"
-              }
-            ]
-          },
-          {
-            title: "More",
-            items: [
-              {
-                label: "Engineering Blog",
-                href: "https://medium.com/sailpointtechblog"
-              },
-              {
-                label: "GitHub",
-                href: "https://github.com/sailpoint-oss"
-              },
-              {
-                label: "Twitter",
-                href: "https://twitter.com/sailpoint"
-              },
-            ]
-          },
-          {
-            title: "Company",
-            items: [
-              {
-                label: "The SailPoint Story",
-                to: "https://www.sailpoint.com/company/"
-              },
-              {
-                label: "The SailPoint Way",
-                to: "https://www.sailpoint.com/company/diversity-inclusion-and-belonging/"
-              },
-              {
-                label: "Leadership Team",
-                to: "https://www.sailpoint.com/company/#h-our-leadership"
-              },
-              {
-                label: "Become A Partner",
-                to: "https://www.sailpoint.com/partners/become-partner/"
-              }
-            ]
-          },
-          {
-            title: "Legal",
-            items: [
-              {
-                label: "Terms & Conditions",
-                to: "https://developet.sailpoint.com"
-              }
-            ]
-          }
-        ],
-        logo: {
-          alt: 'SailPoint Developer Community Logo',
-          src: '/img/SailPoint-Developer-Community-Lockup.png',
-          href: 'https://developer.sailpoint.com',
-        },
-        copyright: `Copyright © ${new Date().getFullYear()} SailPoint Technologies Holdings, Inc. All Rights Reserved.`,
-      },
       prism: {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
@@ -242,77 +72,7 @@ const config = {
       },
     }),
 
-    plugins: [
+    plugins: plugins,
-      [
-        "@docusaurus/plugin-content-docs",
-        {
-          id: "idn",
-          path: "products/idn",
-          routeBasePath: "idn",
-          editUrl: "https://github.com/sailpoint-oss/developer-community-site/edit/main/",
-          showLastUpdateAuthor: true,
-          showLastUpdateTime: true,
-          sidebarPath: require.resolve("./products/idn/sidebar.js"),
-          docItemComponent: "@theme/ApiItem"
-        },
-      ],
-      [
-        "@docusaurus/plugin-content-docs",
-        {
-          id: "iiq",
-          path: "products/iiq",
-          routeBasePath: "iiq",
-          editUrl: "https://github.com/sailpoint-oss/developer-community-site/edit/main/",
-          showLastUpdateAuthor: true,
-          showLastUpdateTime: true,
-          sidebarPath: require.resolve("./products/iiq/sidebar.js"),
-          docItemComponent: "@theme/ApiItem"
-        },
-      ],
-      
-      [
-        "docusaurus-plugin-openapi-docs",
-        {
-          id: "idn",
-          docsPluginId: "idn",
-          config: {
-            idn_v3: {
-              specPath: "static/idn-api/sailpoint-api.v3.yaml",
-              outputDir: "products/idn/api/v3",
-              sidebarOptions: {
-                groupPathsBy: "tag",
-                categoryLinkSource: "tag"
-              }
-            },
-            idn_beta: {
-              specPath: "static/idn-api/sailpoint-api.beta.yaml",
-              outputDir: "products/idn/api/beta",
-              sidebarOptions: {
-                groupPathsBy: "tag",
-                categoryLinkSource: "tag"
-              }
-            },
-          }
-        },
-      ],
-      [
-        "docusaurus-plugin-openapi-docs",
-        {
-          id: "iiq",
-          docsPluginId: "iiq",
-          config: {
-            iiq: {
-              specPath: "static/iiq-api/swagger.json",
-              outputDir: "products/iiq/api",
-              sidebarOptions: {
-                groupPathsBy: "tag",
-                categoryLinkSource: "tag"
-              }
-            },
-          }
-        }
-      ]
-    ],
   
     themes: ["docusaurus-theme-openapi-docs"]
 };

footer.js

@@ -0,0 +1,109 @@
+module.exports = {
+    style: "light",
+    links: [
+      {
+        title: "IdentityNow",
+        items: [
+          {
+            label: "Your First API Call",
+            to: "idn/docs/getting-started"
+          },
+          {
+            label: "Build A Transform",
+            to: "idn/docs/transforms"
+          },
+          {
+            label: "Build A SaaS Connector",
+            to: "idn/docs/saas-connectors"
+          },
+          {
+            label: "Get Certified",
+            href: "https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003041/true/xxemptyxx/"
+          }
+        ]
+      },
+      {
+        title: "IdentityIQ",
+        items: [
+          {
+            label: "Build A Plugin",
+            to: "https://documentation.sailpoint.com/"
+          },
+          {
+            label: "Get Certified",
+            href: "https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003042/true/xxemptyxx/"
+          }
+        ]
+      },
+      {
+        title: "Community",
+        items: [
+          {
+            label: "Discuss",
+            to: "https://developer.sailpoint.com/discuss"
+          },
+          {
+            label: "Submit an Idea",
+            to: "https://developer-sailpoint.ideas.aha.io/"
+          },
+          {
+            label: "Contact Our Team",
+            to: "https://developer.sailpoint.com/discuss/new-message?groupname=developer_relations"
+          }
+        ]
+      },
+      {
+        title: "More",
+        items: [
+          {
+            label: "Engineering Blog",
+            href: "https://medium.com/sailpointtechblog"
+          },
+          {
+            label: "GitHub",
+            href: "https://github.com/sailpoint-oss"
+          },
+          {
+            label: "Twitter",
+            href: "https://twitter.com/sailpoint"
+          },
+        ]
+      },
+      {
+        title: "Company",
+        items: [
+          {
+            label: "The SailPoint Story",
+            to: "https://www.sailpoint.com/company/"
+          },
+          {
+            label: "The SailPoint Way",
+            to: "https://www.sailpoint.com/company/diversity-inclusion-and-belonging/"
+          },
+          {
+            label: "Leadership Team",
+            to: "https://www.sailpoint.com/company/#h-our-leadership"
+          },
+          {
+            label: "Become A Partner",
+            to: "https://www.sailpoint.com/partners/become-partner/"
+          }
+        ]
+      },
+      {
+        title: "Legal",
+        items: [
+          {
+            label: "Terms & Conditions",
+            to: "https://developet.sailpoint.com"
+          }
+        ]
+      }
+    ],
+    logo: {
+      alt: 'SailPoint Developer Community Logo',
+      src: '/img/SailPoint-Developer-Community-Lockup.png',
+      href: 'https://developer.sailpoint.com',
+    },
+    copyright: `Copyright © ${new Date().getFullYear()} SailPoint Technologies Holdings, Inc. All Rights Reserved.`,
+  }

navbar.js

@@ -0,0 +1,61 @@
+module.exports = {
+    title: '',
+    logo: {
+      alt: 'SailPoint Developer Community',
+      src: 'img/SailPoint-Developer-Community-Lockup.png',
+      srcDark: 'img/SailPoint-Developer-Community-Inverse-Lockup.png'
+    },
+    items: [
+      {
+        type: 'dropdown',
+        label: 'IdentityNow',
+        position: 'left',
+        items: [
+          {to: "#", label: "API Specifications", className: "navbar__section",},
+          {to: '/idn/api/v3', label: 'V3 APIs', className: "indent"},
+          {to: '/idn/api/beta', label: 'Beta APIs', className: "indent"},
+          {to: "#", label: "Documentation", className: "navbar__section",},
+          {to: '/idn/docs/getting-started', label: 'IDN Documentation', className: "indent"},
+          {to: "#", label: "Training", className: "navbar__section",},
+          {href: 'https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003041/true/xxemptyxx/', label: 'IdentityNow Certifications', className: "indent"},
+        ],
+      },
+      {
+        type: 'dropdown',
+        label: 'IdentityIQ',
+        position: 'left',
+        items: [
+          {to: "#", label: "API Specifications", className: "navbar__section",},
+          {to: '/iiq/api', label: 'IIQ APIs', className: "indent"},
+          {to: "#", label: "Training", className: "navbar__section",},
+          {href: 'https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003042/true/xxemptyxx/', label: 'IdentityIQ Certifications', className: "indent"},
+        ],
+      },
+      {
+        position: "left",
+        label: "Ideas",
+        to: "https://developer-sailpoint.ideas.aha.io/"
+      },
+      {
+        position: "left",
+        label: "Discuss",
+        to: "https://developer.sailpoint.com/discuss"
+      },
+      {
+        type: "dropdown",
+        label: "Support",
+        position: "right",
+        items: [
+          {label: "Compass", href: "https://community.sailpoint.com"},
+          {label: "Submit Support Ticket", href: "https://support.sailpoint.com/hc/en-us/requests/new?ticket_form_id=360000629992"},
+          {label: "Status", href: "https://status.sailpoint.com/"},
+        ]
+      },
+      {
+        position: "right",
+        to: "https://github.com/sailpoint-oss",
+        className: "header-github-link",
+        "aria-label": "SailPoint Open-source GitHub"
+      },
+    ]
+  }

plugins.js

@@ -0,0 +1,71 @@
+module.exports = [
+    [
+      "@docusaurus/plugin-content-docs",
+      {
+        id: "idn",
+        path: "products/idn",
+        routeBasePath: "idn",
+        editUrl: "https://github.com/sailpoint-oss/developer-community-site/edit/main/",
+        showLastUpdateAuthor: true,
+        showLastUpdateTime: true,
+        sidebarPath: require.resolve("./products/idn/sidebar.js"),
+        docItemComponent: "@theme/ApiItem"
+      },
+    ],
+    [
+      "@docusaurus/plugin-content-docs",
+      {
+        id: "iiq",
+        path: "products/iiq",
+        routeBasePath: "iiq",
+        editUrl: "https://github.com/sailpoint-oss/developer-community-site/edit/main/",
+        showLastUpdateAuthor: true,
+        showLastUpdateTime: true,
+        sidebarPath: require.resolve("./products/iiq/sidebar.js"),
+        docItemComponent: "@theme/ApiItem"
+      },
+    ],
+    
+    [
+      "docusaurus-plugin-openapi-docs",
+      {
+        id: "idn",
+        docsPluginId: "idn",
+        config: {
+          idn_v3: {
+            specPath: "static/idn-api/sailpoint-api.v3.yaml",
+            outputDir: "products/idn/api/v3",
+            sidebarOptions: {
+              groupPathsBy: "tag",
+              categoryLinkSource: "tag"
+            }
+          },
+          idn_beta: {
+            specPath: "static/idn-api/sailpoint-api.beta.yaml",
+            outputDir: "products/idn/api/beta",
+            sidebarOptions: {
+              groupPathsBy: "tag",
+              categoryLinkSource: "tag"
+            }
+          },
+        }
+      },
+    ],
+    [
+      "docusaurus-plugin-openapi-docs",
+      {
+        id: "iiq",
+        docsPluginId: "iiq",
+        config: {
+          iiq: {
+            specPath: "static/iiq-api/swagger.json",
+            outputDir: "products/iiq/api",
+            sidebarOptions: {
+              groupPathsBy: "tag",
+              categoryLinkSource: "tag"
+            }
+          },
+        }
+      }
+    ]
+  ]

src/components/homepage/HomepageBasics/index.js

@@ -6,12 +6,12 @@ export default function HomepageBasics({link, title, image, description, buttonT
 
   let linkHtml = <div></div>
   if (buttonText) {
-     linkHtml =  <Link to={link}>
+     linkHtml =  
       <div className={styles.button}>
-
+        <Link className={styles.link} to={link}>
           {buttonText}
-
+        </Link>
-      </div></Link>
+      </div>
   }
   return (
         <div className={styles.gettingStartedText}>

src/components/homepage/HomepageBasics/styles.module.css

@@ -49,8 +49,6 @@ a:hover, a:visited, a:link, a:active
   text-decoration: none;
   text-align: center;
   margin: 10px auto;
-
-  color: #cc27b0;
   font-size: 20px;
   font-weight: bold;
   line-height: 100%;
@@ -68,3 +66,7 @@ a:hover, a:visited, a:link, a:active
   border: 2px solid #cc27b0;
   border-radius: 5px;
 }
+
+.link {
+  color: #cc27b0;
+}

src/components/homepage/HomepageDiscuss/styles.module.css

@@ -5,8 +5,8 @@
   place-content: center;
   grid-template-columns:  repeat(auto-fit, minmax(190px, 1fr));
   grid-gap: 40px;
-  margin-left: 20px;
+  margin-left: 40px;
-  margin-right: 20px;
+  margin-right: 40px;
 }
 
 .center {

src/components/homepage/HomepageFeatures/index.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.css';
-
-const FeatureList = [
-  {
-    title: 'Easy to Use',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
-    description: (
-      <>
-        Docusaurus was designed from the ground up to be easily installed and
-        used to get your website up and running quickly.
-      </>
-    ),
-  },
-  {
-    title: 'Focus on What Matters',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
-    description: (
-      <>
-        Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
-        ahead and move your docs into the <code>docs</code> directory.
-      </>
-    ),
-  },
-  {
-    title: 'Powered by React',
-    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
-    description: (
-      <>
-        Extend or customize your website layout by reusing React. Docusaurus can
-        be extended while reusing the same header and footer.
-      </>
-    ),
-  },
-];
-
-function Feature({Svg, title, description}) {
-  return (
-    <div className={clsx('col col--4')}>
-      <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
-      </div>
-      <div className="text--center padding-horiz--md">
-        <h3>{title}</h3>
-        <p>{description}</p>
-      </div>
-    </div>
-  );
-}
-
-export default function HomepageFeatures() {
-  return (
-    <section className={styles.features}>
-      <div className="container">
-        <div className="row">
-          {FeatureList.map((props, idx) => (
-            <Feature key={idx} {...props} />
-          ))}
-        </div>
-      </div>
-    </section>
-  );
-}

src/components/homepage/HomepageFeatures/styles.module.css

@@ -1,11 +0,0 @@
-.features {
-  display: flex;
-  align-items: center;
-  padding: 2rem 0;
-  width: 100%;
-}
-
-.featureSvg {
-  height: 200px;
-  width: 200px;
-}

src/components/homepage/HomepageGettingStarted/index.js

@@ -7,7 +7,7 @@ export default function HomepageGettingStarted() {
   return (
     <div>
       <div className={styles.mainCard}>
-        <div>
+        <div className={styles.contentContainer}>
           <div className={styles.gettingStartedText}>
             <div className={styles.gettingStartedOne}>SailPoint Developer Community</div>
             <div className={styles.gettingStartedTwo}>Don't know where to get started?</div>

src/components/homepage/HomepageGettingStarted/styles.module.css

@@ -1,12 +1,8 @@
 .mainCard {
   display: grid;
-
   grid-gap: 20px;
-
-
   max-width: 1180px;
-
+  justify-content: center;
-
 }
 
 
@@ -47,8 +43,10 @@
   display: grid;
   margin-left: 50px;
   margin-bottom: 50px;
-  grid-template-columns: repeat(auto-fill, 220px);
   grid-gap: 20px;
+  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
+  place-content: center;
+  margin-right: 40px;
 }
 
 .video {
@@ -61,11 +59,7 @@
   margin-right: 50px;
 }
 
-@media only screen and (max-width: 600px) {
+
-  .video {
-    display: none;
-  }
-}
 
 @media only screen and (max-width: 1178px) {
   .carousel {
@@ -73,6 +67,9 @@
     margin-left: 50px;
     margin-bottom: 50px;
   }
+  .contentContainer {
+    width: 600px;
+  }
 }
 @media only screen and (min-width: 1179px) {
   .carousel {
@@ -89,4 +86,15 @@
     margin: 50px auto;
     width: calc(100% - 100px);
   }
+}
+@media only screen and (max-width: 570px) {
+  .video {
+    display: none;
+  }
+  .contentContainer {
+    width: auto;
+  }
+  .carousel {
+    margin-bottom: 0px;
+  }
 }

src/components/homepage/HomepageTeam/styles.module.css

@@ -5,8 +5,8 @@
   place-content: center;
   grid-template-columns:  repeat(auto-fit, minmax(190px, 1fr));
   grid-gap: 40px;
-  margin-left: 20px;
+  margin-left: 40px;
-  margin-right: 20px;
+  margin-right: 40px;
 }
 
 .center {

src/components/homepage/HomepageTrainingGuides/styles.module.css

@@ -5,8 +5,8 @@
   place-content: center;
   grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
   grid-gap: 40px;
-  margin-left: 20px;
+  margin-left: 40px;
-  margin-right: 20px;
+  margin-right: 40px;
 }
 
 .center {