Changes for page Public Web Site

Last modified by Alex Cotiuga on 2026/07/29 05:00

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

From 30.5 to 30.4 From 31.14 to 31.13

From version 31.13

edited by Alex Cotiuga
on 2026/07/29 05:00

Change comment: There is no comment for this version

To version 30.5

edited by Alex Cotiuga
on 2026/07/10 04:33

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

@@ -249,7 +249,6 @@
              A short description is enough to define practical next steps.
            </p>
            <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>
--          <a class="btn btn-secondary" href="$xwiki.getURL('pricing.WebHome')">View service packages</a>
          </div>
        </div>
      </section>

XWiki.StyleSheetExtension[0]

code

@@ -117,51 +117,19 @@
  .site-nav {
    display: flex;
    align-items: center;
--  gap: 8px;
++  gap: 22px;
    font-size: 15px;
    a {
--    display: inline-flex;
--    align-items: center;
--    gap: 5px;
--    padding: 8px 11px;
--    border-radius: 9px;
      color: @text;
--    background: transparent;
      text-decoration: none;
      font-weight: 600;
--    line-height: 1.2;
--    transition:
--      color .18s ease,
--      background .18s ease,
--      box-shadow .18s ease,
--      transform .18s ease;
      &:hover,
      &:focus {
--      color: #fff;
--      background:
--        linear-gradient(
--          110deg,
--          @text 0%,
--          @text-soft 55%,
--          @brand-strong 100%
--        );
--      box-shadow: 0 8px 18px rgba(7, 24, 45, .14);
++      color: @brand;
        text-decoration: none;
--      transform: translateY(-1px);
      }
--
--    &:focus-visible {
--      outline: 2px solid fade(@brand, 45%);
--      outline-offset: 2px;
--    }
--
--    i,
--    .fa,
--    .caret {
--      color: inherit;
--    }
    }
    .nav-cta {
@@ -168,20 +168,14 @@
      color: #fff;
      background: @brand;
      border: 1px solid @brand;
--    border-radius: 9px;
++    border-radius: 6px;
      padding: 8px 14px;
      &:hover,
      &:focus {
        color: #fff;
--      border-color: transparent;
--      background:
--        linear-gradient(
--          110deg,
--          @text 0%,
--          @text-soft 55%,
--          @brand-strong 100%
--        );
++      background: @brand-strong;
++      border-color: @brand-strong;
      }
    }
  }
