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<style>n\r\n .fa-solid,n<style>\r\n.fa-brands has-box-shadow-heavy {\r\n color: ghostwhitebox-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.text-primaryhas-border-radius-large {\r\n color: #146ebe border-radius: 0.5rem !important;\r\n}\r\n</style>n .fa-solid,\r\n<meta charset=\"utf-8\" />\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\" />\r\n<style>\r\n a{color: #212529n .fa-brands {\r\n color: #307FC1;\r\n }\r\n \r\n \r\n \r\n #test{\r\n border:solid;\r\n textborder-decorationcolor:nonetransparent;\r\n }border-width: thin;\r\n a#navbackground: hover{#fff;\r\n color: #212529;}\r\n } \r\n .col-md-4#test:hover{\r\n border:solid;\r\n border-color:gainsboro;\r\n border-width: thin;\r\n border-colorbackground: transparentaliceblue;\r\n \r\n }\r\n .col-md-4:hover\r\n #nav{\r\n bordermargin-bottom: solid;30px;\r\n }\r\n \r\n border-width:thin;a{\r\n border- color: #0d7ebf#212529;\r\n bordertext-colordecoration:#fffnone;\r\n cursor: pointer;}\r\n } \r\n</style>\r\n<body idn<meta charset=\"pageutf-top8\" />\r\n \r\n <!-- Services--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 <h2 <h3 class=\"section-heading text-uppercase text-muted\">Getting Started</h2>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://empoweriddotnetworkflow.floatjira.com/wiki/spaces/EAGV21/pages/1446552848/Overview\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span <div id=\"test\" class=\"fa-stack fa-4xhas-box-shadow-heavy has border-radius-large\">\r\n <i <span class=\"fas fa-circle stack fa-stack-2x text-primary3x\"></i>>\r\n <i class=\"fas fa-solid fa-book-open-cover fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Overview</h4>\r\n <p class=\"text-muted\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p></div>\r\n </a>\r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://wwwdotnetworkflow.officejira.com/l/c/ADwceUfW\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span <div id=\"test\" class=\"fa-stack fa-4xhas-box-shadow-heavy has border-radius-large\">\r\n <i <span class=\"fas fa-circle stack fa-stack-2x text-primary3x\"></i>>\r\n <i class=\"fa-solid fa-user-check fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Users</h4>\r\n <p class=\"text-muted\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p></div>\r\n </a>\r\n \r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://dotnetworkflow.jira.com/l/c/jNJsF3oU\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span <div id=\"test\" class=\"fa-stack fa-4xhas-box-shadow-heavy has border-radius-large\">\r\n <i <span class=\"fas fa-circle stack fa-stack-2x text-primary3x\"></i>>\r\n <i class=\"fa-solid fa-users fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Groups</h4>\r\n <p class=\"text-muted\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p></div>\r\n </a>\r\n \r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://dotnetworkflow.jira.com/l/c/e31u7Q0x\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span <div id=\"test\" class=\"fa-stack fa-4xhas-box-shadow-heavy has border-radius-large\">\r\n <i <span class=\"fas fa-circle stack fa-stack-2x text-primary3x\"></i>>\r\n <i class=\"fa-solid fa-computer-classic fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Computers</h4>\r\n <p class=\"text-muted\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p></div>\r\n </a>\r\n </div>\r\n <div class=\"row text-center\">\r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://empoweriddotnetworkflow.floatjira.com/l/c/6MD0WoBZ\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span <div id=\"test\" class=\"fa-stack fa-4xhas-box-shadow-heavy has border-radius-large\">\r\n <i <span class=\"fas fa-circle stack fa-stack-2x text-primary3x\"></i>>\r\n <i class=\"fas fa-solid fa-mailbox fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Mailboxes</h4>\r\n <p class=\"text-muted\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p></div>\r\n </a>\r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://wwwdotnetworkflow.officejira.com/l/c/PxTu6pe4\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span <div id=\"test\" class=\"fa-stack fa-4xhas-box-shadow-heavy has border-radius-large\">\r\n <i <span class=\"fas fa-circle stack fa-stack-2x text-primary3x\"></i>>\r\n <i class=\"fa-solid fa-folder-open fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Shared Folders</h4>\r\n <p class=\"text-muted\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p></div>\r\n </a>\r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://dotnetworkflow.jira.com/l/c/Zw3T01ME\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span <div id=\"test\" class=\"fa-stack fa-4xhas-box-shadow-heavy has border-radius-large\">\r\n <i <span class=\"fas fa-circle stack fa-stack-2x text-primary3x\"></i>>\r\n <i class=\"fa-solid fa-handshake fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Partner Access</h4>\r\n <p class=\"text-muted\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p></div>\r\n </a>\r\n <a class=\"col-md-3\" id=\"nav\" href=\"https://dotnetworkflow.jira.com/l/c/TqqbMvXZ\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span <div id=\"test\" class=\"fa-stack fa-4xhas-box-shadow-heavy has border-radius-large\">\r\n <i <span class=\"fas fa-circle stack fa-stack-2x text-primary3x\"></i>>\r\n <i class=\"fa-solid fa-chart-user fa-stack-1x fa-inverse\"></i>\r\n </span>\r\n <h4 class=\"my-3 text-muted\">Responsible Parties</h4>\r\n <p class=\"text-muted\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p></div>\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n \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":""}

Insert excerpt
IL:External Stylesheet
IL:External Stylesheet
nopaneltrue