Skip to Content

Changes for page Public Web Site

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

Summary

Details

Page properties
Content
... ... @@ -146,7 +146,7 @@
146 146   </div>
147 147   </section>
148 148  
149 - <section class="resource-strip" aria-labelledby="resources-title">
149 + <section class="resource-strip homepage-resource-strip" aria-labelledby="resources-title">
150 150   <div class="container">
151 151   <h2 id="resources-title">Useful XWiki resources</h2>
152 152   <p class="section-intro">
XWiki.StyleSheetExtension[0]
code
... ... @@ -329,12 +329,6 @@
329 329   border: 1px solid @line;
330 330   border-radius: @radius;
331 331   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 - }
338 338  }
339 339  
340 340  /* ========== Small Widgets ========== */
... ... @@ -450,13 +450,7 @@
450 450   border: 1px solid @line;
451 451   border-radius: @radius;
452 452   box-shadow: @shadow-sm;
453 - transition: transform .18s ease, box-shadow .18s ease;
454 454  
455 - &:hover {
456 - transform: translateY(-2px);
457 - box-shadow: @shadow;
458 - }
459 -
460 460   .service-icon {
461 461   width: 46px;
462 462   height: 46px;
... ... @@ -624,6 +624,77 @@
624 624   }
625 625  }
626 626  
615 +/* ========== Homepage Resource Strip ========== */
616 +
617 +.homepage-resource-strip {
618 + background:
619 + radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
620 +
621 + .resource-grid {
622 + max-width: 1040px;
623 + margin: 26px auto 0;
624 + display: grid;
625 + grid-template-columns: repeat(2, minmax(0, 1fr));
626 + grid-gap: 22px;
627 + align-items: stretch;
628 + }
629 +
630 + .resource-card {
631 + display: flex;
632 + flex-direction: column;
633 + min-width: 0;
634 + min-height: 100%;
635 + padding: 26px;
636 + }
637 +
638 + .resource-card h4 {
639 + margin: 0 0 10px;
640 + color: @text;
641 + font-size: 21px;
642 + line-height: 1.25;
643 + font-weight: 700;
644 + }
645 +
646 + .resource-card p {
647 + margin: 0 0 18px;
648 + color: @muted;
649 + font-size: 15px;
650 + line-height: 1.6;
651 + }
652 +
653 + .resource-card a {
654 + margin-top: auto;
655 + color: @brand;
656 + font-weight: 700;
657 + text-decoration: underline;
658 +
659 + &:hover,
660 + &:focus {
661 + color: @brand-strong;
662 + }
663 + }
664 +}
665 +
666 +@media (max-width: 980px) {
667 + .homepage-resource-strip {
668 + .resource-grid {
669 + grid-template-columns: 1fr;
670 + }
671 + }
672 +}
673 +
674 +@media (max-width: 640px) {
675 + .homepage-resource-strip {
676 + .resource-card {
677 + padding: 22px;
678 + }
679 +
680 + .resource-card h4 {
681 + font-size: 19px;
682 + }
683 + }
684 +}
685 +
627 627  /* ========== CTA ========== */
628 628  
629 629  .cta-section {
... ... @@ -939,13 +939,7 @@
939 939   grid-template-columns: 68px 1fr;
940 940   grid-gap: 22px;
941 941   align-items: start;
942 - transition: transform .18s ease, box-shadow .18s ease;
943 943  
944 - &:hover {
945 - transform: translateY(-2px);
946 - box-shadow: @shadow;
947 - }
948 -
949 949   .product-card-icon {
950 950   width: 58px;
951 951   height: 58px;
XWiki.StyleSheetExtension[1]
code
... ... @@ -1,9 +1,9 @@
1 1  /* ========== Agnease Public Top Menu ========== */
2 2  
3 3  /* Desktop alignment */
4 -.navbar-left {
5 - float: right !important;
6 - }
4 +#menuview .navbar-nav {
5 + float: right !important;
6 +}
7 7  
8 8  /* Top-level menu items */
9 9