Page Comparison

...

rowWidth	80
title	g1la67
content	[{"id":"tzjra","order":1668785151463,"space":79,"background":{"source":"unsplash","link":"https://images.unsplash.com/photo-1629904888780-8de0c7aeed28?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMzQyNzV8MHwxfHNlYXJjaHwzfHxhY2Nlc3N8ZW58MHx8fHwxNjY4ODEzNjE5&ixlib=rb-4.0.3&q=80&w=1080","id":"TlFw-WoI8_w"},"backgroundOverlay":{"isActive":false,"color":"#000000","opacity":0.5},"rowWidth":100,"rows":[{"id":"1u0bb","order":1664375749784,"type":"one","columns":[{"id":"9ym0ee","verticalAlign":"center","macros":[]}]},{"id":"xjbq4b","order":1668791199150,"type":"one","columns":[{"id":"y0hh3","verticalAlign":"center","macros":[]}]}]},{"id":"kj70ok","order":1668794974164,"space":40,"background":{"source":"color","value":"#ffffff"},"backgroundOverlay":{"isActive":false,"color":"#000000","opacity":0.6},"rowWidth":100,"rows":[{"id":"gig6qd","order":1668794974164,"type":"two_split","columns":[{"id":"sz1jv4","verticalAlign":"flex-start","macros":[{"id":"5i7tq","alignment":"flex-start","data":{"id":"cardV2","config":{"borderRadius":9,"type":"icon","layout":["arrow"],"design":"berlin","textAlign":"center","height":180,"gap":16},"cards":[{"id":"c7f4ym","isSelected":true,"title":"IAM Shop","text":"EmpowerID is a modular software product available as SaaS or for on-premise installation that provides broad capabilities in Identity Governance and Administration, Access Management, and Privileged Access...","label":"CARD LABEL","button":"GO THERE","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"font-awesome/Opencart","color":"#035bdaff","iconType":"icon","image":{"link":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":{"id":"2809020311","link":"https://dotnetworkflow.jira.com/wiki/x/lz9upw","title":"IAM Shop","type":"page","source":"page"},"overlay":{"isActive":true,"color":"#000","opacity":0.3}}]}}]},{"id":"bzkixw","verticalAlign":"flex-start","macros":[{"id":"e5glaah","alignment":"flex-start","data":{"id":"cardV2","config":{"borderRadius":9,"type":"icon","layout":["arrow"],"design":"berlin","textAlign":"center","height":180,"gap":16},"cards":[{"id":"c7f4ym","isSelected":true,"title":"Eligibility","text":"The EmpowerID system is built based on containerized server roles, including front-end UI, back-end job, various application microservices, and Database servers. EmpowerID is architected...","label":"CARD LABEL","button":"GO THERE","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"font-awesome/TicketAlt","color":"#035bdaff","iconType":"icon","image":{"link":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":{"id":"2809022277","link":"https://dotnetworkflow.jira.com/wiki/x/RUdupw","title":"Eligibility","type":"page","source":"page"},"overlay":{"isActive":true,"color":"#000","opacity":0.3}}]}}]}]},{"id":"4b461","order":1668795981413,"type":"four_split","columns":[{"id":"pagvy","verticalAlign":"center","macros":[]},{"id":"7s5s96","verticalAlign":"center","macros":[]},{"id":"xy9fvi","verticalAlign":"center","macros":[]},{"id":"nhtodb","verticalAlign":"center","macros":[]}]}]}]

Insert excerptIL:External StylesheetIL:External StylesheetnopaneltrueEmpowerID provides a streamlined, self-service access request system designed to expedite the process of granting IT resources to users while maintaining compliance with organizational policies. The self-service system includes three components: IAM Shop, Eligibility, and Approvals and Approval Routing. Through the IAM shop, users can request access to IT resources based on their job functions. Eligibility policies can be generated to control which users have access to specific items in the shop, and EmpowerID's approval routing engine ensures that all requests comply with organizational risk and Segregation of Duties policies. Overall, EmpowerID's access request system offers an efficient and accountable way to manage access to IT resources.

Macrosuite divider macro

dividerWidth	100
dividerType	text-with-icon
emoji	{"id":"smile","name":"Smiling Face with Open Mouth and Smiling Eyes","short_names":["smile"],"colons":":smile:","emoticons":["C:","c:",":D",":-D"],"unified":"1f604","skin":null,"native":"😄"}
textColor	#000000
dividerWeight	3
labelPosition	middle
textAlignment	center
iconColor	#0052CC
iconSize	medium
fontSize	medium
text	Getting Started
emojiEnabled	false
dividerColor	#DFE1E6
dividerIcon	font-awesome/FlagCheckered

Easy html macro

theme

{"label":"solarized_dark","value":"solarized_dark"}

contentByMode

{"html":"<!doctype html>\r\n<meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; object-src 'self' blob:; style-src 'self'; frame-src 'self'\">\r\n<link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC\" crossorigin=\"anonymous\">\r\n<link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n<script src=\"https://kit.fontawesome.com/59759af5bf.js\" crossorigin=\"anonymous\"></script>\r\n<link href=\"https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic\" rel=\"stylesheet\" type=\"text/css\" />\r\n<link href=\"https://docs.empowerid.com/new_docs.css\" rel=\"stylesheet\">\r\n<link href=\"https://docs.empowerid.com/assets/css/aguidehp22.css\" rel=\"stylesheet\">\r\n\r\n<meta charset=\"utf-8\" />\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no, overflow-y=scroll\" />\r\n<style>\r\nbody{\r\n overflow-y: hidden;\r\n}\r\n a{color: #212529;\r\n text-decoration:none;\r\n }\r\n a:hover{\r\n color: #212529;\r\n }\r\n header.masthead{\r\n margin-top:20px;\r\n }\r\n \r\n #mainNav{\r\n margin-top: 20px;\r\n }\r\n .card {\r\n border-left: 4px solid #3085c9;\r\n height: 120%;\r\n }\r\n .card:hover{\r\n border-left: 4px solid #00b2ca;\r\n box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.26);\r\n }\r\n .card-title{\r\n padding-top: 20px;\r\n }\r\n .row-gap{\r\n padding: 1rem;\r\n }\r\n .first-row{\r\n padding-top: 1rem;\r\n }\r\n }\r\n</style>\r\n<body id=\"page-top\">\r\n<div class=\"container-fluid\">\r\n \r\n <div class=\"row d-flex align-items-stretch first-row\">\r\n <div class=\"col-sm-6 row-gap\">\r\n <a href=\"https://dotnetworkflow.jira.com/l/cp/mun1k3mS\">\r\n <div class=\"card d-flex align-items-center\" >\r\n <div class=\"card-body text-center\">\r\n <h4 class=\"card-title\">IAM Shop</h4>\r\n </div>\r\n </div>\r\n </a>\r\n </div>\r\n <div class=\"col-sm-6 row-gap\">\r\n <a href=\"https://dotnetworkflow.jira.com/l/cp/PX0YR4KA\">\r\n <div class=\"card d-flex align-items-center\">\r\n <div class=\"card-body text-center\">\r\n <h4 class=\"card-title\">Eligibility</h4>\r\n </div>\r\n </div>\r\n </a>\r\n </div>\r\n \r\n </div>\r\n \r\n </section>\r\n \r\n \r\n \r\n <footer class=\"footer py-4\">\r\n <div class=\"container\">\r\n \r\n </div>\r\n </footer>\r\n \r\n \r\n <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js\"></script>\r\n \r\n </body>","javascript":"window.addEventListener('DOMContentLoaded', event => {\r\n\r\n // Navbar shrink function\r\n var navbarShrink = function () {\r\n const navbarCollapsible = document.body.querySelector('#mainNav');\r\n if (!navbarCollapsible) {\r\n return;\r\n }\r\n if (window.scrollY === 0) {\r\n navbarCollapsible.classList.remove('navbar-shrink')\r\n } else {\r\n navbarCollapsible.classList.add('navbar-shrink')\r\n }\r\n\r\n };\r\n\r\n // Shrink the navbar \r\n navbarShrink();\r\n\r\n // Shrink the navbar when page is scrolled\r\n document.addEventListener('scroll', navbarShrink);\r\n\r\n // Activate Bootstrap scrollspy on the main nav element\r\n const mainNav = document.body.querySelector('#mainNav');\r\n if (mainNav) {\r\n new bootstrap.ScrollSpy(document.body, {\r\n target: '#mainNav',\r\n offset: 74,\r\n });\r\n };\r\n\r\n // Collapse responsive navbar when toggler is visible\r\n const navbarToggler = document.body.querySelector('.navbar-toggler');\r\n const responsiveNavItems = [].slice.call(\r\n document.querySelectorAll('#navbarResponsive .nav-link')\r\n );\r\n responsiveNavItems.map(function (responsiveNavItem) {\r\n responsiveNavItem.addEventListener('click', () => {\r\n if (window.getComputedStyle(navbarToggler).display !== 'none') {\r\n navbarToggler.click();\r\n }\r\n });\r\n });\r\n\r\n});\r\n","css":""}

Insert excerpt

	IL:External Stylesheet
	IL:External Stylesheet
nopanel	true

Versions Compared

Old Version 1

New Version Current

Key