Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14

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

From 28.47 to 28.48 From 28.53 to 29.1

From version 28.48

edited by Agnease
on 2026/07/03 15: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

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)
Objects (1 modified, 0 added, 0 removed)
- XWiki.StyleSheetExtension[0]

Details

Page properties

Content

@@ -151,32 +151,30 @@
      <div class="contrast-band-wrapper">
        <section class="contrast-band" aria-labelledby="industry-trust-title">
--        <div class="container">
--          <div class="contrast-panel">
--            <h2 id="industry-trust-title">Trusted XWiki expertise for business-critical platforms</h2>
++        <div class="contrast-panel">
++          <h2 id="industry-trust-title">Trusted XWiki expertise for business-critical platforms</h2>
--            <p class="section-intro">
--              Experience supporting XWiki platforms used in healthcare, financial services, scientific research,
--              government institutions, transportation, software development, compliance programs and regulated environments.
--            </p>
++          <p class="section-intro">
++            Experience supporting XWiki platforms used in healthcare, financial services, scientific research,
++            government institutions, transportation, software development, compliance programs and regulated environments.
++          </p>
--            <div class="contrast-tags" aria-label="Industries and environments supported">
--              <span>Healthcare</span>
--              <span>Financial services</span>
--              <span>Scientific research</span>
--              <span>Government institutions</span>
--              <span>Transportation</span>
--              <span>Software development</span>
--              <span>Compliance programs</span>
--              <span>Regulated environments</span>
--            </div>
--
--            <p class="contrast-support">
--              Organizations rely on these platforms to manage documentation, workflows, compliance processes,
--              research knowledge and critical business information. From upgrades and authentication integrations
--              to workflow systems and long-term maintenance, Agnease helps keep XWiki secure, stable and ready for the future.
--            </p>
++          <div class="contrast-tags" aria-label="Industries and environments supported">
++            <span>Healthcare</span>
++            <span>Financial services</span>
++            <span>Scientific research</span>
++            <span>Government institutions</span>
++            <span>Transportation</span>
++            <span>Software development</span>
++            <span>Compliance programs</span>
++            <span>Regulated environments</span>
            </div>
++
++          <p class="contrast-support">
++            Organizations rely on these platforms to manage documentation, workflows, compliance processes,
++            research knowledge and critical business information. From upgrades and authentication integrations
++            to workflow systems and long-term maintenance, Agnease helps keep XWiki secure, stable and ready for the future.
++          </p>
          </div>
        </section>
      </div>

XWiki.StyleSheetExtension[0]

code

@@ -247,11 +247,14 @@
    margin-top: 22px;
  }
--/* ========== Contrast Band ========== */
++/* ========== Contrast Band (Full‑Bleed) ========== */
  /* Full‑bleed wrapper */
  .contrast-band-wrapper {
    position: relative;
++  width: 100vw;
++  left: 50%;
++  transform: translateX(-50%);
    overflow: visible;
  }
@@ -259,11 +259,7 @@
  .contrast-band-wrapper::before {
    content: "";
    position: absolute;
--  top: 0;
--  left: 50%;
--  width: 100vw;
--  height: 100%;
--  transform: translateX(-50%);
++  inset: 0;
    z-index: -1;
    background:
@@ -272,17 +272,17 @@
      linear-gradient(135deg, @text 0%, @text-soft 100%);
  }
--/* Inner band (no gradient here anymore) */
++/* Inner band (content area) */
  .contrast-band {
    position: relative;
--  z-index: 0;
    padding: 54px 0;
    border-top: 0;
    color: #fff;
    background: none;
++  z-index: 0;
  }
--/* Grid overlay */
++/* Grid overlay (clipped to content width) */
  .contrast-band::after {
    content: "";
    position: absolute;
@@ -296,12 +296,83 @@
    z-index: 0;
  }
--/* Content stays above everything */
--.contrast-band .container {
++/* Content above overlay */
++.contrast-panel {
    position: relative;
    z-index: 1;
++  max-width: 1040px;
++  margin: 0 auto;
++  text-align: center;
  }
++/* Typography + spacing */
++.contrast-band h2 {
++  max-width: 860px;
++  margin: 0 auto 12px;
++  color: #fff;
++}
++
++.contrast-band .section-intro {
++  max-width: 840px;
++  margin: 0 auto 26px;
++  color: #D9E3EE;
++}
++
++/* Tags */
++.contrast-tags {
++  max-width: 940px;
++  margin: 0 auto;
++  display: flex;
++  flex-wrap: wrap;
++  justify-content: center;
++  gap: 10px;
++}
++
++.contrast-tags span {
++  display: inline-flex;
++  align-items: center;
++  padding: 8px 13px;
++  border: 1px solid fade(#fff, 18%);
++  border-radius: 999px;
++  background: fade(#fff, 8%);
++  color: #F8FAFC;
++  font-size: 13px;
++  font-weight: 700;
++  line-height: 1.2;
++}
++
++.contrast-tags span::before {
++  content: "";
++  width: 7px;
++  height: 7px;
++  margin-right: 8px;
++  border-radius: 50%;
++  background: @brand;
++  box-shadow: 0 0 0 4px fade(@brand, 18%);
++}
++
++/* Support text */
++.contrast-support {
++  max-width: 860px;
++  margin: 30px auto 0;
++  color: #D9E3EE;
++  text-align: center;
++  font-size: 15px;
++  line-height: 1.7;
++}
++
++/* Mobile adjustments */
++@media (max-width: 640px) {
++  .contrast-band {
++    padding: 40px 0;
++  }
++
++  .contrast-tags span {
++    font-size: 12px;
++    padding: 8px 11px;
++  }
++}
++
  /* ========== Reusable Grids ========== */
  .card-grid,