Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 19.1
edited by Agnease
on 2026/05/28 10:53
Change comment: Upload new image "main-page-hero.png", version 1.2
To version 13.6
edited by Agnease
on 2026/05/26 09:04
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,11 +3,9 @@
1 -{{include reference="PublicWebSite.MacrosAndVariables" /}}
2 -
3 3  {{velocity}}
4 4  #macro (displayPublicContent)
5 5   #set ($discard = $xwiki.ssx.use('PublicWebSite.WebHome'))
6 6   {{html clean="false"}}
7 7  
8 - <section class="hero hero-centered main-page-hero" aria-labelledby="hero-title">
6 + <section class="hero hero-centered" aria-labelledby="hero-title">
9 9   <div class="container hero-inner">
10 10   <h1 id="hero-title">Professional XWiki consulting and engineering</h1>
11 11  
... ... @@ -22,8 +22,7 @@
22 22   </ul>
23 23  
24 24   <div class="hero-actions">
25 - <a class="btn btn-primary" href="$freeXWikiReviewCallURL">$freeXWikiReviewCallLabel</a>
26 - ##<a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a>
23 + <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a>
27 27   <a class="btn btn-secondary" href="$xwiki.getURL('services.WebHome')">View XWiki services</a>
28 28   </div>
29 29   </div>
main-page-hero.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Admin
Size
... ... @@ -1,1 +1,0 @@
1 -1.1 MB
Content
XWiki.StyleSheetExtension[0]
code
... ... @@ -167,7 +167,8 @@
167 167  
168 168  .hero {
169 169   overflow: hidden;
170 - position: relative;
170 + background-repeat: no-repeat;
171 + background-attachment: scroll;
171 171  
172 172   &.hero-centered {
173 173   text-align: center;
... ... @@ -180,51 +180,6 @@
180 180   min-height: 330px;
181 181   }
182 182  
183 - &.main-page-hero {
184 - background:
185 -
186 - url('/bin/download/PublicWebSite/WebHome/main-page-hero.png') center center / cover no-repeat;
187 -
188 - &::before,
189 - &::after {
190 - content: "";
191 - position: absolute;
192 - pointer-events: none;
193 - z-index: 1;
194 - }
195 -
196 - /* Fade left and right image edges into the page background */
197 - &::before {
198 - inset: 0;
199 - background:
200 - linear-gradient(
201 - 90deg,
202 - #fff 0%,
203 - rgba(255, 255, 255, 0) 13%,
204 - rgba(255, 255, 255, 0) 87%,
205 - #fff 100%
206 - );
207 - }
208 -
209 - /* Fade bottom edge into white before the next section */
210 - &::after {
211 - left: 0;
212 - right: 0;
213 - bottom: 0;
214 - height: 90px;
215 - background: linear-gradient(
216 - 180deg,
217 - rgba(255, 255, 255, 0) 0%,
218 - #fff 100%
219 - );
220 - }
221 -
222 - .hero-inner {
223 - position: relative;
224 - z-index: 2;
225 - }
226 - }
227 -
228 228   .hero-inner {
229 229   max-width: 860px;
230 230   margin: 0 auto;
... ... @@ -634,6 +634,31 @@
634 634   }
635 635  }
636 636  
593 +.resource-content {
594 + order: 1;
595 +}
596 +
597 +.resource-sidebar {
598 + order: 2;
599 +}
600 +
601 +@media (max-width: 767px) {
602 + .resource-layout {
603 + display: flex;
604 + flex-direction: column;
605 + }
606 +
607 + .resource-sidebar {
608 + order: 0;
609 + position: static;
610 + width: 100%;
611 + }
612 +
613 + .resource-content {
614 + order: 1;
615 + }
616 +}
617 +
637 637  /* ========== Homepage Resource Strip ========== */
638 638  
639 639  .homepage-resource-strip {
... ... @@ -741,50 +741,6 @@
741 741   }
742 742  }
743 743  
744 -.resource-inline-cta {
745 - display: flex;
746 - align-items: center;
747 - justify-content: space-between;
748 - gap: 22px;
749 - margin: 30px 0;
750 - padding: 20px 22px;
751 - border: 1px solid fade(@brand, 22%);
752 - border-radius: @radius;
753 - background: @brand-bg;
754 - box-shadow: @shadow-sm;
755 -
756 - p {
757 - margin: 0;
758 - color: @muted;
759 - line-height: 1.55;
760 - }
761 -
762 - strong {
763 - color: @text;
764 - }
765 -
766 - .btn {
767 - flex-shrink: 0;
768 - }
769 -}
770 -
771 -@media (max-width: 767px) {
772 - .resource-inline-cta {
773 - display: block;
774 - text-align: center;
775 -
776 - p {
777 - margin-bottom: 14px;
778 - }
779 -
780 - .btn {
781 - display: inline-block;
782 - margin-left: auto;
783 - margin-right: auto;
784 - }
785 - }
786 -}
787 -
788 788  /* ========== Responsive ========== */
789 789  
790 790  @media (max-width: 980px) {
... ... @@ -834,15 +834,6 @@
834 834   min-height: 280px;
835 835   }
836 836  
837 - .hero.main-page-hero {
838 - background:
839 - linear-gradient(
840 - rgba(244, 252, 250, 0.92),
841 - rgba(255, 255, 255, 0.97)
842 - ),
843 - url('/bin/download/PublicWebSite/WebHome/main-page-hero.png') center center / cover no-repeat;
844 - }
845 -
846 846   .hero {
847 847   .lead {
848 848   font-size: 17px;
... ... @@ -916,18 +916,15 @@
916 916  }
917 917  
918 918  .resource-layout {
919 - display: block;
847 + display: grid;
848 + grid-template-columns: minmax(0, 760px) 280px;
849 + gap: 42px;
920 920   max-width: 1080px;
921 921   margin: 0 auto;
922 922   padding-top: 28px;
853 + align-items: start;
923 923  }
924 924  
925 -.resource-layout::after {
926 - content: "";
927 - display: block;
928 - clear: both;
929 -}
930 -
931 931  .resource-content {
932 932   color: @text;
933 933   font-size: 16px;
... ... @@ -997,10 +997,6 @@
997 997  }
998 998  
999 999  .resource-sidebar {
1000 - float: right;
1001 - width: 280px;
1002 - margin-left: 42px;
1003 - margin-bottom: 28px;
1004 1004   position: sticky;
1005 1005   top: 96px;
1006 1006   border: 1px solid @line;
... ... @@ -1030,14 +1030,8 @@
1030 1030  }
1031 1031  
1032 1032  .resource-cta {
1033 - display: flex;
1034 - flex-direction: column;
1035 - align-items: center;
1036 - text-align: center;
1037 -
1038 - max-width: 820px;
1039 - margin: 42px auto 0;
1040 - padding: 28px 30px;
954 + margin-top: 36px;
955 + padding: 22px;
1041 1041   border: 1px solid fade(@brand, 20%);
1042 1042   border-radius: @radius;
1043 1043   background: @brand-bg;
... ... @@ -1044,43 +1044,20 @@
1044 1044  
1045 1045   h3 {
1046 1046   margin-top: 0;
1047 - margin-bottom: 10px;
1048 1048   }
1049 1049  
1050 1050   p {
1051 - max-width: 680px;
1052 - margin-left: auto;
1053 - margin-right: auto;
1054 1054   color: @muted;
1055 1055   }
1056 -
1057 - .btn {
1058 - margin-top: 8px;
1059 - }
1060 1060  }
1061 1061  
1062 -.resource-note,
1063 -.resource-checklist,
1064 -.resource-cta {
1065 - display: flow-root;
1066 -}
1067 -
1068 -@media (max-width: 767px) {
1069 - .resource-cta {
1070 - padding: 24px 20px;
1071 - }
1072 -}
1073 -
1074 1074  @media (max-width: 900px) {
1075 1075   .resource-layout {
971 + grid-template-columns: 1fr;
1076 1076   padding-top: 22px;
1077 1077   }
1078 1078  
1079 1079   .resource-sidebar {
1080 - float: none;
1081 - width: 100%;
1082 - margin-left: 0;
1083 - margin-bottom: 24px;
1084 1084   position: static;
1085 1085   }
1086 1086  }
... ... @@ -1366,19 +1366,3 @@
1366 1366   padding: @section-padding-mobile;
1367 1367   }
1368 1368  }
1369 -
1370 -.resource-faq-item {
1371 - border-bottom: 1px solid @line;
1372 - padding: 12px 0;
1373 -
1374 - summary {
1375 - cursor: pointer;
1376 - font-weight: 700;
1377 - color: @text;
1378 - }
1379 -
1380 - p {
1381 - margin: 10px 0 4px;
1382 - color: @muted;
1383 - }
1384 -}
XWiki.XWikiRights[0]
allow
... ... @@ -1,0 +1,1 @@
1 +Allow
groups
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiAllGroup
levels
... ... @@ -1,0 +1,1 @@
1 +view
users
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest