Skip to Content

Wiki source code of Home

Last modified by Christian Zauner on 16.03.2026
Show last authors
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 }
15
16 .smart1-home,
17 .smart1-home * {
18 box-sizing: border-box;
19 }
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 }
28
29 .smart1-actions {
30 display: flex;
31 gap: 10px;
32 flex-wrap: wrap;
33 }
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 }
47
48 .smart1-btn:hover {
49 transform: translateY(-1px);
50 }
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 }
57
58 .smart1-btn-secondary {
59 background: #ffffff;
60 color: var(--s1-text);
61 border: 1px solid var(--s1-line);
62 }
63
64 .smart1-hero {
65 display: grid;
66 grid-template-columns: 1.35fr 0.95fr;
67 gap: 24px;
68 margin-bottom: 24px;
69 }
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 }
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 }
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 }
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 }
111
112 .smart1-hero-actions {
113 display: flex;
114 gap: 12px;
115 flex-wrap: wrap;
116 }
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 }
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}}