Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 10.37
edited by Agnease
on 2026/05/19 07:35
Change comment: There is no comment for this version
To version 10.39
edited by Agnease
on 2026/05/22 08:13
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
... ... @@ -624,6 +624,77 @@
624 624   }
625 625  }
626 626  
627 +/* ========== Homepage Resource Strip ========== */
628 +
629 +.homepage-resource-strip {
630 + background:
631 + radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
632 +
633 + .resource-grid {
634 + max-width: 1040px;
635 + margin: 26px auto 0;
636 + display: grid;
637 + grid-template-columns: repeat(2, minmax(0, 1fr));
638 + grid-gap: 22px;
639 + align-items: stretch;
640 + }
641 +
642 + .resource-card {
643 + display: flex;
644 + flex-direction: column;
645 + min-width: 0;
646 + min-height: 100%;
647 + padding: 26px;
648 + }
649 +
650 + .resource-card h4 {
651 + margin: 0 0 10px;
652 + color: @text;
653 + font-size: 21px;
654 + line-height: 1.25;
655 + font-weight: 700;
656 + }
657 +
658 + .resource-card p {
659 + margin: 0 0 18px;
660 + color: @muted;
661 + font-size: 15px;
662 + line-height: 1.6;
663 + }
664 +
665 + .resource-card a {
666 + margin-top: auto;
667 + color: @brand;
668 + font-weight: 700;
669 + text-decoration: underline;
670 +
671 + &:hover,
672 + &:focus {
673 + color: @brand-strong;
674 + }
675 + }
676 +}
677 +
678 +@media (max-width: 980px) {
679 + .homepage-resource-strip {
680 + .resource-grid {
681 + grid-template-columns: 1fr;
682 + }
683 + }
684 +}
685 +
686 +@media (max-width: 640px) {
687 + .homepage-resource-strip {
688 + .resource-card {
689 + padding: 22px;
690 + }
691 +
692 + .resource-card h4 {
693 + font-size: 19px;
694 + }
695 + }
696 +}
697 +
627 627  /* ========== CTA ========== */
628 628  
629 629  .cta-section {