Changes for page Home

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

From version 76.1
edited by Erik Bakker
on 2022/05/06 15:12
Change comment: There is no comment for this version
To version 3.1
edited by eMagiz
on 2022/04/12 15:58
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,107 +1,54 @@
1 -
2 -
1 +{{box cssClass="floatinginfobox"}}
3 3  {{velocity}}
4 -#set ($discard = $xwiki.jsx.use('Extensions.StatusUpdates'))
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}}
5 5  {{/velocity}}
13 +{{/box}}
6 6  
7 -= Welcome =
15 += Welcome to your wiki =
8 8  
9 -Within this portal, you can browse our user guides, microlearnings, fundamentals, release blogs, store documentation, and many more.
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.
10 10  
11 -(% style="border-color:#10137e" %)
12 -----
19 +XWiki can be used as a knowledge base (support, documentation, sales, etc.), for collaborative workspaces or even as a complete intranet.
13 13  
14 -{{html}}
15 -<html>
16 -<head>
17 - <script src="https://kit.fontawesome.com/f589924061.js" crossorigin="anonymous"></script>
18 - </head>
19 -<body>
20 - <div class="ez-academy">
21 - <div class="ez-academy_body">
22 - <main class="master">
23 - <div class="card-container">
24 - <a href="/bin/view/Main/eMagiz%20Academy/" class="card">
25 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/academy-solid.svg) center no-repeat; background-size: 15%;">
26 - <h4>Academy</h4>
27 - </div>
28 - <ul class="card__footer">
29 - <li class="card__footer-item">
30 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg">
31 - <label for="" class="card__footer-label">All</label>
32 - </li>
33 - <li class="card__footer-item">
34 - <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg">
35 - <label for="" class="card__footer-label">All</label>
36 - </li>
37 - <li class="card__footer-item">
38 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
39 - <label for="" class="card__footer-label">5</label>
40 - </li>
41 - </ul>
42 - </a>
43 - <a href="/bin/view/Main/eMagiz%20Store/" class="card">
44 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/store-solid.svg) center no-repeat; background-size: 15%;">
45 - <h4>Store</h4>
46 - </div>
47 - <ul class="card__footer">
48 - <li class="card__footer-item">
49 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg">
50 - <label for="" class="card__footer-label">All</label>
51 - </li>
52 - <li class="card__footer-item">
53 - <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg">
54 - <label for="" class="card__footer-label">All</label>
55 - </li>
56 - <li class="card__footer-item">
57 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
58 - <label for="" class="card__footer-label">2</label>
59 - </li>
60 - </ul>
61 - </a>
62 - <a href="/bin/view/FAQ/" class="card">
63 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/forum-solid.svg) center no-repeat; background-size: 15%;">
64 - <h4>Q&A</h4>
65 - </div>
66 - <ul class="card__footer">
67 - <li class="card__footer-item">
68 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg">
69 - <label for="" class="card__footer-label">All</label>
70 - </li>
71 - <li class="card__footer-item">
72 - <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg">
73 - <label for="" class="card__footer-label">All</label>
74 - </li>
75 - <li class="card__footer-item">
76 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
77 - <label for="" class="card__footer-label">8</label>
78 - </li>
79 - </ul>
80 - </a>
81 - <a href="/bin/view/Main/Release%20Information//" class="card card--featured">
82 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/release-info.svg) center no-repeat; background-size: 7%;">
83 - <h4>Release Information</h4>
21 += The basics =
84 84  
85 - </div>
86 - <ul class="card__footer">
87 - <li class="card__footer-item">
88 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/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="/bin/download/Main/Images/General/WebHome/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="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
97 - <label for="" class="card__footer-label">50</label>
98 - </li>
99 - </ul>
100 - </a>
101 - </div>
102 - </main>
103 - </div>
104 -</div>
105 - </body>
106 -</html>
107 -{{/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,9 +1,5 @@
1 -#xwikimaincontainer {
2 - width: 900;
1 +.floatinginfobox iframe {
2 + border: 0;
3 + height: 169px;
4 + width: 100%;
3 3  }
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 -always
1 +currentPage