Changes for page Academy

Last modified by Erik Bakker on 2024/09/24 16:12

From 55.1 to 56.1 From 58.1 to 59.1

From version 56.1

edited by Erik Bakker
on 2022/04/25 15:43

Change comment: There is no comment for this version

To version 58.1

edited by Erik Bakker
on 2022/04/25 15:49

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)
Objects (1 modified, 0 added, 0 removed)
- XWiki.StyleSheetExtension[0]

Details

Page properties

Content

@@ -1,13 +1,5 @@
  {{html}}
--<html lang="en"><head><style>#back-to-top{background:#000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:20px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26);color:#fff;cursor:pointer;display:block;height:56px;opacity:1;outline:0;position:fixed;right:20px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-transition:bottom .2s,opacity .2s;-o-transition:bottom .2s,opacity .2s;-moz-transition:bottom .2s,opacity .2s;transition:bottom .2s,opacity .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:56px;z-index:100}#back-to-top svg{display:block;fill:currentColor;height:24px;margin:16px auto 0;width:24px}#back-to-top.hidden{bottom:-56px;opacity:0}</style><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>microlearning/index_academy_all · eMagiz Platform documentation</title><meta name="viewport" content="width=device-width"><meta name="generator" content="Docusaurus"><meta name="description" content="<div class=&quot;ez-academy&quot;>
--"><meta name="docsearch:language" content="en"><meta property="og:title" content="microlearning/index_academy_all · eMagiz Platform documentation"><meta property="og:type" content="website"><meta property="og:url" content="https://emagiz.github.io/"><meta property="og:description" content="<div class=&quot;ez-academy&quot;>
--"><meta name="twitter:card" content="summary"><link rel="shortcut icon" href="/img/platypus.png"><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic&amp;amp;subset=latin,greek,cyrillic"><link rel="stylesheet" href="/css/style.css"><script type="text/javascript" src="https://buttons.github.io/buttons.js"></script><script src="https://unpkg.com/vanilla-back-to-top@7.1.14/dist/vanilla-back-to-top.min.js"></script><script>
--        document.addEventListener('DOMContentLoaded', function() {
--          addBackToTop(
--            {"zIndex":100}
--          )
--        });
--        </script><script src="/js/scrollSpy.js"></script><link rel="stylesheet" href="/css/main.css"><script src="/js/codetabs.js"></script></head><body class="sideNavVisible separateOnPageNav" data-new-gr-c-s-check-loaded="14.1057.0" data-gr-ext-installed=""><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/"><img class="logo" src="/img/platypus.png" alt="eMagiz Platform documentation"><h2 class="headerTitleWithLogo">eMagiz Platform documentation</h2></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li class="navSearchWrapper reactNavSearchWrapper"><span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;"><input type="text" id="search_input_react" placeholder="Ask me something" title="Ask me something" class="aa-input" autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-labelledby="search_input_react" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="position: relative; vertical-align: top;" data-cip-id="search_input_react"><pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Arial; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; word-spacing: 0px; letter-spacing: normal; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre><span class="aa-dropdown-menu" role="listbox" id="algolia-autocomplete-listbox-0" style="position: absolute; top: 100%; z-index: 100; display: none; left: 0px; right: auto;"><div class="aa-dataset-1"></div></span></span></li><li class=""><a href="/docs/referenceguide/" target="_self">Reference Guide</a></li><li class="siteNavItemActive"><a href="/docs/microlearning/index_academy_all" target="_self">eMagiz Academy</a></li></ul></nav></div></header></div></div><div class="navPusher"><div class="docMainWrapper wrapper"><div class="container mainContainer docsContainer"><div class="wrapper"><div class="post"><header class="postHeader"><h1 id="__docusaurus" class="postHeaderTitle">microlearning/index_academy_all</h1></header><article><div><span><div class="ez-academy">
++<html lang="en"><body<div class="ez-academy">
      <div class="ez-academy__body">
          <main class="master">
      <h2 class="title">eMagiz Academy Microlearnings</h2>
@@ -163,5 +163,5 @@
                  indexName: 'emagiz',
                  inputSelector: '#search_input_react'
                });
--            </script><div id="back-to-top" class="hidden"><svg viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg></div></body><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>
++            </script><div id="back-to-top" class="hidden"><svg viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg></div></body></html>
  {{/html}}

