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.1 to 29.27 From 31.10 to 31.9

From version 31.9

edited by Alex Cotiuga
on 2026/07/29 04:43

Change comment: There is no comment for this version

To version 30.1

edited by Alex Cotiuga
on 2026/07/03 16:14

Change comment: Rollback to version 29.17

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

@@ -79,7 +79,7 @@
  .section-intro {
    max-width: 760px;
--  margin: 10px auto 22px;
++  margin: 0 auto 22px;
    text-align: center;
    color: @muted;
    font-size: 16px;
@@ -761,7 +761,6 @@
  }
  .resource-card {
--  background-color: #fff;
    padding: 20px;
    h4 {
@@ -895,23 +895,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;
@@ -959,20 +959,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;
@@ -1145,7 +1145,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;
@@ -1277,43 +1277,9 @@
    }
  }
--.resource-inline-cta {
--  display: flex;
--  align-items: center;
--  justify-content: space-between;
--  gap: 22px;
--  margin: 30px 0;
--  padding: 20px 22px;
--  border: 1px solid @line;
--  border-left: 4px solid @brand;
--  border-radius: @radius;
--  background: #fff;
--  box-shadow: @shadow-sm;
--
--  p {
--    margin: 0;
--    color: @muted;
--    line-height: 1.55;
--  }
--
--  strong {
--    display: block;
--    margin-bottom: 4px;
--    color: @text;
--    font-size: 17px;
--    line-height: 1.3;
--  }
--
--  .btn {
--    flex-shrink: 0;
--    white-space: nowrap;
--  }
--}
--
  .resource-note,
  .resource-checklist,
--.resource-cta,
--.resource-inline-cta {
++.resource-cta {
    display: flow-root;
  }
@@ -1323,22 +1323,6 @@
    }
  }
--@media (max-width: 767px) {
--  .resource-inline-cta {
--    display: block;
--
--    p {
--      margin-bottom: 14px;
--    }
--
--    .btn {
--      display: block;
--      width: 100%;
--      white-space: normal;
--    }
--  }
--}
--
  @media (max-width: 900px) {
    .resource-layout {
      padding-top: 22px;
@@ -1472,6 +1472,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;
@@ -2014,178 +2014,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;
--  box-shadow: 0 10px 26px rgba(7, 24, 45, .12);
--}
--
--.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: 6px 10px;
--  border: 1px solid fade(#fff, 28%);
--  border-radius: 999px;
--  background: fade(#fff, 10%);
--  color: #fff;
--  font-size: 12px;
--  line-height: 1.2;
--  font-weight: 800;
--  text-transform: uppercase;
--  letter-spacing: .04em;
--
--  i {
--    color: #fff;
--  }
--}
--
--.public-campaign-message {
--  min-width: 0;
--
--  strong {
--    display: block;
--    margin-bottom: 4px;
--    color: #fff;
--    font-size: 17px;
--    line-height: 1.3;
--  }
--
--  span {
--    display: block;
--    max-width: 700px;
--    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;
--  border-color: #fff;
--  background: #fff;
--  color: @text;
--  font-weight: 700;
--  box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
--
--  &:hover,
--  &:focus {
--    border-color: #fff;
--    background: #fff;
--    color: @brand-strong;
--    text-decoration: none;
--  }
--}
--
--.public-campaign-link {
--  white-space: nowrap;
--  color: #fff;
--  font-size: 14px;
--  font-weight: 700;
--  text-decoration: underline;
--  text-underline-offset: 3px;
--
--  i {
--    margin-left: 5px;
--  }
--
--  &:hover,
--  &:focus {
--    color: #fff;
--    text-decoration-thickness: 2px;
--  }
--}
--
--@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;
--  }
--}