Skip to Content

Changes for page Public Web Site

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