@@ -799,7 +799,6 @@
  }
  .resource-card {
--  background-color: #fff;
    padding: 20px;
    h4 {
@@ -933,23 +933,20 @@
        pointer-events: none;
      }
--    > h2,
--    > p,
--    > form,
--    > .hero-actions,
--    > .cta-actions,
--    > .reviewNotifications {
++    h2,
++    p,
++    .btn {
        position: relative;
        z-index: 1;
      }
--    > h2 {
++    h2 {
        max-width: 760px;
        margin: 0 auto 16px;
        color: #fff;
      }
--    > p {
++    p {
        max-width: 760px;
        margin: 0 auto 28px;
        color: #DBE4EF;
@@ -997,20 +997,6 @@
    }
  }
--/* ========== XWiki notifications inside public CTA panels ========== */
--
--#mainContentArea {
--  .cta-panel {
--    .reviewNotifications {
--      position: relative;
--      z-index: 1;
--      max-width: 920px;
--      margin: 22px auto 0;
--      text-align: left;
--    }
--  }
--}
--
  @media (max-width: 760px) {
    section[id] {
      scroll-margin-top: 132px;
@@ -1183,7 +1183,7 @@
  .resource-note {
    border-left: 4px solid @brand;
--  background: #fff;
++  background: @brand-bg;
    padding: 16px 18px;
    margin: 22px 0;
    border-radius: 0 @radius @radius 0;
@@ -1510,6 +1510,17 @@
    }
  }
++.product-card-contact {
++  color: @brand;
++  font-weight: 700;
++  text-decoration: underline;
++
++  &:hover,
++  &:focus {
++    color: @brand-strong;
++  }
++}
++
  @media (max-width: 640px) {
    .product-card {
      grid-template-columns: 1fr;
@@ -2052,177 +2052,3 @@
    }
  }
--/* ========== Temporary marketing campaign banner ========== */
--
--.public-campaign-banner {
--  position: relative;
--  margin-top: 30px;
--  z-index: 20;
--  border: 0;
--  background:
--    radial-gradient(circle at 88% 0%, fade(@brand, 30%) 0%, transparent 32%),
--    linear-gradient(110deg, @text 0%, @text-soft 55%, @brand-strong 100%);
--  color: #fff;
--  border-radius: 14px;
--  box-shadow: 0 10px 26px rgba(7, 24, 45, .10);
--}
--
--.public-campaign-inner {
--  min-height: 88px;
--  padding-top: 14px;
--  padding-bottom: 14px;
--  display: flex;
--  align-items: center;
--  justify-content: space-between;
--  gap: 30px;
--}
--
--.public-campaign-copy {
--  min-width: 0;
--  display: flex;
--  align-items: center;
--  gap: 18px;
--}
--
--.public-campaign-label {
--  flex-shrink: 0;
--  display: inline-flex;
--  align-items: center;
--  gap: 7px;
--  padding: 7px 11px;
--  border: 1px solid fade(#fff, 32%);
--  border-radius: 999px;
--  background: fade(#fff, 12%);
--  color: #fff;
--  font-size: 12px;
--  line-height: 1.2;
--  font-weight: 800;
--  text-transform: uppercase;
--  letter-spacing: .05em;
--}
--
--.public-campaign-message {
--  min-width: 0;
--  flex: 1;
--
--  strong {
--    display: block;
--    margin-bottom: 5px;
--    color: #fff;
--    font-size: 18px;
--    line-height: 1.25;
--    font-weight: 800;
--    letter-spacing: -.01em;
--  }
--
--  span {
--    display: block;
--    max-width: 660px;
--    color: #DBE4EF;
--    font-size: 14px;
--    line-height: 1.45;
--  }
--}
--
--.public-campaign-actions {
--  flex-shrink: 0;
--  display: flex;
--  align-items: center;
--  gap: 18px;
--}
--
--.public-campaign-primary {
--  white-space: nowrap;
--  padding: 9px 16px;
--  border-color: #fff;
--  border-radius: 7px;
--  background: #fff;
--  color: @text;
--  font-weight: 800;
--  box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
--}
--
--.public-campaign-link {
--  white-space: nowrap;
--  color: #fff;
--  font-size: 14px;
--  font-weight: 700;
--  text-decoration: none;
--
--  i {
--    margin-left: 6px;
--    transition: transform .18s ease;
--  }
--
--  &:hover,
--  &:focus {
--    color: #fff;
--    text-decoration: underline;
--    text-underline-offset: 3px;
--
--    i {
--      transform: translateX(3px);
--    }
--  }
--}
--
--@media (max-width: 980px) {
--  .public-campaign-inner {
--    align-items: flex-start;
--    gap: 18px;
--  }
--
--  .public-campaign-copy {
--    align-items: flex-start;
--  }
--
--  .public-campaign-actions {
--    flex-direction: column;
--    align-items: flex-end;
--    gap: 10px;
--  }
--}
--
--@media (max-width: 760px) {
--  .public-campaign-inner {
--    display: block;
--    padding-top: 18px;
--    padding-bottom: 18px;
--    text-align: center;
--  }
--
--  .public-campaign-copy {
--    display: block;
--  }
--
--  .public-campaign-label {
--    margin-bottom: 12px;
--  }
--
--  .public-campaign-message {
--    strong {
--      font-size: 16px;
--    }
--
--    span {
--      margin: 0 auto;
--    }
--  }
--
--  .public-campaign-actions {
--    margin-top: 16px;
--    display: flex;
--    flex-direction: column;
--    align-items: stretch;
--    gap: 11px;
--  }
--
--  .public-campaign-primary {
--    width: 100%;
--    white-space: normal;
--  }
--
--  .public-campaign-link {
--    white-space: normal;
--  }
--}