Changes for page Home

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

From version 3.1
edited by eMagiz
on 2022/04/12 15:58
Change comment: There is no comment for this version
To version 39.1
edited by eMagiz
on 2022/04/29 12:59
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,54 +1,132 @@
1 -{{box cssClass="floatinginfobox"}}
2 -{{velocity}}
3 -{{html clean="false"}}
4 -## Chrome's XSS Auditor blocks the preview action if:
5 -## * the submitted content has an iframe with an external URL
6 -## * the preview action displays the submitted iframe
7 -## The workaround is to make sure the submitted content (the macro markers) don't match the preview HTML.
8 -## See XWIKI-14818: Preview triggers ERR_BLOCKED_BY_XSS_AUDITOR in Chrome
9 -#set ($iframe = 'iframe')
10 -<$iframe src="https://www.youtube.com/embed/9QTWrZ7OfzI" title="YouTube video of XWiki" role="presentation" allowfullscreen></$iframe>
11 -{{/html}}
12 -{{/velocity}}
13 -{{/box}}
1 += Welcome =
14 14  
15 -= Welcome to your wiki =
3 +Within this portal, you can browse our user guides, microlearnings, fundamentals, release blogs, store documentation, and many more.
16 16  
17 -XWiki is the best tool to organize your knowledge. A //wiki// is organized in a hierarchy of //pages//. You can create multiple wikis, each with its own set of pages.
18 18  
19 -XWiki can be used as a knowledge base (support, documentation, sales, etc.), for collaborative workspaces or even as a complete intranet.
6 +----
20 20  
21 -= The basics =
8 +{{html}}
9 +<html><body<div class="ez-academy">
10 + <div class="ez-academy__body">
11 + <main class="master">
12 + <div class="card-container">
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>
16 + </div>
17 + <ul class="card__footer">
18 + <li class="card__footer-item">
19 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/eMagiz%20Academy/WebHome/icon-level24.svg">
20 + <label for="" class="card__footer-label">All</label>
21 + </li>
22 + <li class="card__footer-item">
23 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/eMagiz%20Academy/WebHome/icon-roles24.svg">
24 + <label for="" class="card__footer-label">All</label>
25 + </li>
26 + <li class="card__footer-item">
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>
29 + </li>
30 + </ul>
31 + </a>
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>
35 + </div>
36 + <ul class="card__footer">
37 + <li class="card__footer-item">
38 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
39 + <label for="" class="card__footer-label">All</label>
40 + </li>
41 + <li class="card__footer-item">
42 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
43 + <label for="" class="card__footer-label">All</label>
44 + </li>
45 + <li class="card__footer-item">
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>
48 + </li>
49 + </ul>
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>
54 + </div>
55 + <ul class="card__footer">
56 + <li class="card__footer-item">
57 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
58 + <label for="" class="card__footer-label">All</label>
59 + </li>
60 + <li class="card__footer-item">
61 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
62 + <label for="" class="card__footer-label">All</label>
63 + </li>
64 + <li class="card__footer-item">
65 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
66 + <label for="" class="card__footer-label">8</label>
67 + </li>
68 + </ul>
69 + </a>
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>
73 + </div>
74 + <ul class="card__footer">
75 + <li class="card__footer-item">
76 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
77 + <label for="" class="card__footer-label">All</label>
78 + </li>
79 + <li class="card__footer-item">
80 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
81 + <label for="" class="card__footer-label">All</label>
82 + </li>
83 + <li class="card__footer-item">
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>
86 + </li>
87 + </ul>
88 + </a>
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>
22 22  
23 -To make the most out of your wiki, log-in and:
24 -
25 -Use the {{velocity}}$services.icon.render('pencil'){{/velocity}} button above to //edit// this page and start customizing your wiki to your needs.
26 -
27 -Use the {{velocity}}$services.icon.render('add'){{/velocity}} button above to //add// more pages to your wiki and create the //hierarchy// that best organizes your content.
28 -
29 -Use the {{velocity}}$services.icon.render('home'){{/velocity}} breadcrumbs located above the title to //navigate// inside your pages. It's easy to get lost in a big wiki without them.
30 -
31 -You can also use the [[Sandbox>>Sandbox.WebHome]] for more demo content and generally a place to experiment with your wiki's features.
32 -
33 - {{box}}Learn more on how to use XWiki with the {{velocity}}[[Getting Started Guide>>http://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/WebHome?version=$xwiki.version]]{{/velocity}}.{{/box}}
34 -
35 -(% class="row" %)
36 -(((
37 -(% class="col-xs-12 col-sm-6" %)
38 -(((
39 -= Extend your wiki =
40 -
41 -To extend the power and functionalities of your wiki with the features that //you// need, head over to the {{velocity}}[[Extension Manager>>path:$xwiki.getURL($services.model.createDocumentReference('wiki', 'XWiki', 'XWikiPreferences'), 'admin', 'editor=globaladmin&section=XWiki.Extensions')]]{{/velocity}} where you can search for and install extensions.
42 -
43 -To browse through the 900+ community contributed extensions available for XWiki, head over to the [[Extensions Repository>>http://extensions.xwiki.org]].
44 -)))
45 -
46 -(% class="col-xs-12 col-sm-6" %)
47 -(((
48 -= Create your application =
49 -
50 -Go beyond the available extensions and define the //structure// of your data based on //your// needs, creating //your// own applications with [[App Within Minutes>>AppWithinMinutes]] (AWM).
51 -
52 -AWM will take care of making it easy for you and your users to create and manage the data.
53 -)))
54 -)))
130 +</div>
131 +</span></body></html>
132 +{{/html}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,5 +1,9 @@
1 -.floatinginfobox iframe {
2 - border: 0;
3 - height: 169px;
4 - width: 100%;
1 +#xwikimaincontainer {
2 + width: 900;
5 5  }
4 +#menuview {
5 + box-shadow: #10137e -50rem 0px 0px, #10137e 50rem 0px 0px;
6 +}
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;
9 +}
Use this extension
... ... @@ -1,1 +1,1 @@
1 -currentPage
1 +always