Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 6.38
edited by Agnease
on 2026/05/12 13:17
Change comment: There is no comment for this version
To version 7.12
edited by Agnease
on 2026/05/12 14:49
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -159,7 +159,7 @@
159 159   <p>
160 160   A business-focused explanation of why regular LTS upgrades reduce security, compatibility and maintenance risk.
161 161   </p>
162 - <a href="/resources/why-upgrade-xwiki">Read the resource</a>
162 + <a href="$xwiki.getURL('resources.why-upgrade-xwiki')">Read the resource</a>
163 163   </article>
164 164  
165 165   <article class="resource-card">
... ... @@ -167,7 +167,7 @@
167 167   <p>
168 168   How Agnease approaches safe XWiki upgrades for real production environments with customizations and integrations.
169 169   </p>
170 - <a href="/services/xwiki-upgrades">View the service</a>
170 + <a href="$xwiki.getURL('services.xwiki-upgrades')">View the service</a>
171 171   </article>
172 172   </div>
173 173   </div>
XWiki.StyleSheetExtension[0]
code
... ... @@ -726,3 +726,177 @@
726 726   padding: 24px 20px;
727 727   }
728 728  }
729 +/* ========== Resource / Article Pages ========== */
730 +
731 +.resource-page {
732 + padding-top: 34px;
733 +}
734 +
735 +.resource-header {
736 + padding: 40px 0 30px;
737 + border-top: none;
738 + background:
739 + radial-gradient(42rem 14rem at 50% 0%, @brand-bg 0%, transparent 70%);
740 +
741 + .resource-kicker {
742 + display: inline-flex;
743 + align-items: center;
744 + gap: 8px;
745 + color: @brand;
746 + background: fade(@brand, 8%);
747 + border: 1px solid fade(@brand, 18%);
748 + border-radius: 999px;
749 + padding: 6px 12px;
750 + margin-bottom: 14px;
751 + font-size: 13px;
752 + font-weight: 700;
753 + }
754 +
755 + h1 {
756 + max-width: 820px;
757 + margin: 0 auto 14px;
758 + text-align: center;
759 + line-height: 1.18;
760 + }
761 +
762 + .resource-summary {
763 + max-width: 780px;
764 + margin: 0 auto;
765 + color: @muted;
766 + text-align: center;
767 + font-size: 18px;
768 + line-height: 1.55;
769 + }
770 +}
771 +
772 +.resource-layout {
773 + display: grid;
774 + grid-template-columns: minmax(0, 760px) 280px;
775 + gap: 42px;
776 + max-width: 1080px;
777 + margin: 0 auto;
778 + align-items: start;
779 +}
780 +
781 +.resource-content {
782 + color: @text;
783 + font-size: 16px;
784 + line-height: 1.68;
785 +
786 + h2 {
787 + text-align: left;
788 + margin: 34px 0 12px;
789 + line-height: 1.28;
790 + }
791 +
792 + h3 {
793 + margin: 24px 0 8px;
794 + line-height: 1.3;
795 + }
796 +
797 + p {
798 + margin: 0 0 16px;
799 + }
800 +
801 + ul,
802 + ol {
803 + margin: 0 0 18px;
804 + padding-left: 22px;
805 + }
806 +
807 + li {
808 + margin: 6px 0;
809 + }
810 +
811 + strong {
812 + color: @text;
813 + }
814 +}
815 +
816 +.resource-note {
817 + border-left: 4px solid @brand;
818 + background: @brand-bg;
819 + padding: 16px 18px;
820 + margin: 22px 0;
821 + border-radius: 0 @radius @radius 0;
822 +
823 + p:last-child {
824 + margin-bottom: 0;
825 + }
826 +}
827 +
828 +.resource-checklist {
829 + margin: 18px 0 24px;
830 + padding: 0;
831 + list-style: none;
832 +
833 + li {
834 + position: relative;
835 + padding: 10px 0 10px 34px;
836 + border-bottom: 1px solid @line;
837 +
838 + &:before {
839 + content: "\f00c";
840 + font-family: FontAwesome;
841 + position: absolute;
842 + left: 0;
843 + top: 11px;
844 + color: @brand;
845 + }
846 + }
847 +}
848 +
849 +.resource-sidebar {
850 + position: sticky;
851 + top: 96px;
852 + border: 1px solid @line;
853 + border-radius: @radius;
854 + padding: 18px;
855 + background: #fff;
856 + box-shadow: @shadow-sm;
857 +
858 + h4 {
859 + margin: 0 0 10px;
860 + }
861 +
862 + ul {
863 + margin: 0;
864 + padding-left: 18px;
865 + color: @muted;
866 + }
867 +
868 + li {
869 + margin: 8px 0;
870 + }
871 +
872 + a {
873 + color: @brand;
874 + font-weight: 600;
875 + }
876 +}
877 +
878 +.resource-cta {
879 + margin-top: 36px;
880 + padding: 22px;
881 + border: 1px solid fade(@brand, 20%);
882 + border-radius: @radius;
883 + background: @brand-bg;
884 +
885 + h3 {
886 + margin-top: 0;
887 + }
888 +
889 + p {
890 + color: @muted;
891 + }
892 +}
893 +
894 +@media (max-width: 900px) {
895 + .resource-layout {
896 + grid-template-columns: 1fr;
897 + }
898 +
899 + .resource-sidebar {
900 + position: static;
901 + }
902 +}
XWiki.StyleSheetExtension[1]
code
... ... @@ -9,7 +9,8 @@
9 9  
10 10  .agnease-services-menu {
11 11   .dropdown-toggle {
12 - font-weight: 600;
12 + font-weight: inherit;
13 + font-size: inherit;
13 13   }
14 14  
15 15   &.open > .dropdown-toggle,
... ... @@ -18,6 +18,10 @@
18 18   color: @brand;
19 19   background: transparent;
20 20   }
22 +
23 + .caret {
24 + margin-left: 4px;
25 + }
21 21  }
22 22  
23 23  .agnease-services-dropdown {
... ... @@ -38,18 +38,23 @@
38 38  
39 39   &:hover,
40 40   &:focus {
41 - color: @text;
46 + color: @brand-strong;
42 42   background: @brand-bg;
43 43   text-decoration: none;
44 44  
45 45   .menu-icon {
46 - color: #fff;
47 - background: @brand;
51 + color: @brand-strong;
52 + background: fade(@brand, 14%);
53 + border-color: fade(@brand, 28%);
48 48   }
49 49  
50 50   strong {
51 51   color: @brand-strong;
52 52   }
59 +
60 + small {
61 + color: @muted;
62 + }
53 53   }
54 54   }
55 55  
... ... @@ -62,13 +62,14 @@
62 62   width: 34px;
63 63   height: 34px;
64 64   border-radius: 50%;
65 - background: fade(@brand, 10%);
75 + background: fade(@brand, 8%);
76 + border: 1px solid fade(@brand, 18%);
66 66   color: @brand;
67 67   display: flex;
68 68   align-items: center;
69 69   justify-content: center;
70 70   flex-shrink: 0;
71 - transition: color .15s ease, background .15s ease;
82 + transition: color .15s ease, background .15s ease, border-color .15s ease;
72 72   }
73 73  
74 74   .menu-text {
... ... @@ -77,9 +77,9 @@
77 77   line-height: 1.25;
78 78  
79 79   strong {
80 - color: @text;
91 + color: @brand;
81 81   font-size: 14px;
82 - font-weight: 700;
93 + font-weight: 600;
83 83   }
84 84  
85 85   small {
... ... @@ -86,6 +86,7 @@
86 86   color: @muted;
87 87   font-size: 12px;
88 88   margin-top: 2px;
100 + font-weight: 400;
89 89   }
90 90   }
91 91  }
... ... @@ -103,3 +103,15 @@
103 103   }
104 104   }
105 105  }
118 +/* Keep the top-level Services menu visually clean when hovered/open/focused */
119 +.navbar-nav > li.agnease-services-menu > a,
120 +.navbar-nav > li.agnease-services-menu > a:hover,
121 +.navbar-nav > li.agnease-services-menu > a:focus,
122 +.navbar-nav > li.agnease-services-menu.open > a,
123 +.navbar-nav > li.agnease-services-menu.open > a:hover,
124 +.navbar-nav > li.agnease-services-menu.open > a:focus {
125 + background: transparent;
126 + background-color: transparent;
127 + color: @brand-strong;
128 + box-shadow: none;
129 +}
contentType
... ... @@ -1,0 +1,1 @@
1 +LESS