XWiki.StyleSheetExtension[0]

Code

@@ -1,161 +1,2 @@
--body {
++.navPusher{background-color:#f5f5f5}.docMainWrapper{max-width:1280px !important;display:-ms-grid;display:grid;grid-template-areas:"outer-nav content inner-nav";-ms-grid-columns:auto 32px 1fr 32px auto;grid-template-columns:auto 1fr auto;-ms-grid-rows:1fr;grid-template-rows:1fr;-moz-column-gap:32px;column-gap:32px;position:relative}.docMainWrapper>.docsNavContainer{-ms-grid-row:1;-ms-grid-column:1;grid-area:outer-nav}.docMainWrapper>.docsContainer:first-child{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;position:relative;z-index:2}.docMainWrapper>.docsContainer:first-child .post:after{content:'';width:100%;height:90px;background-color:#f5f5f5;display:block;position:fixed;top:0}.docMainWrapper>.docsContainer:first-child .post>header{display:none}.docMainWrapper>.onPageNav:nth-child(2){-ms-grid-row:1;-ms-grid-column:5;grid-area:inner-nav;margin:0;padding-top:0;max-width:405px;z-index:1}.docMainWrapper>.onPageNav:nth-child(2):empty{margin:0;padding:0;width:0;flex:0}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings{border:none;padding:16px 32px;background-color:#fff;box-shadow:0 3px 0 0 rgba(16,19,126,0.16)}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings li{margin:0;padding:0}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a{font-size:20px;line-height:30px;color:gray;position:relative;max-width:100%;display:inline-block}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a.active{color:#10137e}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a:after{content:"";display:none;width:0;position:absolute;height:2px;background-color:#10137e;bottom:0;left:0}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a:hover:after{display:inline-block;-webkit-animation:line-left 250ms ease-in-out forwards;animation:line-left 250ms ease-in-out forwards}.container.mainContainer.docsContainer{flex-shrink:0 !important;margin:0 !important;width:100%}.ez-academy__body main.master{width:100%;max-width:1280px;margin:0 auto}.ez-academy *{font-family:Ubuntu;color:#10137e}.ez-academy h1,.ez-academy h2,.ez-academy h3,.ez-academy h4,.ez-academy h5,.ez-academy h6{font-family:"Ubuntu", sans-serif;font-weight:700;color:#10137e;margin-top:0}.ez-academy h2.title{font-size:40px;margin-top:8px;margin-bottom:32px}.ez-academy h3{margin-top:32px;margin-bottom:32px;font-size:32px;line-height:37px}.ez-academy h4{font-size:24px;line-height:28px}.ez-academy ul{margin:0;padding:0;list-style:none;border:none}.ez-academy li{margin:0;display:inline-block}.ez-academy p{font-size:20px;line-height:30px;margin-bottom:8px}.ez-academy__body main ul,.ez-academy__body main p{margin-bottom:16px}@-webkit-keyframes block-left{from{right:0;width:100%}to{right:0;width:0}}@keyframes block-left{from{right:0;width:100%}to{right:0;width:0}}.ez-academy .card{box-shadow:0 3px 0 0 rgba(16,19,126,0.16);min-height:200px;background-color:#fff;display:-ms-grid;display:grid;grid-template-areas:"body" "footer";-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto}.ez-academy .card__body{-ms-grid-row:1;-ms-grid-column:1;grid-area:body;padding:16px;position:relative}.ez-academy .card__body .title{margin-top:0;text-shadow:0 0 10px #fff;position:relative;z-index:2}.ez-academy .card__body:after{content:'';width:100%;height:100%;display:block;background-color:rgba(255,255,255,0.25);position:absolute;top:0;right:0;z-index:1}.ez-academy .card__body:hover:after{-webkit-animation:block-left 250ms ease-in-out forwards;animation:block-left 250ms ease-in-out forwards}.ez-academy .card__footer{-ms-grid-row:2;-ms-grid-column:1;grid-area:footer;background-color:#10137e;margin:0;list-style:none;display:flex;padding:12px 16px}.ez-academy .card__footer-item{display:flex;margin:0;margin-right:32px}.ez-academy .card__footer-icon{max-height:24px;width:auto;margin-right:8px}.ez-academy .card__footer-label{color:#fff;font-size:20px;line-height:24px}.ez-academy .card--featured{-ms-grid-column-span:3;grid-column:span 3}.ez-academy .card--featured .card__body .title{font-size:32px;line-height:37px}.ez-academy .card-container{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:32px;padding-bottom:32px}.ez-academy .doc-nav{-ms-grid-row:1;-ms-grid-column:2;display:-ms-grid;display:grid;-ms-grid-columns:auto (1fr)[4];grid-template-columns:auto repeat(4, 1fr);-ms-grid-rows:auto;grid-template-rows:auto;padding-bottom:3px;background-color:#f5f5f5;overflow:hidden;grid-area:nav}.ez-academy .doc-nav__item{padding:16px;display:flex;position:relative;background-color:#fff;box-shadow:0 3px 0 0 rgba(16,19,126,0.16)}.ez-academy .doc-nav__item a{padding:0 32px;display:block;text-align:center;position:relative;width:100%;flex:0 0 100%}.ez-academy .doc-nav__item a:after{content:"";display:none;width:0;position:absolute;height:2px;background-color:#10137e;bottom:0;left:0}.ez-academy .doc-nav__item a:before{content:'';position:absolute;right:0;border:8px solid #f5f5f5;border-left-color:transparent;border-bottom-color:transparent;width:48px;height:48px;flex:0 0 80px;transform:rotate(45deg) translateY(-50%);transform-origin:center;z-index:4}.ez-academy .doc-nav__item:after{content:none}.ez-academy .doc-nav__item:first-child a{border-left:none}.ez-academy .doc-nav__item:last-child a:before{content:none}.ez-academy .doc-nav__item:hover a:after{display:inline-block;-webkit-animation:line-left 250ms ease-in-out forwards;animation:line-left 250ms ease-in-out forwards}.ez-academy .dropdown{display:-ms-grid;display:grid;position:absolute;left:100%;height:48px;width:50%;overflow:hidden;grid-template-areas:"dropdown nav";-ms-grid-columns:minmax(0, 100%) auto;grid-template-columns:minmax(0, 100%) auto}.ez-academy .dropdown__dropdown{-ms-grid-row:1;-ms-grid-column:1;padding-left:32px;font-size:24px;font-weight:700;grid-area:dropdown;text-overflow:ellipsis;overflow:hidden !important;white-space:nowrap;max-width:100%;border:none}.ez-academy .dropdown__nav{-ms-grid-row:1;-ms-grid-column:2;display:flex;grid-area:nav}.ez-academy .dropdown__nav a{margin:auto 0;display:flex}.ez-academy .dropdown__nav img{max-width:32px;height:auto;margin:auto}.ez-academy .micro-learning{max-height:calc(100vh - 170px);overflow-y:hidden;display:-ms-grid;display:grid;grid-template-areas:"nav" "doc";-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr}.ez-academy .micro-learning>.doc{-ms-grid-row:2;-ms-grid-column:1;padding-left:24px;padding-right:24px;grid-area:doc;overflow-y:auto}.ez-academy .micro-learning>.doc h1,.ez-academy .micro-learning>.doc h2,.ez-academy .micro-learning>.doc h3,.ez-academy .micro-learning>.doc h4{top:0;background-color:#f5f5f5}.ez-academy .micro-learning>.doc h1{font-size:36px;top:0}.ez-academy .micro-learning>.doc h2{font-size:28px;top:36px}.ez-academy .micro-learning>.doc h3{font-size:24px;top:66px}.ez-academy .micro-learning>.doc p{font-size:16px;line-height:24px}.ez-academy .micro-learning>.doc a{color:#69b731}.ez-academy .micro-learning>.doc a:hover{text-decoration:underline}.ez-academy .micro-learning>.doc .anchor{top:0 !important}.ez-academy .micro-learning>.doc ul{list-style:disc;padding-left:32px}.ez-academy .micro-learning>.doc ul>li{display:list-item}.ez-academy .strip-container{width:100%;display:flex;flex-direction:column;counter-reset:stripCounter}@-webkit-keyframes line-left{from{left:0;width:0}to{left:0;width:100%}}@keyframes line-left{from{left:0;width:0}to{left:0;width:100%}}@-webkit-keyframes line-middle{from{left:50%;width:0}to{left:0;width:100%}}@keyframes line-middle{from{left:50%;width:0}to{left:0;width:100%}}.ez-academy .strip{background-color:#fff;box-shadow:0 3px 0 0 rgba(16,19,126,0.16);display:block;margin-bottom:16px;counter-increment:stripCounter;position:relative}.ez-academy .strip:after{content:'';display:none;width:0;position:absolute;height:2px;background-color:#10137e;bottom:0;left:0}.ez-academy .strip:hover:after{display:inline-block;-webkit-animation:line-left 250ms ease-in-out forwards;animation:line-left 250ms ease-in-out forwards}.ez-academy .strip__link{display:flex;justify-content:flex-end;padding:16px 32px}.ez-academy .strip__link>*{cursor:pointer}.ez-academy .strip__label{font-weight:500;font-size:20px;line-height:24px;margin:0 auto 0 0}.ez-academy .strip__label span{display:inline-block}.ez-academy .strip__label span:after{content:"." counter(stripCounter) " - "}.ez-academy .strip__attribute{display:flex;margin:0 0 0 32px}.ez-academy .strip__attribute-icon{max-height:24px;width:auto;margin-right:8px}.ez-academy .strip__attribute-label{font-weight:500;font-size:20px;line-height:24px}.ez-academy .tabs{display:flex;position:relative;margin-bottom:16px}.ez-academy .tabs:after{content:'';width:100%;height:2px;background-color:#10137e;position:absolute;bottom:0;left:0}.ez-academy .tabs__item{border:1px solid #10137e;border-left:none;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff;position:relative}.ez-academy .tabs__item:first-child{border-left:1px solid #10137e}.ez-academy .tabs__item--active{z-index:10}.ez-academy .tabs__item--active .tabs__link{font-weight:700}.ez-academy .tabs__link{font-size:20px;line-height:24px;padding:8px 16px;display:inline-block}
--    margin: 0;
--
--    padding: 0;
--
--    min-height: 100vh;
--
--    display: flex;
--
--    align-items: center;
--
--    justify-content: center;
--
--    font-family: sans-serif;
--
--    background-color: #f1f1f1;
--
--}
--
--.container .card .icon {
--
--    position: absolute;
--
--    top: 0;
--
--    left: 0;
--
--    width: 100%;
--
--    height: 100%;
--
--    background: #2c73df;
--
--}
--
--.container .card .icon .fa {
--
--    position: absolute;
--
--    top: 50%;
--
--    left: 50%;
--
--    transform: translate(-50%, -50%);
--
--    font-size: 80px;
--
--    color: #fff;
--
--}
--
--.container .card .slide {
--
--    width: 300px;
--
--    height: 200px;
--
--    transition: 0.5s;
--
--}
--
--.container .card .slide.slide1 {
--
--    position: relative;
--
--    display: flex;
--
--    justify-content: center;
--
--    align-items: center;
--
--    z-index: 1;
--
--    transition: .7s;
--
--    transform: translateY(100px);
--
--}
--
--.container .card:hover .slide.slide1{
--
--    transform: translateY(0px);
--
--}
--
--.container .card .slide.slide2 {
--
--    position: relative;
--
--    display: flex;
--
--    justify-content: center;
--
--    align-items: center;
--
--    padding: 20px;
--
--    box-sizing: border-box;
--
--    transition: .8s;
--
--    transform: translateY(-100px);
--
--    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
--
--}
--
--.container .card:hover .slide.slide2{
--
--    transform: translateY(0);
--
--}
--
--.container .card .slide.slide2::after{
--
--    content: "";
--
--    position: absolute;
--
--    width: 30px;
--
--    height: 4px;
--
--    bottom: 15px;
--
--    left: 50%;
--
--    left: 50%;
--
--    transform: translateX(-50%);
--
--    background: #2c73df;
--
--}
--
--.container .card .slide.slide2 .content p {
--
--    margin: 0;
--
--    padding: 0;
--
--    text-align: center;
--
--    color: #414141;
--
--}
--
--.container .card .slide.slide2 .content h3 {
--
--    margin: 0 0 10px 0;
--
--    padding: 0;
--
--    font-size: 24px;
--
--    text-align: center;
--
--    color: #414141;
--
--}

Changes for page Academy

Summary

Details

Navigation