Skip to Content

Changes for page Public Web Site

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