Skip to Content

Changes for page Academy

Last modified by Erik Bakker on 2024/09/24 16:12
From version 37.1
edited by Erik Bakker
on 2022/04/21 15:54
Change comment: Added object
To version 70.1
edited by Erik Bakker
on 2022/04/25 16:12
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,1 +1,143 @@
1 -{{dashboard/}}
1 +{{html}}
2 +<html><body<div class="ez-academy">
3 + <div class="ez-academy__body">
4 + <main class="master">
5 + <div class="card-container">
6 + <a href="../../docs/fundamental/index_academy_fundamental_all" class="card">
7 + <div class="card__body" style="background: url(/bin/download/Main/eMagiz%20Academy/WebHome/fundamentals.svg) center no-repeat; background-size: 20%;">
8 + <h4 class="title">Fundamentals</h4>
9 + </div>
10 + <ul class="card__footer">
11 + <li class="card__footer-item">
12 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/eMagiz%20Academy/WebHome/icon-level24.svg">
13 + <label for="" class="card__footer-label">All</label>
14 + </li>
15 + <li class="card__footer-item">
16 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/eMagiz%20Academy/WebHome/icon-roles24.svg">
17 + <label for="" class="card__footer-label">All</label>
18 + </li>
19 + <li class="card__footer-item">
20 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/eMagiz%20Academy/WebHome/icon-lessons24.svg">
21 + <label for="" class="card__footer-label">9</label>
22 + </li>
23 + </ul>
24 + </a>
25 + <a href="../../docs/microlearning/index_academy_microlearning" class="card">
26 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/microlearnings2.svg) center no-repeat; background-size: 20%;">
27 + <h4 class="title">Microlearnings</h4>
28 + </div>
29 + <ul class="card__footer">
30 + <li class="card__footer-item">
31 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
32 + <label for="" class="card__footer-label">All</label>
33 + </li>
34 + <li class="card__footer-item">
35 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
36 + <label for="" class="card__footer-label">All</label>
37 + </li>
38 + <li class="card__footer-item">
39 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
40 + <label for="" class="card__footer-label">265</label>
41 + </li>
42 + </ul>
43 + </a>
44 + <a href="../../docs/usecase/index_academy_usecase_all" class="card">
45 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/usecases.svg) center no-repeat; background-size: 15%;">
46 + <h4 class="title">Use Cases</h4>
47 + </div>
48 + <ul class="card__footer">
49 + <li class="card__footer-item">
50 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
51 + <label for="" class="card__footer-label">All</label>
52 + </li>
53 + <li class="card__footer-item">
54 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
55 + <label for="" class="card__footer-label">All</label>
56 + </li>
57 + <li class="card__footer-item">
58 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
59 + <label for="" class="card__footer-label">8</label>
60 + </li>
61 + </ul>
62 + </a>
63 + <a href="../../docs/migrationpath/index_academy_migrationpath_all" class="card">
64 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/migration-paths.svg) center no-repeat; background-size: 15%;">
65 + <h4 class="title">Migration Paths</h4>
66 + </div>
67 + <ul class="card__footer">
68 + <li class="card__footer-item">
69 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
70 + <label for="" class="card__footer-label">All</label>
71 + </li>
72 + <li class="card__footer-item">
73 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
74 + <label for="" class="card__footer-label">All</label>
75 + </li>
76 + <li class="card__footer-item">
77 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
78 + <label for="" class="card__footer-label">12</label>
79 + </li>
80 + </ul>
81 + </a>
82 + <a href="../../docs/rca-knowledgebase/index_academy_rca-knowledgebase_all" class="card">
83 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/rca-knowledgebase.svg) center no-repeat; background-size: 17%;">
84 + <h4 class="title">RCA Knowledge Base</h4>
85 + </div>
86 + <ul class="card__footer">
87 + <li class="card__footer-item">
88 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
89 + <label for="" class="card__footer-label">All</label>
90 + </li>
91 + <li class="card__footer-item">
92 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
93 + <label for="" class="card__footer-label">All</label>
94 + </li>
95 + <li class="card__footer-item">
96 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
97 + <label for="" class="card__footer-label">6</label>
98 + </li>
99 + </ul>
100 + </a>
101 + <a href="https://www.emagiz.com/en/certification/" class="card card--featured">
102 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/get_certified.png) center no-repeat; background-size: 20%;">
103 + <h4 class="title">Get Certified!!</h4>
104 + </div>
105 + <ul class="card__footer">
106 + <li class="card__footer-item">
107 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
108 + <label for="" class="card__footer-label">All</label>
109 + </li>
110 + <li class="card__footer-item">
111 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
112 + <label for="" class="card__footer-label">All</label>
113 + </li>
114 + <li class="card__footer-item">
115 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
116 + <label for="" class="card__footer-label">9</label>
117 + </li>
118 + </ul>
119 + </a>
120 + </div>
121 + </main></div>
122 +
123 +</div>
124 +</span></div></article></div></div><div class="docs-prevnext"></div></div></div><nav class="onPageNav"></nav></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>
125 + document.addEventListener('keyup', function(e) {
126 + if (e.target !== document.body) {
127 + return;
128 + }
129 + // keyCode for '/' (slash)
130 + if (e.keyCode === 191) {
131 + const search = document.getElementById('search_input_react');
132 + search && search.focus();
133 + }
134 + });
135 + </script><script>
136 + var search = docsearch({
137 +
138 + apiKey: '2e1804e3e0c239242d9914d98d6bf260',
139 + indexName: 'emagiz',
140 + inputSelector: '#search_input_react'
141 + });
142 + </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>
143 +{{/html}}
fundamentals.svg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.ebakker
Size
... ... @@ -1,0 +1,1 @@
1 +462 bytes
Content
icon-lessons24.svg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.ebakker
Size
... ... @@ -1,0 +1,1 @@
1 +538 bytes
Content
icon-level24.svg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.ebakker
Size
... ... @@ -1,0 +1,1 @@
1 +2.1 KB
Content
icon-roles24.svg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.ebakker
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
XWiki.DocumentSheetBinding[0]
XWiki.GadgetClass[0]
content
... ... @@ -1,9 +1,0 @@
1 -{{velocity}}
2 -#set ($extraParams = '')
3 -#if ($doc.space != 'Main')
4 - #set ($escapedDocumentReference = $services.rendering.escape($services.model.serialize($doc.documentReference,
5 - 'default'), 'xwiki/2.1'))
6 - #set ($extraParams = "root='document:$escapedDocumentReference'")
7 -#end
8 -{{documentTree showTranslations="false" showAttachments="false" compact="true" $extraParams /}}
9 -{{/velocity}}
position
... ... @@ -1,1 +1,0 @@
1 -1,1
title
... ... @@ -1,1 +1,0 @@
1 -#if ($doc.space == 'Main')$services.localization.render('platform.dashboard.wiki.pages')#{else}$services.localization.render('platform.dashboard.space.documents', [$doc.plainTitle])#end
XWiki.GadgetClass[1]
content
... ... @@ -1,113 +1,0 @@
1 -{{html}}
2 -<!DOCTYPE html>
3 -<html>
4 -<head>
5 -<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
6 -<style>
7 -* {
8 - box-sizing: border-box;
9 -}
10 -
11 -/* Create two equal columns that floats next to each other */
12 -.column {
13 - float: left;
14 - width: 50%;
15 - padding: 10px;
16 -}
17 -
18 -/* Clear floats after the columns */
19 -.row:after {
20 - content: "";
21 - display: table;
22 - clear: both;
23 -}
24 -/* Style the buttons */
25 -.btn {
26 - border: none;
27 - outline: none;
28 - padding: 12px 16px;
29 - background-color: #f1f1f1;
30 - cursor: pointer;
31 -}
32 -
33 -.btn:hover {
34 - background-color: #ddd;
35 -}
36 -
37 -.btn.active {
38 - background-color: #666;
39 - color: white;
40 -}
41 -</style>
42 -</head>
43 -<body>
44 -
45 -<h2>List View or Grid View</h2>
46 -
47 -<p>Click on a button to choose list view or grid view.</p>
48 -
49 -<div id="btnContainer">
50 - <button class="btn" onclick="listView()"><i class="fa fa-bars"></i> List</button>
51 - <button class="btn active" onclick="gridView()"><i class="fa fa-th-large"></i> Grid</button>
52 -</div>
53 -<br>
54 -
55 -<div class="row">
56 - <div class="column" style="background-color:#aaa;">
57 - <h2>Column 1</h2>
58 - <p>Some text..</p>
59 - </div>
60 - <div class="column" style="background-color:#bbb;">
61 - <h2>Column 2</h2>
62 - <p>Some text..</p>
63 - </div>
64 -</div>
65 -
66 -<div class="row">
67 - <div class="column" style="background-color:#ccc;">
68 - <h2>Column 3</h2>
69 - <p>Some text..</p>
70 - </div>
71 - <div class="column" style="background-color:#ddd;">
72 - <h2>Column 4</h2>
73 - <p>Some text..</p>
74 - </div>
75 -</div>
76 -
77 -<script>
78 -// Get the elements with class="column"
79 -var elements = document.getElementsByClassName("column");
80 -
81 -// Declare a loop variable
82 -var i;
83 -
84 -// List View
85 -function listView() {
86 - for (i = 0; i < elements.length; i++) {
87 - elements[i].style.width = "100%";
88 - }
89 -}
90 -
91 -// Grid View
92 -function gridView() {
93 - for (i = 0; i < elements.length; i++) {
94 - elements[i].style.width = "50%";
95 - }
96 -}
97 -
98 -/* Optional: Add active class to the current button (highlight it) */
99 -var container = document.getElementById("btnContainer");
100 -var btns = container.getElementsByClassName("btn");
101 -for (var i = 0; i < btns.length; i++) {
102 - btns[i].addEventListener("click", function() {
103 - var current = document.getElementsByClassName("active");
104 - current[0].className = current[0].className.replace(" active", "");
105 - this.className += " active";
106 - });
107 -}
108 -</script>
109 -
110 -</body>
111 -</html>
112 -
113 -{{/html}}
position
... ... @@ -1,1 +1,0 @@
1 -1, 2
title
... ... @@ -1,1 +1,0 @@
1 -$services.localization.render('rendering.macro.html.name')
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,2 @@
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}
2 +
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
Name
... ... @@ -1,0 +1,1 @@
1 +TestCSSExtension
Parse content
... ... @@ -1,0 +1,1 @@
1 +Yes
Use this extension
... ... @@ -1,0 +1,1 @@
1 +currentPage