Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14
From version 28.19
edited by Agnease
on 2026/07/03 13:03
Change comment: There is no comment for this version
To version 28.16
edited by Agnease
on 2026/07/03 12:57
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -149,9 +149,9 @@
149 149   </div>
150 150   </section>
151 151  
152 - <section class="contrast-band" aria-labelledby="industry-trust-title">
152 + <section class="industry-trust-section" aria-labelledby="industry-trust-title">
153 153   <div class="container">
154 - <div class="contrast-panel">
154 + <div class="industry-trust-panel">
155 155   <h2 id="industry-trust-title">Trusted XWiki expertise for business-critical platforms</h2>
156 156  
157 157   <p class="section-intro">
... ... @@ -159,7 +159,7 @@
159 159   government institutions, transportation, software development, compliance programs and regulated environments.
160 160   </p>
161 161  
162 - <div class="contrast-tags" aria-label="Industries and environments supported">
162 + <div class="industry-tags" aria-label="Industries and environments supported">
163 163   <span>Healthcare</span>
164 164   <span>Financial services</span>
165 165   <span>Scientific research</span>
... ... @@ -170,7 +170,7 @@
170 170   <span>Regulated environments</span>
171 171   </div>
172 172  
173 - <p class="contrast-support">
173 + <p class="industry-support">
174 174   Organizations rely on these platforms to manage documentation, workflows, compliance processes,
175 175   research knowledge and critical business information. From upgrades and authentication integrations
176 176   to workflow systems and long-term maintenance, Agnease helps keep XWiki secure, stable and ready for the future.
XWiki.StyleSheetExtension[0]
code
... ... @@ -247,104 +247,34 @@
247 247   margin-top: 22px;
248 248  }
249 249  
250 -/* ========== Contrast Band ========== */
250 +/* ========== Trust Strip ========== */
251 251  
252 -.contrast-band {
253 - position: relative;
254 - overflow: hidden;
255 - padding: 54px 0;
256 - background:
257 - radial-gradient(circle at 18% 18%, fade(@brand, 22%) 0%, transparent 28%),
258 - radial-gradient(circle at 86% 12%, fade(@brand, 16%) 0%, transparent 30%),
259 - linear-gradient(135deg, @text 0%, @text-soft 100%);
260 - color: #fff;
252 +.trust-strip {
253 + padding: 18px 0;
254 + border-top: 1px solid @line;
261 261  
262 - &::before {
263 - content: "";
264 - position: absolute;
265 - inset: 0;
266 - background:
267 - linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px),
268 - linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px);
269 - background-size: 52px 52px;
270 - opacity: .38;
271 - pointer-events: none;
272 - }
273 -
274 - .container {
275 - position: relative;
276 - z-index: 1;
277 - }
278 -
279 - .contrast-panel {
280 - max-width: 1040px;
256 + ul {
257 + max-width: 960px;
281 281   margin: 0 auto;
282 - text-align: center;
259 + padding: 0;
260 + list-style: none;
261 + display: flex;
262 + justify-content: center;
263 + gap: 22px;
264 + flex-wrap: wrap;
265 + color: @muted;
266 + font-size: 13px;
283 283   }
284 284  
285 - h2 {
286 - max-width: 860px;
287 - margin: 0 auto 12px;
288 - color: #fff;
289 - }
290 -
291 - .section-intro {
292 - max-width: 840px;
293 - margin: 0 auto 26px;
294 - color: #D9E3EE;
295 - }
296 -}
297 -
298 -.contrast-tags {
299 - max-width: 940px;
300 - margin: 0 auto;
301 - display: flex;
302 - flex-wrap: wrap;
303 - justify-content: center;
304 - gap: 10px;
305 -
306 - span {
307 - display: inline-flex;
269 + li {
270 + display: flex;
308 308   align-items: center;
309 - padding: 8px 13px;
310 - border: 1px solid fade(#fff, 18%);
311 - border-radius: 999px;
312 - background: fade(#fff, 8%);
313 - color: #F8FAFC;
314 - font-size: 13px;
315 - font-weight: 700;
316 - line-height: 1.2;
317 -
318 - &::before {
319 - content: "";
320 - width: 7px;
321 - height: 7px;
322 - margin-right: 8px;
323 - border-radius: 50%;
324 - background: @brand;
325 - box-shadow: 0 0 0 4px fade(@brand, 18%);
326 - }
272 + gap: 7px;
327 327   }
328 -}
329 329  
330 -.contrast-support {
331 - max-width: 860px;
332 - margin: 30px auto 0;
333 - color: #D9E3EE;
334 - text-align: center;
335 - font-size: 15px;
336 - line-height: 1.7;
337 -}
338 -
339 -@media (max-width: 640px) {
340 - .contrast-band {
341 - padding: 40px 0;
275 + i {
276 + color: @brand;
342 342   }
343 -
344 - .contrast-tags span {
345 - font-size: 12px;
346 - padding: 8px 11px;
347 - }
348 348  }
349 349  
350 350  /* ========== Reusable Grids ========== */
... ... @@ -1978,6 +1978,7 @@
1978 1978  }
1979 1979  
1980 1980  /* Make CTA panels stand out more clearly. */
1911 +#mainContentArea .cta-panel,
1981 1981  #mainContentArea .resource-cta,
1982 1982  #mainContentArea .resource-inline-cta {
1983 1983   background: #fff;