Changes for page Home

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

From version 73.1
edited by Erik Bakker
on 2022/05/06 15:10
Change comment: There is no comment for this version
To version 36.1
edited by eMagiz
on 2022/04/29 12:57
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.ebakker
1 +XWiki.eMagiz
Content
... ... @@ -1,103 +3,132 @@
1 -$xwiki.jsx.use('My.JavaScript')
2 -
3 3  = Welcome =
4 4  
5 5  Within this portal, you can browse our user guides, microlearnings, fundamentals, release blogs, store documentation, and many more.
6 6  
7 -(% style="border-color:#10137e" %)
5 +
8 8  ----
9 9  
10 10  {{html}}
11 -<html>
12 -<head>
13 - <script src="https://kit.fontawesome.com/f589924061.js" crossorigin="anonymous"></script>
14 - </head>
15 -<body>
16 - <div class="ez-academy">
17 - <div class="ez-academy_body">
9 +<html><body<div class="ez-academy">
10 + <div class="ez-academy__body">
18 18   <main class="master">
19 19   <div class="card-container">
20 - <a href="/bin/view/Main/eMagiz%20Academy/" class="card">
21 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/academy-solid.svg) center no-repeat; background-size: 15%;">
22 - <h4>Academy</h4>
13 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/" class="card">
14 + <div class="card__body" style="background: url(/bin/download/Main/eMagiz%20Academy/WebHome/fundamentals.svg) center no-repeat; background-size: 20%;">
15 + <h4 class="title">Fundamentals</h4>
23 23   </div>
24 24   <ul class="card__footer">
25 25   <li class="card__footer-item">
26 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg">
19 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/eMagiz%20Academy/WebHome/icon-level24.svg">
27 27   <label for="" class="card__footer-label">All</label>
28 28   </li>
29 29   <li class="card__footer-item">
30 - <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg">
23 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/eMagiz%20Academy/WebHome/icon-roles24.svg">
31 31   <label for="" class="card__footer-label">All</label>
32 32   </li>
33 33   <li class="card__footer-item">
34 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
35 - <label for="" class="card__footer-label">5</label>
27 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/eMagiz%20Academy/WebHome/icon-lessons24.svg">
28 + <label for="" class="card__footer-label">9</label>
36 36   </li>
37 37   </ul>
38 38   </a>
39 - <a href="/bin/view/Main/eMagiz%20Store/" class="card">
40 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/store-solid.svg) center no-repeat; background-size: 15%;">
41 - <h4>Store</h4>
32 + <a href="../../docs/microlearning/index_academy_microlearning" class="card">
33 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/microlearnings2.svg) center no-repeat; background-size: 20%;">
34 + <h4 class="title">Microlearnings</h4>
42 42   </div>
43 43   <ul class="card__footer">
44 44   <li class="card__footer-item">
45 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg">
38 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
46 46   <label for="" class="card__footer-label">All</label>
47 47   </li>
48 48   <li class="card__footer-item">
49 - <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg">
42 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
50 50   <label for="" class="card__footer-label">All</label>
51 51   </li>
52 52   <li class="card__footer-item">
53 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
54 - <label for="" class="card__footer-label">2</label>
46 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
47 + <label for="" class="card__footer-label">265</label>
55 55   </li>
56 56   </ul>
57 57   </a>
58 - <a href="/bin/view/FAQ/" class="card">
59 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/forum-solid.svg) center no-repeat; background-size: 15%;">
60 - <h4>Q&A</h4>
51 + <a href="../../docs/usecase/index_academy_usecase_all" class="card">
52 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/usecases.svg) center no-repeat; background-size: 15%;">
53 + <h4 class="title">Use Cases</h4>
61 61   </div>
62 62   <ul class="card__footer">
63 63   <li class="card__footer-item">
64 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg">
57 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
65 65   <label for="" class="card__footer-label">All</label>
66 66   </li>
67 67   <li class="card__footer-item">
68 - <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg">
61 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
69 69   <label for="" class="card__footer-label">All</label>
70 70   </li>
71 71   <li class="card__footer-item">
72 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
65 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
73 73   <label for="" class="card__footer-label">8</label>
74 74   </li>
75 75   </ul>
76 76   </a>
77 - <a href="/bin/view/Main/Release%20Information//" class="card card--featured">
78 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/release-info.svg) center no-repeat; background-size: 7%;">
79 - <h4>Release Information</h4>
80 -
70 + <a href="../../docs/migrationpath/index_academy_migrationpath_all" class="card">
71 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/migration-paths.svg) center no-repeat; background-size: 15%;">
72 + <h4 class="title">Migration Paths</h4>
81 81   </div>
82 82   <ul class="card__footer">
83 83   <li class="card__footer-item">
84 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg">
76 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
85 85   <label for="" class="card__footer-label">All</label>
86 86   </li>
87 87   <li class="card__footer-item">
88 - <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg">
80 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
89 89   <label for="" class="card__footer-label">All</label>
90 90   </li>
91 91   <li class="card__footer-item">
92 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
93 - <label for="" class="card__footer-label">50</label>
84 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
85 + <label for="" class="card__footer-label">12</label>
94 94   </li>
95 95   </ul>
96 96   </a>
97 - </div>
98 - </main>
99 - </div>
89 + <a href="../../docs/rca-knowledgebase/index_academy_rca-knowledgebase_all" class="card">
90 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/rca-knowledgebase.svg) center no-repeat; background-size: 17%;">
91 + <h4 class="title">RCA Knowledge Base</h4>
92 + </div>
93 + <ul class="card__footer">
94 + <li class="card__footer-item">
95 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
96 + <label for="" class="card__footer-label">All</label>
97 + </li>
98 + <li class="card__footer-item">
99 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
100 + <label for="" class="card__footer-label">All</label>
101 + </li>
102 + <li class="card__footer-item">
103 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
104 + <label for="" class="card__footer-label">6</label>
105 + </li>
106 + </ul>
107 + </a>
108 + <a href="https://www.emagiz.com/en/certification/" target="_blank" class="card card--featured">
109 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/get_certified.png) center no-repeat; background-size: 20%;">
110 + <h4 class="title">Get Certified!!</h4>
111 + </div>
112 + <ul class="card__footer">
113 + <li class="card__footer-item">
114 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
115 + <label for="" class="card__footer-label">All</label>
116 + </li>
117 + <li class="card__footer-item">
118 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
119 + <label for="" class="card__footer-label">All</label>
120 + </li>
121 + <li class="card__footer-item">
122 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
123 + <label for="" class="card__footer-label">9</label>
124 + </li>
125 + </ul>
126 + </a>
127 + </div>
128 + </main></div>
129 +
100 100  </div>
101 - </body>
102 -</html>
131 +</span></body></html>
103 103  {{/html}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,8 +1,8 @@
1 1  #xwikimaincontainer {
2 - width: 900;
2 + width: 1800px;
3 3  }
4 4  #menuview {
5 - box-shadow: #10137e -50rem 0px 0px, #10137e 50rem 0px 0px;
5 + box-shadow: #10137e -75rem 0px 0px, #10137e 75rem 0px 0px;
6 6  }
7 7  .menu.navigation-menu { /*You can also get an ID selector by inspecting the menu through dev tools*/
8 8   box-shadow: #100000 -75rem 0px 0px,#100000 75rem 0px 0px;