Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 0 added, 1 removed)
-
Objects (1 modified, 1 added, 0 removed)
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.0 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,54 +180,6 @@ 180 180 min-height: 330px; 181 181 } 182 182 183 - &.main-page-hero { 184 - background: 185 - linear-gradient( 186 - rgba(244, 252, 250, 0.40), 187 - rgba(255, 255, 255, 0.50) 188 - ), 189 - url('/bin/download/PublicWebSite/WebHome/main-page-hero.png') center center / cover no-repeat; 190 - 191 - &::before, 192 - &::after { 193 - content: ""; 194 - position: absolute; 195 - pointer-events: none; 196 - z-index: 1; 197 - } 198 - 199 - /* Fade left and right image edges into the page background */ 200 - &::before { 201 - inset: 0; 202 - background: 203 - linear-gradient( 204 - 90deg, 205 - #fff 0%, 206 - rgba(255, 255, 255, 0) 13%, 207 - rgba(255, 255, 255, 0) 87%, 208 - #fff 100% 209 - ); 210 - } 211 - 212 - /* Fade bottom edge into white before the next section */ 213 - &::after { 214 - left: 0; 215 - right: 0; 216 - bottom: 0; 217 - height: 90px; 218 - background: linear-gradient( 219 - 180deg, 220 - rgba(255, 255, 255, 0) 0%, 221 - #fff 100% 222 - ); 223 - } 224 - 225 - .hero-inner { 226 - position: relative; 227 - z-index: 2; 228 - } 229 - } 230 - 231 231 .hero-inner { 232 232 max-width: 860px; 233 233 margin: 0 auto; ... ... @@ -416,13 +416,6 @@ 416 416 flex-direction: column; 417 417 min-height: 100%; 418 418 419 - .card-heading { 420 - display: flex; 421 - align-items: center; 422 - gap: 14px; 423 - margin-bottom: 14px; 424 - } 425 - 426 426 .pathway-icon { 427 427 width: 52px; 428 428 height: 52px; ... ... @@ -432,12 +432,12 @@ 432 432 justify-content: center; 433 433 color: @brand; 434 434 background: fade(@brand, 10%); 381 + margin-bottom: 18px; 435 435 font-size: 19px; 436 - flex-shrink: 0; 437 437 } 438 438 439 439 h3 { 440 - margin: 0; 386 + margin: 0 0 10px; 441 441 color: @text; 442 442 font-size: 22px; 443 443 line-height: 1.25; ... ... @@ -637,6 +637,31 @@ 637 637 } 638 638 } 639 639 586 +.resource-content { 587 + order: 1; 588 +} 589 + 590 +.resource-sidebar { 591 + order: 2; 592 +} 593 + 594 +@media (max-width: 767px) { 595 + .resource-layout { 596 + display: flex; 597 + flex-direction: column; 598 + } 599 + 600 + .resource-sidebar { 601 + order: 0; 602 + position: static; 603 + width: 100%; 604 + } 605 + 606 + .resource-content { 607 + order: 1; 608 + } 609 +} 610 + 640 640 /* ========== Homepage Resource Strip ========== */ 641 641 642 642 .homepage-resource-strip { ... ... @@ -744,50 +744,6 @@ 744 744 } 745 745 } 746 746 747 -.resource-inline-cta { 748 - display: flex; 749 - align-items: center; 750 - justify-content: space-between; 751 - gap: 22px; 752 - margin: 30px 0; 753 - padding: 20px 22px; 754 - border: 1px solid fade(@brand, 22%); 755 - border-radius: @radius; 756 - background: @brand-bg; 757 - box-shadow: @shadow-sm; 758 - 759 - p { 760 - margin: 0; 761 - color: @muted; 762 - line-height: 1.55; 763 - } 764 - 765 - strong { 766 - color: @text; 767 - } 768 - 769 - .btn { 770 - flex-shrink: 0; 771 - } 772 -} 773 - 774 -@media (max-width: 767px) { 775 - .resource-inline-cta { 776 - display: block; 777 - text-align: center; 778 - 779 - p { 780 - margin-bottom: 14px; 781 - } 782 - 783 - .btn { 784 - display: inline-block; 785 - margin-left: auto; 786 - margin-right: auto; 787 - } 788 - } 789 -} 790 - 791 791 /* ========== Responsive ========== */ 792 792 793 793 @media (max-width: 980px) { ... ... @@ -837,15 +837,6 @@ 837 837 min-height: 280px; 838 838 } 839 839 840 - .hero.main-page-hero { 841 - background: 842 - linear-gradient( 843 - rgba(244, 252, 250, 0.92), 844 - rgba(255, 255, 255, 0.97) 845 - ), 846 - url('/bin/download/PublicWebSite/WebHome/main-page-hero.png') center center / cover no-repeat; 847 - } 848 - 849 849 .hero { 850 850 .lead { 851 851 font-size: 17px; ... ... @@ -919,18 +919,15 @@ 919 919 } 920 920 921 921 .resource-layout { 922 - display: block; 840 + display: grid; 841 + grid-template-columns: minmax(0, 760px) 280px; 842 + gap: 42px; 923 923 max-width: 1080px; 924 924 margin: 0 auto; 925 925 padding-top: 28px; 846 + align-items: start; 926 926 } 927 927 928 -.resource-layout::after { 929 - content: ""; 930 - display: block; 931 - clear: both; 932 -} 933 - 934 934 .resource-content { 935 935 color: @text; 936 936 font-size: 16px; ... ... @@ -1000,10 +1000,6 @@ 1000 1000 } 1001 1001 1002 1002 .resource-sidebar { 1003 - float: right; 1004 - width: 280px; 1005 - margin-left: 42px; 1006 - margin-bottom: 28px; 1007 1007 position: sticky; 1008 1008 top: 96px; 1009 1009 border: 1px solid @line; ... ... @@ -1033,14 +1033,8 @@ 1033 1033 } 1034 1034 1035 1035 .resource-cta { 1036 - display: flex; 1037 - flex-direction: column; 1038 - align-items: center; 1039 - text-align: center; 1040 - 1041 - max-width: 820px; 1042 - margin: 42px auto 0; 1043 - padding: 28px 30px; 947 + margin-top: 36px; 948 + padding: 22px; 1044 1044 border: 1px solid fade(@brand, 20%); 1045 1045 border-radius: @radius; 1046 1046 background: @brand-bg; ... ... @@ -1047,43 +1047,20 @@ 1047 1047 1048 1048 h3 { 1049 1049 margin-top: 0; 1050 - margin-bottom: 10px; 1051 1051 } 1052 1052 1053 1053 p { 1054 - max-width: 680px; 1055 - margin-left: auto; 1056 - margin-right: auto; 1057 1057 color: @muted; 1058 1058 } 1059 - 1060 - .btn { 1061 - margin-top: 8px; 1062 - } 1063 1063 } 1064 1064 1065 -.resource-note, 1066 -.resource-checklist, 1067 -.resource-cta { 1068 - display: flow-root; 1069 -} 1070 - 1071 -@media (max-width: 767px) { 1072 - .resource-cta { 1073 - padding: 24px 20px; 1074 - } 1075 -} 1076 - 1077 1077 @media (max-width: 900px) { 1078 1078 .resource-layout { 964 + grid-template-columns: 1fr; 1079 1079 padding-top: 22px; 1080 1080 } 1081 1081 1082 1082 .resource-sidebar { 1083 - float: none; 1084 - width: 100%; 1085 - margin-left: 0; 1086 - margin-bottom: 24px; 1087 1087 position: static; 1088 1088 } 1089 1089 } ... ... @@ -1369,19 +1369,3 @@ 1369 1369 padding: @section-padding-mobile; 1370 1370 } 1371 1371 } 1372 - 1373 -.resource-faq-item { 1374 - border-bottom: 1px solid @line; 1375 - padding: 12px 0; 1376 - 1377 - summary { 1378 - cursor: pointer; 1379 - font-weight: 700; 1380 - color: @text; 1381 - } 1382 - 1383 - p { 1384 - margin: 10px 0 4px; 1385 - color: @muted; 1386 - } 1387 -}
- 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