Changes for page Home

Last modified by Christian Zauner on 16.03.2026

From version 2.1
edited by Christian Zauner
on 16.03.2026
Change comment: There is no comment for this version
To version 1.1
edited by Admin
on 11.02.2026
Change comment: Install extension [org.xwiki.platform:xwiki-platform-distribution-flavor-common/17.10.3]

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.christian_zauner
1 +XWiki.admin
Content
... ... @@ -1,540 +1,40 @@
1 -{{html clean="false"}}
2 -<style>
3 - :root {
4 - --s1-bg: #f4f8fc;
5 - --s1-surface: #ffffff;
6 - --s1-line: #e5ecf5;
7 - --s1-text: #0f172a;
8 - --s1-muted: #5b667a;
9 - --s1-brand: #2563eb;
10 - --s1-brand-dark: #0b1f3a;
11 - --s1-accent: #14b8c8;
12 - --s1-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
13 - --s1-radius: 24px;
14 - }
1 +== Welcome to your wiki ==
15 15  
16 - .smart1-home,
17 - .smart1-home * {
18 - box-sizing: border-box;
19 - }
3 +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.
20 20  
21 - .smart1-home {
22 - max-width: 1240px;
23 - margin: 0 auto;
24 - padding: 24px;
25 - font-family: Inter, Arial, Helvetica, sans-serif;
26 - color: var(--s1-text);
27 - }
5 +XWiki can be used as a knowledge base (support, documentation, sales, etc.), for collaborative workspaces or even as a complete intranet.
28 28  
29 - .smart1-actions {
30 - display: flex;
31 - gap: 10px;
32 - flex-wrap: wrap;
33 - }
7 +== The basics ==
34 34  
35 - .smart1-btn {
36 - display: inline-flex;
37 - align-items: center;
38 - justify-content: center;
39 - gap: 8px;
40 - text-decoration: none;
41 - border-radius: 12px;
42 - padding: 12px 18px;
43 - font-size: 14px;
44 - font-weight: 700;
45 - transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
46 - }
9 +To make the most out of your wiki, log-in and:
47 47  
48 - .smart1-btn:hover {
49 - transform: translateY(-1px);
50 - }
11 +Use the {{displayIcon name="pencil"/}} button above to //edit// this page and start customizing your wiki to your needs.
51 51  
52 - .smart1-btn-primary {
53 - background: linear-gradient(135deg, var(--s1-brand), #1d4ed8);
54 - color: #ffffff;
55 - box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
56 - }
13 +Use the {{displayIcon name="add"/}} button above to //add// more pages to your wiki and create the //hierarchy// that best organizes your content.
57 57  
58 - .smart1-btn-secondary {
59 - background: #ffffff;
60 - color: var(--s1-text);
61 - border: 1px solid var(--s1-line);
62 - }
15 +Use the {{displayIcon name="home"/}} breadcrumbs located above the title to //navigate// inside your pages. It's easy to get lost in a big wiki without them.
63 63  
64 - .smart1-hero {
65 - display: grid;
66 - grid-template-columns: 1.35fr 0.95fr;
67 - gap: 24px;
68 - margin-bottom: 24px;
69 - }
17 +You can also use the [[Sandbox>>Sandbox.WebHome]] for more demo content and generally a place to experiment with your wiki's features.
70 70  
71 - .smart1-hero-main {
72 - position: relative;
73 - overflow: hidden;
74 - border-radius: 28px;
75 - padding: 42px;
76 - color: #ffffff;
77 - background:
78 - radial-gradient(circle at top right, rgba(20, 184, 200, 0.22), transparent 28%),
79 - linear-gradient(135deg, var(--s1-brand-dark), #132b4f 60%, #173c69);
80 - box-shadow: var(--s1-shadow);
81 - }
19 + {{box}}Learn more on how to use XWiki with the [[Getting Started Guide>>https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/WebHome]].{{/box}}
82 82  
83 - .smart1-badge {
84 - display: inline-flex;
85 - align-items: center;
86 - gap: 8px;
87 - padding: 8px 12px;
88 - border-radius: 999px;
89 - font-size: 12px;
90 - font-weight: 700;
91 - text-transform: uppercase;
92 - letter-spacing: 0.08em;
93 - background: rgba(255, 255, 255, 0.12);
94 - border: 1px solid rgba(255, 255, 255, 0.18);
95 - }
21 +(% class="row" %)
22 +(((
23 +(% class="col-xs-12 col-sm-6" %)
24 +(((
25 +== Extend your wiki ==
96 96  
97 - .smart1-hero-main h1 {
98 - font-size: 42px;
99 - line-height: 1.12;
100 - margin: 18px 0 16px 0;
101 - max-width: 760px;
102 - }
27 +To extend the power and functionalities of your wiki with the features that //you// need, head over to the [[Extension Manager>>XWiki.XWikiPreferences||queryString="editor=globaladmin&section=XWiki.Extensions"]] where you can search for and install extensions.
103 103  
104 - .smart1-hero-main p {
105 - font-size: 18px;
106 - line-height: 1.75;
107 - opacity: 0.96;
108 - max-width: 760px;
109 - margin: 0 0 26px 0;
110 - }
29 +To browse through the 900+ community contributed extensions available for XWiki, head over to the [[Extensions Repository>>https://extensions.xwiki.org]].
30 +)))
111 111  
112 - .smart1-hero-actions {
113 - display: flex;
114 - gap: 12px;
115 - flex-wrap: wrap;
116 - }
32 +(% class="col-xs-12 col-sm-6" %)
33 +(((
34 +== Create your application ==
117 117  
118 - .smart1-hero-actions .smart1-btn-secondary {
119 - background: rgba(255, 255, 255, 0.14);
120 - color: #ffffff;
121 - border: 1px solid rgba(255, 255, 255, 0.2);
122 - }
36 +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).
123 123  
124 - .smart1-side {
125 - display: flex;
126 - flex-direction: column;
127 - gap: 18px;
128 - }
129 -
130 - .smart1-panel {
131 - background: var(--s1-surface);
132 - border: 1px solid var(--s1-line);
133 - border-radius: 22px;
134 - padding: 24px;
135 - box-shadow: var(--s1-shadow);
136 - }
137 -
138 - .smart1-panel h3 {
139 - margin: 0 0 12px 0;
140 - font-size: 20px;
141 - }
142 -
143 - .smart1-panel p {
144 - margin: 0;
145 - color: var(--s1-muted);
146 - line-height: 1.7;
147 - }
148 -
149 - .smart1-checklist {
150 - list-style: none;
151 - padding: 0;
152 - margin: 0;
153 - }
154 -
155 - .smart1-checklist li {
156 - position: relative;
157 - padding-left: 28px;
158 - margin-bottom: 12px;
159 - color: var(--s1-text);
160 - line-height: 1.6;
161 - }
162 -
163 - .smart1-checklist li:last-child {
164 - margin-bottom: 0;
165 - }
166 -
167 - .smart1-checklist li::before {
168 - content: "✓";
169 - position: absolute;
170 - left: 0;
171 - top: 0;
172 - width: 20px;
173 - height: 20px;
174 - color: var(--s1-brand);
175 - font-weight: 700;
176 - }
177 -
178 - .smart1-pills {
179 - display: flex;
180 - flex-wrap: wrap;
181 - gap: 10px;
182 - margin-top: 14px;
183 - }
184 -
185 - .smart1-pill {
186 - display: inline-flex;
187 - align-items: center;
188 - padding: 10px 12px;
189 - border-radius: 999px;
190 - background: #f5f9ff;
191 - border: 1px solid #d9e5fb;
192 - color: var(--s1-text);
193 - font-size: 13px;
194 - font-weight: 700;
195 - }
196 -
197 - .smart1-notice {
198 - display: flex;
199 - align-items: flex-start;
200 - gap: 16px;
201 - background: linear-gradient(90deg, #eff6ff, #f0fdfa);
202 - border: 1px solid #cfe0ff;
203 - border-radius: 22px;
204 - padding: 20px 22px;
205 - margin-bottom: 28px;
206 - }
207 -
208 - .smart1-notice-icon {
209 - flex: 0 0 48px;
210 - width: 48px;
211 - height: 48px;
212 - border-radius: 16px;
213 - background: linear-gradient(135deg, var(--s1-brand), var(--s1-accent));
214 - color: #ffffff;
215 - display: flex;
216 - align-items: center;
217 - justify-content: center;
218 - box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
219 - }
220 -
221 - .smart1-notice strong {
222 - display: block;
223 - font-size: 17px;
224 - margin-bottom: 4px;
225 - }
226 -
227 - .smart1-notice p {
228 - margin: 0;
229 - line-height: 1.7;
230 - color: #334155;
231 - }
232 -
233 - .smart1-section-title {
234 - font-size: 28px;
235 - line-height: 1.2;
236 - margin: 0 0 18px 0;
237 - }
238 -
239 - .smart1-tiles {
240 - display: grid;
241 - grid-template-columns: repeat(4, 1fr);
242 - gap: 20px;
243 - margin-bottom: 28px;
244 - }
245 -
246 - .smart1-tile {
247 - background: var(--s1-surface);
248 - border: 1px solid var(--s1-line);
249 - border-radius: var(--s1-radius);
250 - padding: 26px;
251 - box-shadow: var(--s1-shadow);
252 - transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
253 - }
254 -
255 - .smart1-tile:hover {
256 - transform: translateY(-4px);
257 - border-color: #c8d9ff;
258 - box-shadow: 0 24px 48px rgba(15, 23, 42, 0.1);
259 - }
260 -
261 - .smart1-icon {
262 - width: 54px;
263 - height: 54px;
264 - border-radius: 16px;
265 - background: linear-gradient(135deg, var(--s1-brand), var(--s1-accent));
266 - color: #ffffff;
267 - display: flex;
268 - align-items: center;
269 - justify-content: center;
270 - margin-bottom: 18px;
271 - box-shadow: 0 10px 22px rgba(37, 99, 235, 0.2);
272 - }
273 -
274 - .smart1-kicker {
275 - font-size: 12px;
276 - font-weight: 800;
277 - text-transform: uppercase;
278 - letter-spacing: 0.08em;
279 - color: var(--s1-brand);
280 - margin-bottom: 10px;
281 - }
282 -
283 - .smart1-tile h3 {
284 - margin: 0 0 10px 0;
285 - font-size: 22px;
286 - line-height: 1.25;
287 - }
288 -
289 - .smart1-tile p {
290 - margin: 0 0 18px 0;
291 - color: var(--s1-muted);
292 - line-height: 1.7;
293 - }
294 -
295 - .smart1-link {
296 - display: inline-flex;
297 - align-items: center;
298 - gap: 8px;
299 - text-decoration: none;
300 - color: var(--s1-brand);
301 - font-weight: 700;
302 - }
303 -
304 - .smart1-access-row {
305 - display: grid;
306 - grid-template-columns: repeat(3, 1fr);
307 - gap: 20px;
308 - margin-bottom: 28px;
309 - }
310 -
311 - .smart1-mini {
312 - background: var(--s1-surface);
313 - border: 1px solid var(--s1-line);
314 - border-radius: 22px;
315 - padding: 22px;
316 - box-shadow: var(--s1-shadow);
317 - }
318 -
319 - .smart1-mini h3 {
320 - margin: 0 0 10px 0;
321 - font-size: 18px;
322 - }
323 -
324 - .smart1-mini p {
325 - margin: 0;
326 - color: var(--s1-muted);
327 - line-height: 1.7;
328 - }
329 -
330 - .smart1-footer {
331 - display: flex;
332 - align-items: center;
333 - justify-content: space-between;
334 - gap: 22px;
335 - flex-wrap: wrap;
336 - border-radius: 28px;
337 - padding: 28px;
338 - color: #ffffff;
339 - background:
340 - radial-gradient(circle at top left, rgba(20, 184, 200, 0.18), transparent 24%),
341 - linear-gradient(135deg, #0f172a, #16243c 60%, #1c3254);
342 - box-shadow: var(--s1-shadow);
343 - }
344 -
345 - .smart1-footer h3 {
346 - margin: 0 0 8px 0;
347 - font-size: 28px;
348 - line-height: 1.2;
349 - }
350 -
351 - .smart1-footer p {
352 - margin: 0;
353 - max-width: 760px;
354 - line-height: 1.7;
355 - opacity: 0.94;
356 - }
357 -
358 - .smart1-footer .smart1-btn-secondary {
359 - background: rgba(255, 255, 255, 0.12);
360 - color: #ffffff;
361 - border: 1px solid rgba(255, 255, 255, 0.18);
362 - }
363 -
364 - @media (max-width: 1100px) {
365 - .smart1-hero,
366 - .smart1-tiles,
367 - .smart1-access-row {
368 - grid-template-columns: 1fr 1fr;
369 - }
370 -
371 - .smart1-hero {
372 - grid-template-columns: 1fr;
373 - }
374 -
375 - .smart1-side {
376 - display: grid;
377 - grid-template-columns: 1fr 1fr;
378 - }
379 - }
380 -
381 - @media (max-width: 760px) {
382 - .smart1-home {
383 - padding: 16px;
384 - }
385 -
386 - .smart1-side,
387 - .smart1-tiles,
388 - .smart1-access-row {
389 - grid-template-columns: 1fr;
390 - }
391 -
392 - .smart1-hero-main {
393 - padding: 28px;
394 - }
395 -
396 - .smart1-hero-main h1 {
397 - font-size: 32px;
398 - }
399 -
400 - .smart1-hero-main p {
401 - font-size: 16px;
402 - }
403 -
404 - .smart1-footer {
405 - padding: 24px;
406 - }
407 -
408 - .smart1-footer h3 {
409 - font-size: 24px;
410 - }
411 - }
412 -</style>
413 -
414 -<div class="smart1-home">
415 -
416 -<div style="background:linear-gradient(135deg,#0f172a,#1e3a5f); color:#ffffff; padding:48px; border-radius:20px; margin-bottom:24px;">
417 - <div style="font-size:13px; text-transform:uppercase; letter-spacing:1.5px; opacity:0.85; font-weight:bold;">
418 - Smart1 External Wiki
419 - </div>
420 -
421 - <h1 style="margin:14px 0 14px 0; font-size:40px; line-height:1.2;">
422 - Welcome to the Smart1 Knowledge Base
423 - </h1>
424 -
425 - <p style="font-size:18px; line-height:1.7; max-width:820px; margin:0 0 24px 0;">
426 - Find product information, documentation overviews, compatibility details, integration guidance and support resources for Smart1 solutions.
427 - Please note that access to detailed technical documentation and advanced information requires registration.
428 - </p>
429 -
430 - <div style="margin-top:24px;">
431 - <a href="https://wiki.smart1.eu/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F"
432 - style="display:inline-block; background:#2563eb; color:#ffffff; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold; margin-right:12px;">
433 - Register
434 - </a>
435 -
436 - <a href="https://wiki.smart1.eu/bin/login/XWiki/XWikiLogin?xredirect=%2Fbin%2Fview%2FMain%2F&loginLink=1"
437 - style="display:inline-block; background:#ffffff; color:#0f172a; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold;">
438 - Login
439 - </a>
440 - </div>
441 - </div>
442 -
443 - <div style="background:#f8fafc; border:1px solid #dbe3ee; padding:18px 22px; border-radius:16px; margin-bottom:30px; line-height:1.6;">
444 - <strong>Important:</strong> For further information, detailed setup instructions, full compatibility data and advanced documentation, users must register and sign in.
445 - </div>
446 -
447 - <h2 class="smart1-section-title">Quick Access</h2>
448 -
449 - <div class="smart1-tiles">
450 - <div class="smart1-tile">
451 - <div class="smart1-icon">
452 - <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
453 - <path d="M6 4.5H16.5L19 7V19.5H6V4.5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
454 - <path d="M16 4.5V7.5H19" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
455 - <path d="M9 11H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
456 - <path d="M9 14.5H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
457 - </svg>
458 - </div>
459 - <div class="smart1-kicker">Documentation</div>
460 - <h3>Product Documentation</h3>
461 - <p>Browse public product information, manuals, guides and general documentation content.</p>
462 - <a class="smart1-link" href="/xwiki/bin/view/Smart1/Documentation/WebHome">Open section →</a>
463 - </div>
464 -
465 - <div class="smart1-tile">
466 - <div class="smart1-icon">
467 - <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
468 - <path d="M12 4L18 7.5V12.5C18 16.3 15.5 19.82 12 21C8.5 19.82 6 16.3 6 12.5V7.5L12 4Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
469 - <path d="M9.5 12L11.2 13.7L14.8 10.1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
470 - </svg>
471 - </div>
472 - <div class="smart1-kicker">Compatibility</div>
473 - <h3>Device Compatibility</h3>
474 - <p>Check supported devices, compatibility information and relevant technical requirements.</p>
475 - <a class="smart1-link" href="/xwiki/bin/view/Smart1/Compatibility/WebHome">Open section →</a>
476 - </div>
477 -
478 - <div class="smart1-tile">
479 - <div class="smart1-icon">
480 - <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
481 - <path d="M8 7H10.5V11.5H13.5V7H16V11.5C16 13.99 13.99 16 11.5 16C9.01 16 7 13.99 7 11.5V8C7 7.45 7.45 7 8 7Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
482 - <path d="M11.5 16V20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
483 - <path d="M9.5 20H13.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
484 - </svg>
485 - </div>
486 - <div class="smart1-kicker">Integration</div>
487 - <h3>Integration Guides</h3>
488 - <p>Review setup concepts, interfaces and integration-related documentation for Smart1 environments.</p>
489 - <a class="smart1-link" href="/xwiki/bin/view/Smart1/Integration/WebHome">Open section →</a>
490 - </div>
491 -
492 - <div class="smart1-tile">
493 - <div class="smart1-icon">
494 - <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
495 - <path d="M12 18C15.31 18 18 15.31 18 12C18 8.69 15.31 6 12 6C8.69 6 6 8.69 6 12C6 15.31 8.69 18 12 18Z" stroke="currentColor" stroke-width="2"/>
496 - <path d="M12 2V6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
497 - <path d="M12 18V22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
498 - <path d="M2 12H6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
499 - <path d="M18 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
500 - </svg>
501 - </div>
502 - <div class="smart1-kicker">Support</div>
503 - <h3>Support & Contact</h3>
504 - <p>Find help resources, contact options and assistance for access and documentation topics.</p>
505 - <a class="smart1-link" href="/xwiki/bin/view/Smart1/Support/WebHome">Open section →</a>
506 - </div>
507 - </div>
508 -
509 - <div class="smart1-access-row">
510 - <div class="smart1-mini">
511 - <h3>Public Area</h3>
512 - <p>General overview pages and introductory information for external visitors.</p>
513 - </div>
514 -
515 - <div class="smart1-mini">
516 - <h3>Registered Area</h3>
517 - <p>Extended technical documentation, advanced content and further information for signed-in users.</p>
518 - </div>
519 -
520 - <div class="smart1-mini">
521 - <h3>Need Help?</h3>
522 - <p>Use the support section to find the right contact path for access questions and documentation requests.</p>
523 - </div>
524 - </div>
525 -
526 - <div class="smart1-footer">
527 - <div>
528 - <h3>Ready for full access?</h3>
529 - <p>Create an account to unlock detailed technical resources, protected content and further Smart1 information.</p>
530 - </div>
531 -
532 - <div class="smart1-actions">
533 - <a class="smart1-btn smart1-btn-secondary" href="https://wiki.smart1.eu/bin/login/XWiki/XWikiLogin?xredirect=%2Fbin%2Fview%2FMain%2F&loginLink=1">Login</a>
534 - <a class="smart1-btn smart1-btn-primary" href="https://wiki.smart1.eu/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F">Register Now</a>
535 - </div>
536 - </div>
537 -
538 -</div>
539 -{{/html}}
540 -
38 +AWM will take care of making it easy for you and your users to create and manage the data.
39 +)))
40 +)))