Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14
From version 28.35
edited by Agnease
on 2026/07/03 14:11
Change comment: There is no comment for this version
To version 28.53
edited by Agnease
on 2026/07/03 15:18
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -149,8 +149,8 @@
149 149   </div>
150 150   </section>
151 151  
152 - <section class="contrast-band" aria-labelledby="industry-trust-title">
153 - <div class="container">
152 + <div class="contrast-band-wrapper">
153 + <section class="contrast-band" aria-labelledby="industry-trust-title">
154 154   <div class="contrast-panel">
155 155   <h2 id="industry-trust-title">Trusted XWiki expertise for business-critical platforms</h2>
156 156  
... ... @@ -176,8 +176,8 @@
176 176   to workflow systems and long-term maintenance, Agnease helps keep XWiki secure, stable and ready for the future.
177 177   </p>
178 178   </div>
179 - </div>
180 - </section>
179 + </section>
180 + </div>
181 181  
182 182   <section class="split-section" aria-labelledby="why-title">
183 183   <div class="container">
XWiki.StyleSheetExtension[0]
code
... ... @@ -247,28 +247,22 @@
247 247   margin-top: 22px;
248 248  }
249 249  
250 -/* ========== Contrast Band ========== */
250 +/* ========== Contrast Band (Full‑Bleed) ========== */
251 251  
252 -.contrast-band {
252 +/* Full‑bleed wrapper */
253 +.contrast-band-wrapper {
253 253   position: relative;
254 - overflow: visible; /* allow pseudo-element to escape */
255 - padding: 54px 0;
256 - border-top: 0;
257 - color: #fff;
258 -
259 - /* Remove gradient from here */
260 - background: none;
255 + width: 100vw;
256 + left: 50%;
257 + transform: translateX(-50%);
258 + overflow: visible;
261 261  }
262 262  
263 263  /* Full‑bleed gradient background */
264 -.contrast-band::before {
262 +.contrast-band-wrapper::before {
265 265   content: "";
266 266   position: absolute;
267 - top: 0;
268 - left: 50%;
269 - width: 100vw; /* full viewport width */
270 - height: 100%;
271 - transform: translateX(-50%);
265 + inset: 0;
272 272   z-index: -1;
273 273  
274 274   background:
... ... @@ -277,7 +277,17 @@
277 277   linear-gradient(135deg, @text 0%, @text-soft 100%);
278 278  }
279 279  
280 -/* Grid overlay stays exactly as you had it */
274 +/* Inner band (content area) */
275 +.contrast-band {
276 + position: relative;
277 + padding: 54px 0;
278 + border-top: 0;
279 + color: #fff;
280 + background: none;
281 + z-index: 0;
282 +}
283 +
284 +/* Grid overlay (clipped to content width) */
281 281  .contrast-band::after {
282 282   content: "";
283 283   position: absolute;
... ... @@ -291,18 +291,16 @@
291 291   z-index: 0;
292 292  }
293 293  
294 -.contrast-band .container {
298 +/* Content above overlay */
299 +.contrast-panel {
295 295   position: relative;
296 296   z-index: 1;
297 -}
298 -
299 -/* Everything below stays unchanged */
300 -.contrast-panel {
301 301   max-width: 1040px;
302 302   margin: 0 auto;
303 303   text-align: center;
304 304  }
305 305  
307 +/* Typography + spacing */
306 306  .contrast-band h2 {
307 307   max-width: 860px;
308 308   margin: 0 auto 12px;
... ... @@ -315,6 +315,7 @@
315 315   color: #D9E3EE;
316 316  }
317 317  
320 +/* Tags */
318 318  .contrast-tags {
319 319   max-width: 940px;
320 320   margin: 0 auto;
... ... @@ -347,6 +347,7 @@
347 347   box-shadow: 0 0 0 4px fade(@brand, 18%);
348 348  }
349 349  
353 +/* Support text */
350 350  .contrast-support {
351 351   max-width: 860px;
352 352   margin: 30px auto 0;
... ... @@ -356,6 +356,7 @@
356 356   line-height: 1.7;
357 357  }
358 358  
363 +/* Mobile adjustments */
359 359  @media (max-width: 640px) {
360 360   .contrast-band {
361 361   padding: 40px 0;
... ... @@ -367,7 +367,6 @@
367 367   }
368 368  }
369 369  
370 -
371 371  /* ========== Reusable Grids ========== */
372 372  
373 373  .card-grid,
... ... @@ -1669,11 +1669,6 @@
1669 1669   background-attachment: fixed;
1670 1670  }
1671 1671  
1672 -#mainContentArea {
1673 - padding: 0;
1674 - overflow-x: hidden;
1675 -}
1676 -
1677 1677  /* ========== Main Page Hero / SaaS Layout ========== */
1678 1678  
1679 1679  #mainContentArea .hero.hero-saas {