Wiki source code of Home
Last modified by Christian Zauner on 22.10.2026
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{html clean="false"}} | ||
| 2 | <style> | ||
| 3 | /* smart1 Startseite V1.1 HD | Main.WebHome only | DE + EN | ||
| 4 | This homepage package supplies DE and EN content and updates the three requested Quick Access links. | ||
| 5 | Every selector is restricted to Main.WebHome in view mode. | ||
| 6 | This file intentionally does not target navigation, login, editor, or other pages. | ||
| 7 | Baseline: public German and English page source retrieved 2026-10-20. | ||
| 8 | */ | ||
| 9 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home { | ||
| 10 | --s1hp-hero-image: url("/bin/download/Main/WebHome/smart1-willkommen-hd-v1.1.png"); | ||
| 11 | --s1hp-blue: #0067cf; | ||
| 12 | --s1hp-ink: #102b4a; | ||
| 13 | --s1hp-muted: #526a82; | ||
| 14 | --s1hp-line: #dce9f5; | ||
| 15 | --s1hp-magenta: #e6007e; | ||
| 16 | box-sizing: border-box; | ||
| 17 | container-type: inline-size; | ||
| 18 | container-name: smart1home; | ||
| 19 | width: 100%; | ||
| 20 | max-width: 1360px; | ||
| 21 | margin: 0 auto; | ||
| 22 | padding: 0; | ||
| 23 | font-family: "Segoe UI", Arial, Helvetica, sans-serif; | ||
| 24 | font-size: 15px; | ||
| 25 | line-height: 1.6; | ||
| 26 | color: var(--s1hp-ink); | ||
| 27 | background: transparent; | ||
| 28 | } | ||
| 29 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home *, | ||
| 30 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home *::before, | ||
| 31 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home *::after { box-sizing: border-box; } | ||
| 32 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home h1, | ||
| 33 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home h2, | ||
| 34 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home h3 { | ||
| 35 | font-family: "Segoe UI", Arial, Helvetica, sans-serif; | ||
| 36 | color: var(--s1hp-ink); | ||
| 37 | border: 0; | ||
| 38 | letter-spacing: -0.025em; | ||
| 39 | text-wrap: pretty; | ||
| 40 | } | ||
| 41 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home a { | ||
| 42 | text-decoration: none; | ||
| 43 | text-underline-offset: 3px; | ||
| 44 | } | ||
| 45 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home a:focus-visible { | ||
| 46 | outline: 3px solid var(--s1hp-magenta); | ||
| 47 | outline-offset: 4px; | ||
| 48 | } | ||
| 49 | /* The first two blocks have inline styling in both current language versions. | ||
| 50 | Only the properties necessary to replace that old presentation use !important. */ | ||
| 51 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { | ||
| 52 | position: relative; | ||
| 53 | isolation: isolate; | ||
| 54 | overflow: hidden; | ||
| 55 | min-height: 398px; | ||
| 56 | padding: 36px 38px 36px !important; | ||
| 57 | margin: 0 0 18px !important; | ||
| 58 | border: 1px solid #d5e7f7; | ||
| 59 | border-radius: 16px !important; | ||
| 60 | background: #eff7ff !important; | ||
| 61 | color: var(--s1hp-ink) !important; | ||
| 62 | box-shadow: 0 8px 26px rgba(18,64,103,.045); | ||
| 63 | } | ||
| 64 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { | ||
| 65 | content: ""; | ||
| 66 | position: absolute; | ||
| 67 | z-index: -1; | ||
| 68 | top: 0; right: 0; bottom: 0; | ||
| 69 | width: 57%; | ||
| 70 | background-image: | ||
| 71 | linear-gradient(90deg, #eff7ff 0%, rgba(239,247,255,.87) 8%, rgba(239,247,255,.2) 29%, rgba(239,247,255,0) 54%), | ||
| 72 | var(--s1hp-hero-image); | ||
| 73 | background-repeat: no-repeat; | ||
| 74 | background-position: center, 57% center; | ||
| 75 | background-size: 100% 100%, cover; | ||
| 76 | pointer-events: none; | ||
| 77 | } | ||
| 78 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:first-child { | ||
| 79 | display: inline-flex; | ||
| 80 | align-items: center; | ||
| 81 | gap: 11px; | ||
| 82 | position: relative; | ||
| 83 | font-size: 11px !important; | ||
| 84 | font-weight: 700 !important; | ||
| 85 | line-height: 1.5; | ||
| 86 | letter-spacing: .13em !important; | ||
| 87 | opacity: 1 !important; | ||
| 88 | color: #426787; | ||
| 89 | } | ||
| 90 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:first-child::before { | ||
| 91 | content: ""; | ||
| 92 | display: block; | ||
| 93 | width: 32px; | ||
| 94 | height: 3px; | ||
| 95 | border-radius: 4px; | ||
| 96 | background: var(--s1hp-magenta); | ||
| 97 | } | ||
| 98 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { | ||
| 99 | position: relative; | ||
| 100 | max-width: 53%; | ||
| 101 | margin: 19px 0 17px !important; | ||
| 102 | color: #005dbb; | ||
| 103 | font-size: 40px !important; | ||
| 104 | line-height: 1.15 !important; | ||
| 105 | font-weight: 750; | ||
| 106 | overflow-wrap: break-word; | ||
| 107 | } | ||
| 108 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1::first-line { | ||
| 109 | color: #102b4a; | ||
| 110 | } | ||
| 111 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p { | ||
| 112 | position: relative; | ||
| 113 | max-width: 53% !important; | ||
| 114 | margin: 0 !important; | ||
| 115 | font-size: 15px !important; | ||
| 116 | font-weight: 400; | ||
| 117 | line-height: 1.75 !important; | ||
| 118 | color: #3c5871; | ||
| 119 | text-wrap: pretty; | ||
| 120 | } | ||
| 121 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child { | ||
| 122 | display: flex; | ||
| 123 | flex-wrap: wrap; | ||
| 124 | align-items: center; | ||
| 125 | gap: 10px; | ||
| 126 | margin-top: 24px !important; | ||
| 127 | } | ||
| 128 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child a, | ||
| 129 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-btn { | ||
| 130 | display: inline-flex !important; | ||
| 131 | align-items: center; | ||
| 132 | justify-content: center; | ||
| 133 | min-height: 44px; | ||
| 134 | padding: 10px 19px !important; | ||
| 135 | margin: 0 !important; | ||
| 136 | border: 1px solid #bed6ec; | ||
| 137 | border-radius: 7px !important; | ||
| 138 | font-size: 14px; | ||
| 139 | font-weight: 650 !important; | ||
| 140 | line-height: 1.5; | ||
| 141 | text-decoration: none; | ||
| 142 | box-shadow: none; | ||
| 143 | transition: box-shadow .16s ease, background-color .16s ease, transform .16s ease; | ||
| 144 | } | ||
| 145 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child a:first-child, | ||
| 146 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-btn-primary { | ||
| 147 | background: #0067cf !important; | ||
| 148 | border-color: #0067cf; | ||
| 149 | color: #fff !important; | ||
| 150 | box-shadow: 0 4px 10px rgba(0,103,207,.13); | ||
| 151 | } | ||
| 152 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child a:last-child, | ||
| 153 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-btn-secondary { | ||
| 154 | background: #fff !important; | ||
| 155 | border-color: #c9dced; | ||
| 156 | color: #075fb8 !important; | ||
| 157 | } | ||
| 158 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child a:hover, | ||
| 159 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-btn:hover { | ||
| 160 | transform: translateY(-1px); | ||
| 161 | box-shadow: 0 5px 13px rgba(0,88,170,.16); | ||
| 162 | } | ||
| 163 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:nth-child(2) { | ||
| 164 | margin: 0 0 31px !important; | ||
| 165 | padding: 15px 20px !important; | ||
| 166 | border: 1px solid #d7e8f8 !important; | ||
| 167 | border-left: 3px solid #0c79dc !important; | ||
| 168 | border-radius: 8px !important; | ||
| 169 | background: #f3f9ff !important; | ||
| 170 | color: #466079; | ||
| 171 | font-size: 14px; | ||
| 172 | line-height: 1.65 !important; | ||
| 173 | } | ||
| 174 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:nth-child(2) > strong { | ||
| 175 | color: #125ba2; | ||
| 176 | font-weight: 700; | ||
| 177 | } | ||
| 178 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-section-title { | ||
| 179 | display: flex; | ||
| 180 | align-items: center; | ||
| 181 | gap: 13px; | ||
| 182 | margin: 0 0 18px; | ||
| 183 | font-size: 23px; | ||
| 184 | line-height: 1.25; | ||
| 185 | font-weight: 700; | ||
| 186 | } | ||
| 187 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-section-title::before { | ||
| 188 | content: ""; | ||
| 189 | width: 32px; | ||
| 190 | height: 3px; | ||
| 191 | flex: 0 0 32px; | ||
| 192 | background: var(--s1hp-magenta); | ||
| 193 | border-radius: 4px; | ||
| 194 | } | ||
| 195 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { | ||
| 196 | display: grid; | ||
| 197 | grid-template-columns: repeat(4,minmax(0,1fr)); | ||
| 198 | gap: 16px; | ||
| 199 | margin: 0 0 24px; | ||
| 200 | } | ||
| 201 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile { | ||
| 202 | display: flex; | ||
| 203 | flex-direction: column; | ||
| 204 | align-items: flex-start; | ||
| 205 | min-width: 0; | ||
| 206 | padding: 23px 22px 20px; | ||
| 207 | border: 1px solid var(--s1hp-line); | ||
| 208 | border-radius: 11px; | ||
| 209 | background: #fff; | ||
| 210 | box-shadow: 0 4px 15px rgba(14,58,98,.035); | ||
| 211 | transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; | ||
| 212 | } | ||
| 213 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile:hover, | ||
| 214 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile:focus-within { | ||
| 215 | border-color: #a9cfef; | ||
| 216 | transform: translateY(-2px); | ||
| 217 | box-shadow: 0 8px 22px rgba(14,58,98,.08); | ||
| 218 | } | ||
| 219 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-icon { | ||
| 220 | display: flex; | ||
| 221 | align-items: center; | ||
| 222 | justify-content: center; | ||
| 223 | width: 47px; | ||
| 224 | height: 47px; | ||
| 225 | flex: 0 0 47px; | ||
| 226 | margin: 0 0 17px; | ||
| 227 | border-radius: 11px; | ||
| 228 | border: 1px solid #e4f0fc; | ||
| 229 | background: #edf6ff; | ||
| 230 | color: #0067cf; | ||
| 231 | box-shadow: none; | ||
| 232 | } | ||
| 233 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-icon svg { width: 25px; height: 25px; } | ||
| 234 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-kicker { | ||
| 235 | margin: 0 0 7px; | ||
| 236 | color: #386d9b; | ||
| 237 | font-size: 10px; | ||
| 238 | line-height: 1.5; | ||
| 239 | font-weight: 700; | ||
| 240 | text-transform: uppercase; | ||
| 241 | letter-spacing: .105em; | ||
| 242 | } | ||
| 243 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile h3 { | ||
| 244 | margin: 0 0 10px; | ||
| 245 | color: #143455; | ||
| 246 | font-size: 19px; | ||
| 247 | font-weight: 700; | ||
| 248 | line-height: 1.3; | ||
| 249 | overflow-wrap: break-word; | ||
| 250 | } | ||
| 251 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile p { | ||
| 252 | margin: 0 0 22px; | ||
| 253 | max-width: none; | ||
| 254 | color: var(--s1hp-muted); | ||
| 255 | font-size: 14px; | ||
| 256 | line-height: 1.7; | ||
| 257 | } | ||
| 258 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-link { | ||
| 259 | display: inline-flex; | ||
| 260 | align-items: center; | ||
| 261 | min-height: 32px; | ||
| 262 | margin-top: auto; | ||
| 263 | color: #0063c6; | ||
| 264 | font-size: 14px; | ||
| 265 | font-weight: 650; | ||
| 266 | line-height: 1.5; | ||
| 267 | text-decoration: none; | ||
| 268 | } | ||
| 269 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-link:hover { text-decoration: underline; } | ||
| 270 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-access-row { | ||
| 271 | display: grid; | ||
| 272 | grid-template-columns: repeat(3,minmax(0,1fr)); | ||
| 273 | gap: 16px; | ||
| 274 | margin: 0 0 24px; | ||
| 275 | } | ||
| 276 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini { | ||
| 277 | padding: 21px 23px; | ||
| 278 | border: 1px solid #e0eaf4; | ||
| 279 | border-top: 3px solid #cee5fa; | ||
| 280 | border-radius: 10px; | ||
| 281 | background: #fff; | ||
| 282 | box-shadow: none; | ||
| 283 | } | ||
| 284 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini:nth-child(2) { border-top-color: #a9d3f5; } | ||
| 285 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini h3 { | ||
| 286 | margin: 0 0 8px; | ||
| 287 | font-size: 17px; | ||
| 288 | font-weight: 650; | ||
| 289 | line-height: 1.4; | ||
| 290 | } | ||
| 291 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini p { | ||
| 292 | margin: 0; | ||
| 293 | color: var(--s1hp-muted); | ||
| 294 | font-size: 14px; | ||
| 295 | line-height: 1.7; | ||
| 296 | } | ||
| 297 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer { | ||
| 298 | display: flex; | ||
| 299 | align-items: center; | ||
| 300 | justify-content: space-between; | ||
| 301 | flex-wrap: wrap; | ||
| 302 | gap: 22px; | ||
| 303 | margin: 0; | ||
| 304 | padding: 25px 28px; | ||
| 305 | border: 1px solid #dbe8f5; | ||
| 306 | border-left: 3px solid var(--s1hp-magenta); | ||
| 307 | border-radius: 11px; | ||
| 308 | color: var(--s1hp-ink); | ||
| 309 | background: linear-gradient(110deg,#edf6ff,#f8fbff); | ||
| 310 | box-shadow: none; | ||
| 311 | } | ||
| 312 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer > div:first-child { flex: 1 1 470px; } | ||
| 313 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer h3 { | ||
| 314 | margin: 0 0 7px; | ||
| 315 | font-size: 24px; | ||
| 316 | font-weight: 700; | ||
| 317 | line-height: 1.3; | ||
| 318 | } | ||
| 319 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer p { | ||
| 320 | max-width: 760px; | ||
| 321 | margin: 0; | ||
| 322 | color: var(--s1hp-muted); | ||
| 323 | font-size: 14px; | ||
| 324 | line-height: 1.7; | ||
| 325 | opacity: 1; | ||
| 326 | } | ||
| 327 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-actions { | ||
| 328 | display: flex; | ||
| 329 | flex: 0 1 auto; | ||
| 330 | flex-wrap: wrap; | ||
| 331 | gap: 10px; | ||
| 332 | } | ||
| 333 | /* Container queries follow the actual content width, even with XWiki side panels. | ||
| 334 | The media queries below also provide a viewport-based fallback. */ | ||
| 335 | @container smart1home (max-width: 1050px) { | ||
| 336 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); } | ||
| 337 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { padding: 30px !important; } | ||
| 338 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { font-size: 35px !important; max-width: 64%; } | ||
| 339 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p { max-width: 58% !important; } | ||
| 340 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { width: 53%; background-position: center, 58% center; } | ||
| 341 | } | ||
| 342 | @container smart1home (max-width: 700px) { | ||
| 343 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { min-height: 0; padding: 245px 25px 27px !important; } | ||
| 344 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { | ||
| 345 | width: 100%; height: 235px; bottom: auto; | ||
| 346 | background-image: linear-gradient(0deg,#eff7ff 0%,rgba(239,247,255,0) 29%), var(--s1hp-hero-image); | ||
| 347 | background-position: center, center; | ||
| 348 | background-size: 100% 100%, cover; | ||
| 349 | } | ||
| 350 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { max-width: 100%; font-size: 33px !important; } | ||
| 351 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p { max-width: 100% !important; } | ||
| 352 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-access-row { grid-template-columns: 1fr; } | ||
| 353 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer { padding: 23px; } | ||
| 354 | } | ||
| 355 | @container smart1home (max-width: 480px) { | ||
| 356 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { padding: 211px 20px 25px !important; } | ||
| 357 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { height: 198px; } | ||
| 358 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { font-size: 29px !important; } | ||
| 359 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: 1fr; } | ||
| 360 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile { padding: 23px; } | ||
| 361 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile h3 { font-size: 20px; } | ||
| 362 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer h3 { font-size: 22px; } | ||
| 363 | } | ||
| 364 | @media (max-width: 760px) { | ||
| 365 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); } | ||
| 366 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-access-row { grid-template-columns: 1fr; } | ||
| 367 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { min-height: 0; padding: 245px 25px 27px !important; } | ||
| 368 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { | ||
| 369 | width: 100%; height: 235px; bottom: auto; | ||
| 370 | background-image: linear-gradient(0deg,#eff7ff 0%,rgba(239,247,255,0) 29%), var(--s1hp-hero-image); | ||
| 371 | background-position: center, center; | ||
| 372 | background-size: 100% 100%, cover; | ||
| 373 | } | ||
| 374 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { max-width: 100%; font-size: 33px !important; } | ||
| 375 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p { max-width: 100% !important; } | ||
| 376 | } | ||
| 377 | @media (max-width: 480px) { | ||
| 378 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: 1fr; } | ||
| 379 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { padding: 211px 20px 25px !important; } | ||
| 380 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { height: 198px; } | ||
| 381 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { font-size: 29px !important; } | ||
| 382 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer h3 { font-size: 22px; } | ||
| 383 | } | ||
| 384 | @media (prefers-reduced-motion: reduce) { | ||
| 385 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home a, | ||
| 386 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile { transition: none; } | ||
| 387 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home a:hover, | ||
| 388 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile:hover { transform: none; } | ||
| 389 | } | ||
| 390 | @media print { | ||
| 391 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { padding: 20px !important; min-height: 0; } | ||
| 392 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { display: none; } | ||
| 393 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { max-width: 100%; font-size: 26px !important; } | ||
| 394 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p { max-width: 100% !important; } | ||
| 395 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); } | ||
| 396 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile, | ||
| 397 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini, | ||
| 398 | html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer { break-inside: avoid; box-shadow: none; } | ||
| 399 | } | ||
| 400 | |||
| 401 | </style> | ||
| 402 | <div class="smart1-home" lang="en"> | ||
| 403 | <div style="background:linear-gradient(135deg,#0f172a,#1e3a5f); color:#ffffff; padding:48px; border-radius:20px; margin-bottom:24px;"> | ||
| 404 | <div style="font-size:13px; text-transform:uppercase; letter-spacing:1.5px; opacity:0.85; font-weight:bold;">Smart1 External Wiki</div> | ||
| 405 | <h1 style="margin:14px 0 14px 0; font-size:40px; line-height:1.2;">Welcome to the Smart1 Knowledge Base</h1> | ||
| 406 | <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> | ||
| 407 | <div style="margin-top:24px;"> | ||
| 408 | <a href="/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> | ||
| 409 | <a href="/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> | ||
| 410 | </div></div> | ||
| 411 | <div style="background:#f8fafc; border:1px solid #dbe3ee; padding:18px 22px; border-radius:16px; margin-bottom:30px; line-height:1.6;"> | ||
| 412 | <strong>Important:</strong> For further information, detailed setup instructions, full compatibility data and advanced documentation, users must register and sign in. | ||
| 413 | </div> | ||
| 414 | <h2 class="smart1-section-title">Quick Access</h2> | ||
| 415 | <div class="smart1-tiles"> | ||
| 416 | <div class="smart1-tile"> | ||
| 417 | <div class="smart1-icon"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true"> | ||
| 418 | <path d="M6 4.5H16.5L19 7V19.5H6V4.5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> | ||
| 419 | <path d="M16 4.5V7.5H19" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> | ||
| 420 | <path d="M9 11H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> | ||
| 421 | <path d="M9 14.5H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> | ||
| 422 | </svg></div> | ||
| 423 | <div class="smart1-kicker">Documentation</div> | ||
| 424 | <h3>Manual & Guides</h3> | ||
| 425 | <p>Browse public product information, manuals, guides and general documentation content.</p> | ||
| 426 | <a class="smart1-link" href="/bin/view/Public%20Information/Manuals%20%26%20Guides/">Open section →</a> | ||
| 427 | </div> | ||
| 428 | <div class="smart1-tile"> | ||
| 429 | <div class="smart1-icon"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true"> | ||
| 430 | <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"/> | ||
| 431 | <path d="M9.5 12L11.2 13.7L14.8 10.1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> | ||
| 432 | </svg></div> | ||
| 433 | <div class="smart1-kicker">Compatibility</div> | ||
| 434 | <h3>Compatibility Finder</h3> | ||
| 435 | <p>Check supported devices, compatibility information and relevant technical requirements.</p> | ||
| 436 | <a class="smart1-link" href="/bin/view/Compatibility/Compatibility%20Finder/">Open section →</a> | ||
| 437 | </div> | ||
| 438 | <div class="smart1-tile"> | ||
| 439 | <div class="smart1-icon"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true"> | ||
| 440 | <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"/> | ||
| 441 | <path d="M11.5 16V20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> | ||
| 442 | <path d="M9.5 20H13.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> | ||
| 443 | </svg></div> | ||
| 444 | <div class="smart1-kicker">Integration</div> | ||
| 445 | <h3>Integration Guides</h3> | ||
| 446 | <p>Review setup concepts, interfaces and integration-related documentation for Smart1 environments.</p> | ||
| 447 | <a class="smart1-link" href="/bin/view/Integration/WebHome">Open section →</a> | ||
| 448 | </div> | ||
| 449 | <div class="smart1-tile"> | ||
| 450 | <div class="smart1-icon"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true"> | ||
| 451 | <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"/> | ||
| 452 | <path d="M12 2V6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> | ||
| 453 | <path d="M12 18V22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> | ||
| 454 | <path d="M2 12H6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> | ||
| 455 | <path d="M18 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> | ||
| 456 | </svg></div> | ||
| 457 | <div class="smart1-kicker">Support</div> | ||
| 458 | <h3>Support & Contact</h3> | ||
| 459 | <p>Find help resources, contact options and assistance for access and documentation topics.</p> | ||
| 460 | <a class="smart1-link" href="/bin/view/Smart1SupportContact/">Open section →</a> | ||
| 461 | </div> | ||
| 462 | </div> | ||
| 463 | <div class="smart1-access-row"> | ||
| 464 | <div class="smart1-mini"> | ||
| 465 | <h3>Public Area</h3> | ||
| 466 | <p>General overview pages and introductory information for external visitors.</p> | ||
| 467 | </div> | ||
| 468 | <div class="smart1-mini"> | ||
| 469 | <h3>Registered Area</h3> | ||
| 470 | <p>Extended technical documentation, advanced content and further information for signed-in users.</p> | ||
| 471 | </div> | ||
| 472 | <div class="smart1-mini"> | ||
| 473 | <h3>Need Help?</h3> | ||
| 474 | <p>Use the support section to find the right contact path for access questions and documentation requests.</p> | ||
| 475 | </div> | ||
| 476 | </div> | ||
| 477 | <div class="smart1-footer"> | ||
| 478 | <div> | ||
| 479 | <h3>Ready for full access?</h3> | ||
| 480 | <p>Create an account to unlock detailed technical resources, protected content and further Smart1 information.</p> | ||
| 481 | </div> | ||
| 482 | <div class="smart1-actions"> | ||
| 483 | <a class="smart1-btn smart1-btn-secondary" href="/bin/login/XWiki/XWikiLogin?xredirect=%2Fbin%2Fview%2FMain%2F&loginLink=1">Login</a> | ||
| 484 | <a class="smart1-btn smart1-btn-primary" href="/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F">Register Now</a> | ||
| 485 | </div></div></div> | ||
| 486 | {{/html}} |