0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12

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

From 7.59 to 7.60 From 7.70 to 7.71

From version 7.60

edited by Alex Cotiugă
on 2025/11/13 12:58

Change comment: There is no comment for this version

To version 7.70

edited by Alex Cotiugă
on 2025/11/13 20:23

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

@@ -6,21 +6,28 @@
    <!-- ================= HERO ================= -->
    <section class="hero hero-centered" aria-labelledby="hero-title">
      <div class="container">
--      <div class="hero-inner">
--        <h1 id="hero-title">Professional XWiki solutions, from setup to long-term stability</h1>
--        <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen</p>
--        <div class="hero-cta">
--          <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease">Request a consultation</a>
++      <div class="row">
++        <div class="col-sm-12">
++          <div class="hero-inner">
++            <h1 id="hero-title">Professional XWiki solutions, from setup to long-term stability</h1>
++            <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen</p>
++            <div class="hero-cta">
++              <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease">
++                Request a consultation
++              </a>
++            </div>
++            <ul class="benefits">
++              <li>Smooth upgrades</li>
++              <li>Reliable support plans</li>
++              <li>Custom integrations</li>
++              <li>Secure, optimized platforms</li>
++            </ul>
++          </div>
          </div>
--        <ul class="benefits">
--          <li>Smooth upgrades</li>
--          <li>Reliable support plans</li>
--          <li>Custom integrations</li>
--          <li>Secure, optimized platforms</li>
--        </ul>
        </div>
      </div>
    </section>
++
    <!-- ========= WHY CHOOSE AGNEASE (widgets) ========= -->
    #set ($whySectionData = [{
      'title': 'Stability & security',

XWiki.StyleSheetExtension[0]

Code

@@ -179,10 +179,10 @@
    }
    /* SERVICES */
-- .services {
++ /* SERVICES */
++  .services {
      h2 {
        margin: 0 0 .3rem;
--      /* rely on global heading sizing */
      }
      .services-sub {
@@ -190,16 +190,11 @@
        color: @muted;
      }
--    /* Grid: two columns, last item spans both */
++    /* Flex layout: 2 per row on desktop */
      .services-grid {
--      display: grid;
--      grid-template-columns: repeat(2, 1fr);
--      gap: 32px 36px;
--      article.service:last-child:nth-child(odd) {
--        grid-column: 1 / -1;      /*// span both columns*/
--        max-width: 680px;         /*// optional: keep it from stretching too wide*/
--        justify-self: center;     /*// center it in the row*/
--      }
++      display: flex;
++      flex-wrap: wrap;
++      gap: 32px 36px;          // row gap, column gap
      }
      .service {
@@ -209,12 +209,15 @@
        padding: 18px 0;
        border-top: 1px solid @line;
++      /* two per row */
++      flex: 1 1 calc(50% - 18px);
++      max-width: calc(50% - 18px);
++
        /* first row: no top border */
        &:nth-of-type(-n + 2) {
          border-top: none;
        }
--      /* icon badge */
        > i {
          width: 42px;
          height: 42px;
@@ -229,7 +229,7 @@
        }
        .body {
--        h3 {
++        h4 {
            margin: 0 0 4px;
            font-size: 1.125rem;
            font-weight: 800;
@@ -253,27 +253,30 @@
            line-height: 1.45;
          }
        }
++    }
--      /* last item (Migrations): centered single row */
--      &.service--center {
--        grid-column: 1 / -1;
--        max-width: 680px;
--        justify-self: center;
--        border-top: 1px solid @line; // always show a separator above it
--      }
++    /* If there is an odd number of services, center the last one */
++    .services-grid > .service:last-child:nth-child(odd) {
++      flex-basis: 100%;
++      max-width: 680px;
++      margin-left: auto;
++      margin-right: auto;
      }
--    /* Responsive */
++    /* Mobile: single column, full-width */
      @media (max-width: 760px) {
        .services-grid {
--        grid-template-columns: 1fr;
--        row-gap: 20px;
++        gap: 20px;
        }
        .service {
          grid-template-columns: 40px 1fr;
++        flex: 1 1 100%;
++        max-width: 100%;
--        /* on mobile only the first service has no top border */
++        /* reset border for all, then remove only on first */
++        border-top: 1px solid @line;
++
          &:nth-of-type(1) {
            border-top: none;
          }
@@ -283,10 +283,14 @@
            height: 36px;
            font-size: 16px;
          }
++      }
--        &.service--center {
--          max-width: 100%;
--        }
++      /* On mobile, last item behaves like all others */
++      .services-grid > .service:last-child:nth-child(odd) {
++        flex-basis: 100%;
++        max-width: 100%;
++        margin-left: 0;
++        margin-right: 0;
        }
      }
    }