Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14
From version 28.38
edited by Agnease
on 2026/07/03 14:17
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,30 +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 - z-index: 0;
255 - overflow: visible; /* allow pseudo-element to escape */
256 - padding: 54px 0;
257 - border-top: 0;
258 - color: #fff;
259 -
260 - /* Remove gradient from here */
261 - background: none;
255 + width: 100vw;
256 + left: 50%;
257 + transform: translateX(-50%);
258 + overflow: visible;
262 262  }
263 263  
264 264  /* Full‑bleed gradient background */
265 -.contrast-band::before {
266 - border: 2px solid red;
262 +.contrast-band-wrapper::before {
267 267   content: "";
268 268   position: absolute;
269 - top: 0;
270 - left: 50%;
271 - width: 100vw; /* full viewport width */
272 - height: 100%;
273 - transform: translateX(-50%);
265 + inset: 0;
274 274   z-index: -1;
275 275  
276 276   background:
... ... @@ -279,7 +279,17 @@
279 279   linear-gradient(135deg, @text 0%, @text-soft 100%);
280 280  }
281 281  
282 -/* 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) */
283 283  .contrast-band::after {
284 284   content: "";
285 285   position: absolute;
... ... @@ -293,18 +293,16 @@
293 293   z-index: 0;
294 294  }
295 295  
296 -.contrast-band .container {
298 +/* Content above overlay */
299 +.contrast-panel {
297 297   position: relative;
298 298   z-index: 1;
299 -}
300 -
301 -/* Everything below stays unchanged */
302 -.contrast-panel {
303 303   max-width: 1040px;
304 304   margin: 0 auto;
305 305   text-align: center;
306 306  }
307 307  
307 +/* Typography + spacing */
308 308  .contrast-band h2 {
309 309   max-width: 860px;
310 310   margin: 0 auto 12px;
... ... @@ -317,6 +317,7 @@
317 317   color: #D9E3EE;
318 318  }
319 319  
320 +/* Tags */
320 320  .contrast-tags {
321 321   max-width: 940px;
322 322   margin: 0 auto;
... ... @@ -349,6 +349,7 @@
349 349   box-shadow: 0 0 0 4px fade(@brand, 18%);
350 350  }
351 351  
353 +/* Support text */
352 352  .contrast-support {
353 353   max-width: 860px;
354 354   margin: 30px auto 0;
... ... @@ -358,6 +358,7 @@
358 358   line-height: 1.7;
359 359  }
360 360  
363 +/* Mobile adjustments */
361 361  @media (max-width: 640px) {
362 362   .contrast-band {
363 363   padding: 40px 0;
... ... @@ -369,7 +369,6 @@
369 369   }
370 370  }
371 371  
372 -
373 373  /* ========== Reusable Grids ========== */
374 374  
375 375  .card-grid,
... ... @@ -1671,11 +1671,6 @@
1671 1671   background-attachment: fixed;
1672 1672  }
1673 1673  
1674 -#mainContentArea {
1675 - padding: 0;
1676 - overflow-x: hidden;
1677 -}
1678 -
1679 1679  /* ========== Main Page Hero / SaaS Layout ========== */
1680 1680  
1681 1681  #mainContentArea .hero.hero-saas {