Changes for page Public Web Site

Last modified by Alex Cotiuga on 2026/07/21 12:54

From version 30.10
edited by Alex Cotiuga
on 2026/07/21 12:54
Change comment: There is no comment for this version
To version 29.4
edited by Alex Cotiuga
on 2026/07/03 15:26
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -249,7 +249,6 @@
249 249   A short description is enough to define practical next steps.
250 250   </p>
251 251   <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>
252 - <a class="btn btn-secondary" href="$xwiki.getURL('pricing.WebHome')">View service packages</a>
253 253   </div>
254 254   </div>
255 255   </section>
XWiki.StyleSheetExtension[0]
code
... ... @@ -79,7 +79,7 @@
79 79  
80 80  .section-intro {
81 81   max-width: 760px;
82 - margin: 10px auto 22px;
82 + margin: 0 auto 22px;
83 83   text-align: center;
84 84   color: @muted;
85 85   font-size: 16px;
... ... @@ -631,49 +631,6 @@
631 631   margin-bottom: 0;
632 632   }
633 633   }
634 -
635 - h3,
636 - h4 {
637 - position: relative;
638 - z-index: 1;
639 - margin: 0 0 16px;
640 - color: #fff;
641 - font-size: 24px;
642 - line-height: 1.2;
643 - font-weight: 800;
644 - }
645 -
646 - h2 i,
647 - h3 i,
648 - h4 i {
649 - margin-right: 8px;
650 - color: @brand;
651 - }
652 -
653 - ul {
654 - position: relative;
655 - z-index: 1;
656 - margin: 18px 0 0;
657 - padding: 0;
658 - list-style: none;
659 - }
660 -
661 - li {
662 - position: relative;
663 - margin: 10px 0;
664 - padding-left: 28px;
665 - color: #DBE4EF;
666 - line-height: 1.5;
667 -
668 - &::before {
669 - content: "\f00c";
670 - font-family: FontAwesome;
671 - position: absolute;
672 - left: 0;
673 - top: 1px;
674 - color: @brand;
675 - }
676 - }
677 677  }
678 678  
679 679  .process-list {
... ... @@ -726,34 +726,6 @@
726 726   }
727 727  }
728 728  
729 -/* ===== Contact page side panel ===== */
730 -
731 -.contact-side-panel {
732 - padding-top: 10px;
733 -}
734 -
735 -.contact-help-panel {
736 - margin-bottom: 18px;
737 - padding: 30px 28px;
738 -}
739 -
740 -.contact-help-panel h2 {
741 - font-size: 24px;
742 -}
743 -
744 -.contact-process-list li {
745 - min-height: auto;
746 -}
747 -
748 -/* CSS for hidden field to identify requests filled by bots. */
749 -.contact-hp-wrapper {
750 - position: absolute;
751 - left: -9999px;
752 - width: 1px;
753 - height: 1px;
754 - overflow: hidden;
755 -}
756 -
757 757  /* ========== Resources ========== */
758 758  
759 759  .resource-strip {
... ... @@ -761,7 +761,6 @@
761 761  }
762 762  
763 763  .resource-card {
764 - background-color: #fff;
765 765   padding: 20px;
766 766  
767 767   h4 {
... ... @@ -857,7 +857,7 @@
857 857  /* ========== CTA ========== */
858 858  
859 859  .cta-section {
860 - border: none;
788 + padding: 44px 0 56px;
861 861  
862 862   .contact-inline {
863 863   margin: 0;
... ... @@ -947,12 +947,8 @@
947 947   grid-template-columns: 1fr;
948 948   }
949 949  
950 - .split-copy {
951 - padding: 34px 28px;
952 -
953 - h2 {
954 - text-align: center;
955 - }
878 + .split-copy h2 {
879 + text-align: center;
956 956   }
957 957  }
958 958  
... ... @@ -1020,22 +1020,6 @@
1020 1020   padding: 20px;
1021 1021   }
1022 1022  
1023 - .split-copy {
1024 - padding: 30px 22px;
1025 - border-radius: 20px;
1026 - }
1027 -
1028 - .process-list li {
1029 - padding: 22px 20px 22px 68px;
1030 -
1031 - &:before {
1032 - left: 20px;
1033 - top: 22px;
1034 - width: 32px;
1035 - height: 32px;
1036 - }
1037 - }
1038 -
1039 1039   .services .service {
1040 1040   gap: 14px;
1041 1041   }
... ... @@ -1128,7 +1128,7 @@
1128 1128  
1129 1129  .resource-note {
1130 1130   border-left: 4px solid @brand;
1131 - background: #fff;
1039 + background: @brand-bg;
1132 1132   padding: 16px 18px;
1133 1133   margin: 22px 0;
1134 1134   border-radius: 0 @radius @radius 0;
... ... @@ -1260,43 +1260,9 @@
1260 1260   }
1261 1261  }
1262 1262  
1263 -.resource-inline-cta {
1264 - display: flex;
1265 - align-items: center;
1266 - justify-content: space-between;
1267 - gap: 22px;
1268 - margin: 30px 0;
1269 - padding: 20px 22px;
1270 - border: 1px solid @line;
1271 - border-left: 4px solid @brand;
1272 - border-radius: @radius;
1273 - background: #fff;
1274 - box-shadow: @shadow-sm;
1275 -
1276 - p {
1277 - margin: 0;
1278 - color: @muted;
1279 - line-height: 1.55;
1280 - }
1281 -
1282 - strong {
1283 - display: block;
1284 - margin-bottom: 4px;
1285 - color: @text;
1286 - font-size: 17px;
1287 - line-height: 1.3;
1288 - }
1289 -
1290 - .btn {
1291 - flex-shrink: 0;
1292 - white-space: nowrap;
1293 - }
1294 -}
1295 -
1296 1296  .resource-note,
1297 1297  .resource-checklist,
1298 -.resource-cta,
1299 -.resource-inline-cta {
1173 +.resource-cta {
1300 1300   display: flow-root;
1301 1301  }
1302 1302  
... ... @@ -1306,22 +1306,6 @@
1306 1306   }
1307 1307  }
1308 1308  
1309 -@media (max-width: 767px) {
1310 - .resource-inline-cta {
1311 - display: block;
1312 -
1313 - p {
1314 - margin-bottom: 14px;
1315 - }
1316 -
1317 - .btn {
1318 - display: block;
1319 - width: 100%;
1320 - white-space: normal;
1321 - }
1322 - }
1323 -}
1324 -
1325 1325  @media (max-width: 900px) {
1326 1326   .resource-layout {
1327 1327   padding-top: 22px;
... ... @@ -1455,6 +1455,17 @@
1455 1455   }
1456 1456  }
1457 1457  
1316 +.product-card-contact {
1317 + color: @brand;
1318 + font-weight: 700;
1319 + text-decoration: underline;
1320 +
1321 + &:hover,
1322 + &:focus {
1323 + color: @brand-strong;
1324 + }
1325 +}
1326 +
1458 1458  @media (max-width: 640px) {
1459 1459   .product-card {
1460 1460   grid-template-columns: 1fr;