Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 11.5
edited by Agnease
on 2026/05/22 08:35
Change comment: There is no comment for this version
To version 10.36
edited by Agnease
on 2026/05/19 07:34
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -16,6 +16,11 @@
16 16   Agnease helps companies keep XWiki secure, stable, up-to-date and adapted to real business processes.
17 17   </p>
18 18  
19 + <p class="hero-support">
20 + From LTS upgrades and maintenance to custom applications, integrations, workflows and migrations,
21 + Agnease provides focused XWiki expertise with practical delivery and long-term care.
22 + </p>
23 +
19 19   <ul class="benefits">
20 20   <li>Safe LTS upgrades</li>
21 21   <li>Support and recovery</li>
... ... @@ -141,7 +141,7 @@
141 141   </div>
142 142   </section>
143 143  
144 - <section class="resource-strip homepage-resource-strip" aria-labelledby="resources-title">
149 + <section class="resource-strip" aria-labelledby="resources-title">
145 145   <div class="container">
146 146   <h2 id="resources-title">Useful XWiki resources</h2>
147 147   <p class="section-intro">
XWiki.StyleSheetExtension[0]
code
... ... @@ -12,9 +12,6 @@
12 12  @shadow: 0 12px 36px rgba(0, 0, 0, .08);
13 13  @maxw: 1140px;
14 14  
15 -@section-padding: 30px 0;
16 -@section-padding-mobile: 28px 0;
17 -
18 18  /* ========== Base ========== */
19 19  
20 20  #mainContentArea {
... ... @@ -34,7 +34,7 @@
34 34  }
35 35  
36 36  section {
37 - padding: 30px 0;
34 + padding: 42px 0;
38 38   border-top: 1px solid @line;
39 39  
40 40   &:first-of-type {
... ... @@ -332,6 +332,12 @@
332 332   border: 1px solid @line;
333 333   border-radius: @radius;
334 334   box-shadow: @shadow-sm;
332 + transition: transform .18s ease, box-shadow .18s ease;
333 +
334 + &:hover {
335 + transform: translateY(-2px);
336 + box-shadow: @shadow;
337 + }
335 335  }
336 336  
337 337  /* ========== Small Widgets ========== */
... ... @@ -447,7 +447,13 @@
447 447   border: 1px solid @line;
448 448   border-radius: @radius;
449 449   box-shadow: @shadow-sm;
453 + transition: transform .18s ease, box-shadow .18s ease;
450 450  
455 + &:hover {
456 + transform: translateY(-2px);
457 + box-shadow: @shadow;
458 + }
459 +
451 451   .service-icon {
452 452   width: 46px;
453 453   height: 46px;
... ... @@ -615,77 +615,6 @@
615 615   }
616 616  }
617 617  
618 -/* ========== Homepage Resource Strip ========== */
619 -
620 -.homepage-resource-strip {
621 - background:
622 - radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
623 -
624 - .resource-grid {
625 - max-width: 1040px;
626 - margin: 26px auto 0;
627 - display: grid;
628 - grid-template-columns: repeat(2, minmax(0, 1fr));
629 - grid-gap: 22px;
630 - align-items: stretch;
631 - }
632 -
633 - .resource-card {
634 - display: flex;
635 - flex-direction: column;
636 - min-width: 0;
637 - min-height: 100%;
638 - padding: 26px;
639 - }
640 -
641 - .resource-card h4 {
642 - margin: 0 0 10px;
643 - color: @text;
644 - font-size: 21px;
645 - line-height: 1.25;
646 - font-weight: 700;
647 - }
648 -
649 - .resource-card p {
650 - margin: 0 0 18px;
651 - color: @muted;
652 - font-size: 15px;
653 - line-height: 1.6;
654 - }
655 -
656 - .resource-card a {
657 - margin-top: auto;
658 - color: @brand;
659 - font-weight: 700;
660 - text-decoration: underline;
661 -
662 - &:hover,
663 - &:focus {
664 - color: @brand-strong;
665 - }
666 - }
667 -}
668 -
669 -@media (max-width: 980px) {
670 - .homepage-resource-strip {
671 - .resource-grid {
672 - grid-template-columns: 1fr;
673 - }
674 - }
675 -}
676 -
677 -@media (max-width: 640px) {
678 - .homepage-resource-strip {
679 - .resource-card {
680 - padding: 22px;
681 - }
682 -
683 - .resource-card h4 {
684 - font-size: 19px;
685 - }
686 - }
687 -}
688 -
689 689  /* ========== CTA ========== */
690 690  
691 691  .cta-section {
... ... @@ -1001,7 +1001,13 @@
1001 1001   grid-template-columns: 68px 1fr;
1002 1002   grid-gap: 22px;
1003 1003   align-items: start;
942 + transition: transform .18s ease, box-shadow .18s ease;
1004 1004  
944 + &:hover {
945 + transform: translateY(-2px);
946 + box-shadow: @shadow;
947 + }
948 +
1005 1005   .product-card-icon {
1006 1006   width: 58px;
1007 1007   height: 58px;
... ... @@ -1129,7 +1129,13 @@
1129 1129   border-radius: @radius;
1130 1130   box-shadow: @shadow-sm;
1131 1131   padding: 22px;
1076 + transition: transform .18s ease, box-shadow .18s ease;
1132 1132  
1078 + &:hover {
1079 + transform: translateY(-2px);
1080 + box-shadow: @shadow;
1081 + }
1082 +
1133 1133   .feature-icon {
1134 1134   width: 46px;
1135 1135   height: 46px;