fixed up css issues

This commit is contained in:
philip-ellis-sp
2022-09-07 12:16:30 -04:00
parent ef9f8e4712
commit 44fdaa9771
13 changed files with 282 additions and 346 deletions

View File

@@ -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: {
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"
},
]
},
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.`,
},
navbar: navbar,
footer: footer,
prism: {
theme: lightCodeTheme,
darkTheme: darkCodeTheme,
@@ -242,77 +72,7 @@ const config = {
},
}),
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"
}
},
}
}
]
],
plugins: plugins,
themes: ["docusaurus-theme-openapi-docs"]
};

109
footer.js Normal file
View File

@@ -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.`,
}

61
navbar.js Normal file
View File

@@ -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"
},
]
}

71
plugins.js Normal file
View File

@@ -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"
}
},
}
}
]
]

View File

@@ -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}
</div></Link>
</Link>
</div>
}
return (
<div className={styles.gettingStartedText}>

View File

@@ -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;
}

View File

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

View File

@@ -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>
);
}

View File

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

View File

@@ -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>

View File

@@ -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 {
@@ -90,3 +87,14 @@
width: calc(100% - 100px);
}
}
@media only screen and (max-width: 570px) {
.video {
display: none;
}
.contentContainer {
width: auto;
}
.carousel {
margin-bottom: 0px;
}
}

View File

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

View File

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