Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 10.31
edited by Agnease
on 2026/05/19 07:29
Change comment: There is no comment for this version
To version 10.40
edited by Agnease
on 2026/05/22 08:17
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,11 +329,10 @@
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;
332 + transition: box-shadow .18s ease;
333 333  
334 334   &:hover {
335 - transform: translateY(-2px);
336 - box-shadow: @shadow;
335 + box-shadow: @shadow-sm;
337 337   }
338 338  }
339 339  
... ... @@ -624,6 +624,77 @@
624 624   }
625 625  }
626 626  
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 +
627 627  /* ========== CTA ========== */
628 628  
629 629  .cta-section {
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;
6 - }
4 +#menuview .navbar-nav {
5 + float: right !important;
6 +}
7 7  
8 8  /* Top-level menu items */
9 9