Changes for page Home

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

From version 80.1
edited by Erik Bakker
on 2022/06/13 14:29
Change comment: There is no comment for this version
To version 33.1
edited by Erik Bakker
on 2022/04/29 12:51
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -2,118 +2,131 @@
2 2  
3 3  Within this portal, you can browse our user guides, microlearnings, fundamentals, release blogs, store documentation, and many more.
4 4  
5 -(% style="border-color:#10137e" %)
5 +
6 6  ----
7 7  
8 8  {{html}}
9 -<html>
10 -<head>
11 - <script src="https://kit.fontawesome.com/f589924061.js" crossorigin="anonymous"></script>
12 - </head>
13 -<body>
14 - <div class="ez-academy">
15 - <div class="ez-academy_body">
9 +<html><body<div class="ez-academy">
10 + <div class="ez-academy__body">
16 16   <main class="master">
17 17   <div class="card-container">
18 - <a href="/bin/view/Main/eMagiz%20Academy/" class="card">
19 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/academy-solid.svg) center no-repeat; background-size: 15%;">
20 - <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>
21 21   </div>
22 22   <ul class="card__footer">
23 23   <li class="card__footer-item">
24 - <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">
25 25   <label for="" class="card__footer-label">All</label>
26 26   </li>
27 27   <li class="card__footer-item">
28 - <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">
29 29   <label for="" class="card__footer-label">All</label>
30 30   </li>
31 31   <li class="card__footer-item">
32 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
33 - <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>
34 34   </li>
35 35   </ul>
36 36   </a>
37 - <a href="/bin/view/Main/eMagiz%20Store/" class="card">
38 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/store-solid.svg) center no-repeat; background-size: 15%;">
39 - <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>
40 40   </div>
41 41   <ul class="card__footer">
42 42   <li class="card__footer-item">
43 - <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">
44 44   <label for="" class="card__footer-label">All</label>
45 45   </li>
46 46   <li class="card__footer-item">
47 - <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">
48 48   <label for="" class="card__footer-label">All</label>
49 49   </li>
50 50   <li class="card__footer-item">
51 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
52 - <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>
53 53   </li>
54 54   </ul>
55 - </a>
56 - <a href="/bin/view/FAQ/" class="card">
57 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/forum-solid.svg) center no-repeat; background-size: 15%;">
58 - <h4>Q&A</h4>
50 + </a>
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>
59 59   </div>
60 60   <ul class="card__footer">
61 61   <li class="card__footer-item">
62 - <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">
63 63   <label for="" class="card__footer-label">All</label>
64 64   </li>
65 65   <li class="card__footer-item">
66 - <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">
67 67   <label for="" class="card__footer-label">All</label>
68 68   </li>
69 69   <li class="card__footer-item">
70 - <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">
71 71   <label for="" class="card__footer-label">8</label>
72 72   </li>
73 73   </ul>
74 74   </a>
75 - <a href="/bin/view/Main/eMagiz%20Support/" class="card">
76 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/forum-solid.svg) center no-repeat; background-size: 15%;">
77 - <h4>Support</h4>
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>
78 78   </div>
79 79   <ul class="card__footer">
80 80   <li class="card__footer-item">
81 - <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">
82 82   <label for="" class="card__footer-label">All</label>
83 83   </li>
84 84   <li class="card__footer-item">
85 - <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">
86 86   <label for="" class="card__footer-label">All</label>
87 87   </li>
88 88   <li class="card__footer-item">
89 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
90 - <label for="" class="card__footer-label">8</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>
91 91   </li>
92 92   </ul>
93 93   </a>
94 - <a href="/bin/view/Main/Release%20Information//" class="card">
95 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/release-info.svg) center no-repeat; background-size: 15%;">
96 - <h4>Release Information</h4>
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>
97 97   </div>
98 98   <ul class="card__footer">
99 99   <li class="card__footer-item">
100 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg">
95 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
101 101   <label for="" class="card__footer-label">All</label>
102 102   </li>
103 103   <li class="card__footer-item">
104 - <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg">
99 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
105 105   <label for="" class="card__footer-label">All</label>
106 106   </li>
107 107   <li class="card__footer-item">
108 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
109 - <label for="" class="card__footer-label">50</label>
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>
110 110   </li>
111 111   </ul>
112 112   </a>
113 - </div>
114 - </main>
115 - </div>
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 +
116 116  </div>
117 - </body>
118 -</html>
131 +</span></body></html>
119 119  {{/html}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,9 +1,12 @@
1 1  #xwikimaincontainer {
2 - width: 900;
2 + width: 1620px;
3 3  }
4 +#footerglobal {
5 + width: 1620px;
6 +}
4 4  #menuview {
5 - box-shadow: #10137e -50rem 0px 0px, #10137e 50rem 0px 0px;
8 + 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 - box-shadow: #100000 -75rem 0px 0px,#100000 75rem 0px 0px;
11 + box-shadow: #69b731 -75rem 0px 0px,#69b731 75rem 0px 0px;
9 9  }