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
on 16.03.2026
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. christian_zauner1 +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§ion=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 +)))