Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Easy html macro
theme{"label":"solarized_dark","value":"solarized_dark"}
contentByMode{"html":"<!doctype html>\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/styles.css\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.has-box-shadow-heavy {\r\n box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,0.132), 0 1.2px 3.6px 0 rgba(0,0,0,0.132) !important;\r\n}\r\n.has-border-radius-large {\r\n border-radius: 0.5rem !important;\r\n}\r\n .fa-solid,\r\n .fa-brands {\r\n color: #307FC1;\r\n }\r\n \r\n \r\n \r\n #test{\r\n border:solid;\r\n border-color:transparent;\r\n border-width: thin;\r\n background: #fff;\r\n }\r\n \r\n #test:hover{\r\n border:solid;\r\n border-color:gainsboro;\r\n border-width: thin;\r\n background: aliceblue;\r\n \r\n }\r\n \r\n #nav{\r\n margin-bottom: 30px;\r\n }\r\n \r\n a{\r\n color: #212529;\r\n text-decoration:none;\r\n }\r\n \r\n</style>\r\n<meta charset=\"utf-8\" />\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\" />\r\n<body id=\"page-top\">\r\n \r\n <section class=\"page-section\" id=\"links\">\r\n <div class=\"container\">\r\n <div class=\"text-center\">\r\n <h3 class=\"section-heading text-uppercase text-muted\">Getting Started</h3>\r\n <br />\r\n <hr>\r\n <br />\r\n </div>\r\n \r\n <div class=\"row text-center\">\r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://dotnetworkflow.jira.com/wiki/spaces/EAGV21/pages/1446572343/PAM+Management+Roles\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <div id=\"test\" class=\"has-box-shadow-heavy has border-radius-large\">\r\n <span class=\"fa-stack fa-3x\">\r\n <i class=\"fas fa-solid fa-list-tree fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">PAM <br />Management Roles</h4>\r\n </div>\r\n </a>\r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://dotnetworkflow.jira.com/wiki/spaces/EAGV21/pages/1446572362/Password+Vaulting\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <div id=\"test\" class=\"has-box-shadow-heavy has border-radius-large\">\r\n <span class=\"fa-stack fa-3x\">\r\n <i class=\"fa-solid fa-vault fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Password <br />\r\n Vaulting</h4>\r\n </div>\r\n </a>\r\n \r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://dotnetworkflow.jira.com/wiki/spaces/EAGV21/pages/1446572724/Privileged+Session+Management\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <div id=\"test\" class=\"has-box-shadow-heavy has border-radius-large\">\r\n <span class=\"fa-stack fa-3x\">\r\n <i class=\"fa-solid fa-computer fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Privileged <br />Session Management<Manager</h4>\r\n </div>\r\n </a>\r\n \r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://dotnetworkflow.jira.com/wiki/spaces/EAGV21/pages/1446573380/Installing+Privileged+Application+Launcher\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <div id=\"test\" class=\"has-box-shadow-heavy has border-radius-large\">\r\n <span class=\"fa-stack fa-3x\">\r\n <i class=\"fa-solid fa-gears fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Privileged <br />App Manager</h4>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n <!-- Bootstrap core JS-->\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":""}

...