Changes for page Home

Last modified by Christian Zauner on 16.03.2026

Manage
- Copy
Actions
- Export
- Print Preview
Viewers
- Source
- Children
- Content
- Comments
- Attachments
- History
- Information
- Likes

From 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]

To version 2.1

edited by Christian Zauner
on 16.03.2026

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (2 modified, 0 added, 0 removed)

Details

Page properties

Author

@@ -1,1 +1,1 @@
--XWiki.admin
++XWiki.christian_zauner

Content

@@ -1,40 +1,540 @@
--== Welcome to your wiki ==
++{{html clean="false"}}
++<style>
++  :root {
++    --s1-bg: #f4f8fc;
++    --s1-surface: #ffffff;
++    --s1-line: #e5ecf5;
++    --s1-text: #0f172a;
++    --s1-muted: #5b667a;
++    --s1-brand: #2563eb;
++    --s1-brand-dark: #0b1f3a;
++    --s1-accent: #14b8c8;
++    --s1-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
++    --s1-radius: 24px;
++  }
--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.
++  .smart1-home,
++  .smart1-home * {
++    box-sizing: border-box;
++  }
--XWiki can be used as a knowledge base (support, documentation, sales, etc.), for collaborative workspaces or even as a complete intranet.
++  .smart1-home {
++    max-width: 1240px;
++    margin: 0 auto;
++    padding: 24px;
++    font-family: Inter, Arial, Helvetica, sans-serif;
++    color: var(--s1-text);
++  }
--== The basics ==
++  .smart1-actions {
++    display: flex;
++    gap: 10px;
++    flex-wrap: wrap;
++  }
--To make the most out of your wiki, log-in and:
++  .smart1-btn {
++    display: inline-flex;
++    align-items: center;
++    justify-content: center;
++    gap: 8px;
++    text-decoration: none;
++    border-radius: 12px;
++    padding: 12px 18px;
++    font-size: 14px;
++    font-weight: 700;
++    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
++  }
--Use the {{displayIcon name="pencil"/}} button above to //edit// this page and start customizing your wiki to your needs.
++  .smart1-btn:hover {
++    transform: translateY(-1px);
++  }
--Use the {{displayIcon name="add"/}} button above to //add// more pages to your wiki and create the //hierarchy// that best organizes your content.
++  .smart1-btn-primary {
++    background: linear-gradient(135deg, var(--s1-brand), #1d4ed8);
++    color: #ffffff;
++    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
++  }
--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.
++  .smart1-btn-secondary {
++    background: #ffffff;
++    color: var(--s1-text);
++    border: 1px solid var(--s1-line);
++  }
--You can also use the [[Sandbox>>Sandbox.WebHome]] for more demo content and generally a place to experiment with your wiki's features.
++  .smart1-hero {
++    display: grid;
++    grid-template-columns: 1.35fr 0.95fr;
++    gap: 24px;
++    margin-bottom: 24px;
++  }
-- {{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}}
++  .smart1-hero-main {
++    position: relative;
++    overflow: hidden;
++    border-radius: 28px;
++    padding: 42px;
++    color: #ffffff;
++    background:
++      radial-gradient(circle at top right, rgba(20, 184, 200, 0.22), transparent 28%),
++      linear-gradient(135deg, var(--s1-brand-dark), #132b4f 60%, #173c69);
++    box-shadow: var(--s1-shadow);
++  }
--(% class="row" %)
--(((
--(% class="col-xs-12 col-sm-6" %)
--(((
--== Extend your wiki ==
++  .smart1-badge {
++    display: inline-flex;
++    align-items: center;
++    gap: 8px;
++    padding: 8px 12px;
++    border-radius: 999px;
++    font-size: 12px;
++    font-weight: 700;
++    text-transform: uppercase;
++    letter-spacing: 0.08em;
++    background: rgba(255, 255, 255, 0.12);
++    border: 1px solid rgba(255, 255, 255, 0.18);
++  }
--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.
++  .smart1-hero-main h1 {
++    font-size: 42px;
++    line-height: 1.12;
++    margin: 18px 0 16px 0;
++    max-width: 760px;
++  }
--To browse through the 900+ community contributed extensions available for XWiki, head over to the [[Extensions Repository>>https://extensions.xwiki.org]].
--)))
++  .smart1-hero-main p {
++    font-size: 18px;
++    line-height: 1.75;
++    opacity: 0.96;
++    max-width: 760px;
++    margin: 0 0 26px 0;
++  }
--(% class="col-xs-12 col-sm-6" %)
--(((
--== Create your application ==
++  .smart1-hero-actions {
++    display: flex;
++    gap: 12px;
++    flex-wrap: wrap;
++  }
--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).
++  .smart1-hero-actions .smart1-btn-secondary {
++    background: rgba(255, 255, 255, 0.14);
++    color: #ffffff;
++    border: 1px solid rgba(255, 255, 255, 0.2);
++  }
--AWM will take care of making it easy for you and your users to create and manage the data.
--)))
--)))
++  .smart1-side {
++    display: flex;
++    flex-direction: column;
++    gap: 18px;
++  }
++
++  .smart1-panel {
++    background: var(--s1-surface);
++    border: 1px solid var(--s1-line);
++    border-radius: 22px;
++    padding: 24px;
++    box-shadow: var(--s1-shadow);
++  }
++
++  .smart1-panel h3 {
++    margin: 0 0 12px 0;
++    font-size: 20px;
++  }
++
++  .smart1-panel p {
++    margin: 0;
++    color: var(--s1-muted);
++    line-height: 1.7;
++  }
++
++  .smart1-checklist {
++    list-style: none;
++    padding: 0;
++    margin: 0;
++  }
++
++  .smart1-checklist li {
++    position: relative;
++    padding-left: 28px;
++    margin-bottom: 12px;
++    color: var(--s1-text);
++    line-height: 1.6;
++  }
++
++  .smart1-checklist li:last-child {
++    margin-bottom: 0;
++  }
++
++  .smart1-checklist li::before {
++    content: "✓";
++    position: absolute;
++    left: 0;
++    top: 0;
++    width: 20px;
++    height: 20px;
++    color: var(--s1-brand);
++    font-weight: 700;
++  }
++
++  .smart1-pills {
++    display: flex;
++    flex-wrap: wrap;
++    gap: 10px;
++    margin-top: 14px;
++  }
++
++  .smart1-pill {
++    display: inline-flex;
++    align-items: center;
++    padding: 10px 12px;
++    border-radius: 999px;
++    background: #f5f9ff;
++    border: 1px solid #d9e5fb;
++    color: var(--s1-text);
++    font-size: 13px;
++    font-weight: 700;
++  }
++
++  .smart1-notice {
++    display: flex;
++    align-items: flex-start;
++    gap: 16px;
++    background: linear-gradient(90deg, #eff6ff, #f0fdfa);
++    border: 1px solid #cfe0ff;
++    border-radius: 22px;
++    padding: 20px 22px;
++    margin-bottom: 28px;
++  }
++
++  .smart1-notice-icon {
++    flex: 0 0 48px;
++    width: 48px;
++    height: 48px;
++    border-radius: 16px;
++    background: linear-gradient(135deg, var(--s1-brand), var(--s1-accent));
++    color: #ffffff;
++    display: flex;
++    align-items: center;
++    justify-content: center;
++    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
++  }
++
++  .smart1-notice strong {
++    display: block;
++    font-size: 17px;
++    margin-bottom: 4px;
++  }
++
++  .smart1-notice p {
++    margin: 0;
++    line-height: 1.7;
++    color: #334155;
++  }
++
++  .smart1-section-title {
++    font-size: 28px;
++    line-height: 1.2;
++    margin: 0 0 18px 0;
++  }
++
++  .smart1-tiles {
++    display: grid;
++    grid-template-columns: repeat(4, 1fr);
++    gap: 20px;
++    margin-bottom: 28px;
++  }
++
++  .smart1-tile {
++    background: var(--s1-surface);
++    border: 1px solid var(--s1-line);
++    border-radius: var(--s1-radius);
++    padding: 26px;
++    box-shadow: var(--s1-shadow);
++    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
++  }
++
++  .smart1-tile:hover {
++    transform: translateY(-4px);
++    border-color: #c8d9ff;
++    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.1);
++  }
++
++  .smart1-icon {
++    width: 54px;
++    height: 54px;
++    border-radius: 16px;
++    background: linear-gradient(135deg, var(--s1-brand), var(--s1-accent));
++    color: #ffffff;
++    display: flex;
++    align-items: center;
++    justify-content: center;
++    margin-bottom: 18px;
++    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.2);
++  }
++
++  .smart1-kicker {
++    font-size: 12px;
++    font-weight: 800;
++    text-transform: uppercase;
++    letter-spacing: 0.08em;
++    color: var(--s1-brand);
++    margin-bottom: 10px;
++  }
++
++  .smart1-tile h3 {
++    margin: 0 0 10px 0;
++    font-size: 22px;
++    line-height: 1.25;
++  }
++
++  .smart1-tile p {
++    margin: 0 0 18px 0;
++    color: var(--s1-muted);
++    line-height: 1.7;
++  }
++
++  .smart1-link {
++    display: inline-flex;
++    align-items: center;
++    gap: 8px;
++    text-decoration: none;
++    color: var(--s1-brand);
++    font-weight: 700;
++  }
++
++  .smart1-access-row {
++    display: grid;
++    grid-template-columns: repeat(3, 1fr);
++    gap: 20px;
++    margin-bottom: 28px;
++  }
++
++  .smart1-mini {
++    background: var(--s1-surface);
++    border: 1px solid var(--s1-line);
++    border-radius: 22px;
++    padding: 22px;
++    box-shadow: var(--s1-shadow);
++  }
++
++  .smart1-mini h3 {
++    margin: 0 0 10px 0;
++    font-size: 18px;
++  }
++
++  .smart1-mini p {
++    margin: 0;
++    color: var(--s1-muted);
++    line-height: 1.7;
++  }
++
++  .smart1-footer {
++    display: flex;
++    align-items: center;
++    justify-content: space-between;
++    gap: 22px;
++    flex-wrap: wrap;
++    border-radius: 28px;
++    padding: 28px;
++    color: #ffffff;
++    background:
++      radial-gradient(circle at top left, rgba(20, 184, 200, 0.18), transparent 24%),
++      linear-gradient(135deg, #0f172a, #16243c 60%, #1c3254);
++    box-shadow: var(--s1-shadow);
++  }
++
++  .smart1-footer h3 {
++    margin: 0 0 8px 0;
++    font-size: 28px;
++    line-height: 1.2;
++  }
++
++  .smart1-footer p {
++    margin: 0;
++    max-width: 760px;
++    line-height: 1.7;
++    opacity: 0.94;
++  }
++
++  .smart1-footer .smart1-btn-secondary {
++    background: rgba(255, 255, 255, 0.12);
++    color: #ffffff;
++    border: 1px solid rgba(255, 255, 255, 0.18);
++  }
++
++  @media (max-width: 1100px) {
++    .smart1-hero,
++    .smart1-tiles,
++    .smart1-access-row {
++      grid-template-columns: 1fr 1fr;
++    }
++
++    .smart1-hero {
++      grid-template-columns: 1fr;
++    }
++
++    .smart1-side {
++      display: grid;
++      grid-template-columns: 1fr 1fr;
++    }
++  }
++
++  @media (max-width: 760px) {
++    .smart1-home {
++      padding: 16px;
++    }
++
++    .smart1-side,
++    .smart1-tiles,
++    .smart1-access-row {
++      grid-template-columns: 1fr;
++    }
++
++    .smart1-hero-main {
++      padding: 28px;
++    }
++
++    .smart1-hero-main h1 {
++      font-size: 32px;
++    }
++
++    .smart1-hero-main p {
++      font-size: 16px;
++    }
++
++    .smart1-footer {
++      padding: 24px;
++    }
++
++    .smart1-footer h3 {
++      font-size: 24px;
++    }
++  }
++</style>
++
++<div class="smart1-home">
++
++<div style="background:linear-gradient(135deg,#0f172a,#1e3a5f); color:#ffffff; padding:48px; border-radius:20px; margin-bottom:24px;">
++    <div style="font-size:13px; text-transform:uppercase; letter-spacing:1.5px; opacity:0.85; font-weight:bold;">
++      Smart1 External Wiki
++    </div>
++
++    <h1 style="margin:14px 0 14px 0; font-size:40px; line-height:1.2;">
++      Welcome to the Smart1 Knowledge Base
++    </h1>
++
++    <p style="font-size:18px; line-height:1.7; max-width:820px; margin:0 0 24px 0;">
++      Find product information, documentation overviews, compatibility details, integration guidance and support resources for Smart1 solutions.
++      Please note that access to detailed technical documentation and advanced information requires registration.
++    </p>
++
++    <div style="margin-top:24px;">
++      <a href="https://wiki.smart1.eu/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F"
++         style="display:inline-block; background:#2563eb; color:#ffffff; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold; margin-right:12px;">
++        Register
++      </a>
++
++      <a href="https://wiki.smart1.eu/bin/login/XWiki/XWikiLogin?xredirect=%2Fbin%2Fview%2FMain%2F&loginLink=1"
++         style="display:inline-block; background:#ffffff; color:#0f172a; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold;">
++        Login
++      </a>
++    </div>
++  </div>
++
++  <div style="background:#f8fafc; border:1px solid #dbe3ee; padding:18px 22px; border-radius:16px; margin-bottom:30px; line-height:1.6;">
++    <strong>Important:</strong> For further information, detailed setup instructions, full compatibility data and advanced documentation, users must register and sign in.
++  </div>
++
++  <h2 class="smart1-section-title">Quick Access</h2>
++
++  <div class="smart1-tiles">
++    <div class="smart1-tile">
++      <div class="smart1-icon">
++        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
++          <path d="M6 4.5H16.5L19 7V19.5H6V4.5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
++          <path d="M16 4.5V7.5H19" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
++          <path d="M9 11H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M9 14.5H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++        </svg>
++      </div>
++      <div class="smart1-kicker">Documentation</div>
++      <h3>Product Documentation</h3>
++      <p>Browse public product information, manuals, guides and general documentation content.</p>
++      <a class="smart1-link" href="/xwiki/bin/view/Smart1/Documentation/WebHome">Open section →</a>
++    </div>
++
++    <div class="smart1-tile">
++      <div class="smart1-icon">
++        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
++          <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"/>
++          <path d="M9.5 12L11.2 13.7L14.8 10.1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
++        </svg>
++      </div>
++      <div class="smart1-kicker">Compatibility</div>
++      <h3>Device Compatibility</h3>
++      <p>Check supported devices, compatibility information and relevant technical requirements.</p>
++      <a class="smart1-link" href="/xwiki/bin/view/Smart1/Compatibility/WebHome">Open section →</a>
++    </div>
++
++    <div class="smart1-tile">
++      <div class="smart1-icon">
++        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
++          <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"/>
++          <path d="M11.5 16V20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M9.5 20H13.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++        </svg>
++      </div>
++      <div class="smart1-kicker">Integration</div>
++      <h3>Integration Guides</h3>
++      <p>Review setup concepts, interfaces and integration-related documentation for Smart1 environments.</p>
++      <a class="smart1-link" href="/xwiki/bin/view/Smart1/Integration/WebHome">Open section →</a>
++    </div>
++
++    <div class="smart1-tile">
++      <div class="smart1-icon">
++        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
++          <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"/>
++          <path d="M12 2V6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M12 18V22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M2 12H6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M18 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++        </svg>
++      </div>
++      <div class="smart1-kicker">Support</div>
++      <h3>Support & Contact</h3>
++      <p>Find help resources, contact options and assistance for access and documentation topics.</p>
++      <a class="smart1-link" href="/xwiki/bin/view/Smart1/Support/WebHome">Open section →</a>
++    </div>
++  </div>
++
++  <div class="smart1-access-row">
++    <div class="smart1-mini">
++      <h3>Public Area</h3>
++      <p>General overview pages and introductory information for external visitors.</p>
++    </div>
++
++    <div class="smart1-mini">
++      <h3>Registered Area</h3>
++      <p>Extended technical documentation, advanced content and further information for signed-in users.</p>
++    </div>
++
++    <div class="smart1-mini">
++      <h3>Need Help?</h3>
++      <p>Use the support section to find the right contact path for access questions and documentation requests.</p>
++    </div>
++  </div>
++
++  <div class="smart1-footer">
++    <div>
++      <h3>Ready for full access?</h3>
++      <p>Create an account to unlock detailed technical resources, protected content and further Smart1 information.</p>
++    </div>
++
++    <div class="smart1-actions">
++      <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>
++      <a class="smart1-btn smart1-btn-primary" href="https://wiki.smart1.eu/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F">Register Now</a>
++    </div>
++  </div>
++
++</div>
++{{/html}}
++

Changes for page Home

Summary

Details

Applications

Navigation

Need help?