Skip to Content

Changes for page Academy

Last modified by Erik Bakker on 2024/09/24 16:12
From version 94.1
edited by eMagiz
on 2022/04/29 13:01
Change comment: There is no comment for this version
To version 90.1
edited by Erik Bakker
on 2022/04/29 08:18
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -eMagiz Academy
1 +Academy
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.eMagiz
1 +XWiki.ebakker
Content
... ... @@ -1,4 +1,15 @@
1 -Welcome to the eMagiz Academy. Here, you will find all the relevant learnings for eMagiz. Below are the five main entry points which will assist you to find the right content for your work.
1 +(% class="row" %)
2 +(((
3 +(% class="col-xs-11 col-sm-9" %)
4 +(((
5 +(% class="jumbotron" %)
6 +(((
7 +(% class="container" %)
8 +(((
9 +(% class="lead" %)
10 +(% class="small" %)Welcome to the eMagiz Academy. Here, you will find all the relevant learnings for eMagiz. Below are the five main entry points which will assist you to find the right content for your work.
11 +)))
12 +)))
2 2  
3 3  * **Fundamentals**
4 4  ** Contains an overview of the most important platform components on a conceptual level
... ... @@ -137,3 +137,7 @@
137 137  </span></body></html>
138 138  {{/html}}
139 139  
151 +
152 +
153 +)))
154 +)))
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,1 +1,37 @@
1 -.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}
1 +.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}; .card-container .text-overlay {
2 + position: relative;
3 + background: rgba(#fff, 0.6);
4 + width: 100%;
5 + height: 40%;
6 + top: 60%;
7 + box-shadow: 0 -2px 12px rgba(#000, 0.3);
8 + padding: 10px 12px;
9 + overflow: hidden;
10 + transition: all 450ms ease-in-out 0s;
11 + cursor: pointer;
12 + h2 {
13 + color: rgba(#000, 0.85);
14 + letter-spacing: 0.0225em;
15 + width: auto;
16 + margin: 0;
17 + }
18 + p {
19 + color: #555;
20 + width: 380px;
21 + height: 38px;
22 + margin: 8px 0;
23 + line-height: 1.25;
24 + text-overflow: ellipsis;
25 + overflow: hidden;
26 + }
27 + a {
28 + color: #378AEE;
29 + text-decoration: none;
30 + transition: all 350ms linear;
31 + visibility: hidden;
32 + &:hover {
33 + color: #449CC5;
34 + border-bottom: 1px dotted #47A8F2;
35 + }
36 + }
37 +}