Changes for page Home

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

From version 32.1
edited by Erik Bakker
on 2022/04/29 12:49
Change comment: There is no comment for this version
To version 1.1
edited by Rico Kieboom
on 2022/04/11 14:20
Change comment: Install extension [org.xwiki.platform:xwiki-platform-distribution-flavor-common/14.2.1]

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.ebakker
1 +XWiki.ricokieboom
Content
... ... @@ -1,132 +1,54 @@
1 -= Welcome =
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}}
2 2  
3 -Within this portal, we gather all relevant materials on eMagiz. Popular categories are microlearnings, fundamentals, release blogs, store documentation, and many more. Store Information and many more. By having all information stored and maintained in one central location you can easily navigate and find information related to the eMagiz Product.
15 += Welcome to your wiki =
4 4  
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.
5 5  
6 -----
19 +XWiki can be used as a knowledge base (support, documentation, sales, etc.), for collaborative workspaces or even as a complete intranet.
7 7  
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>
21 += The basics =
129 129  
130 -</div>
131 -</span></body></html>
132 -{{/html}}
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 +)))
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,12 +1,5 @@
1 -#xwikimaincontainer {
2 - width: 1620px;
1 +.floatinginfobox iframe {
2 + border: 0;
3 + height: 169px;
4 + width: 100%;
3 3  }
4 -#footerglobal {
5 - width: 1620px;
6 -}
7 -#menuview {
8 - box-shadow: #10137e -75rem 0px 0px, #10137e 75rem 0px 0px;
9 -}
10 -.menu.navigation-menu { /*You can also get an ID selector by inspecting the menu through dev tools*/
11 - box-shadow: #69b731 -75rem 0px 0px,#69b731 75rem 0px 0px;
12 -}
Use this extension
... ... @@ -1,1 +1,1 @@
1 -always
1 +currentPage