Changes for page Public Web Site
Last modified by Agnease on 2026/07/03 16:14
Summary
-
Page properties (3 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 1 removed)
Details
- Page properties
-
- Default language
-
... ... @@ -1,1 +1,0 @@ 1 -en - Hidden
-
... ... @@ -1,1 +1,1 @@ 1 - false1 +true - Content
-
... ... @@ -20,7 +20,8 @@ 20 20 </ul> 21 21 22 22 <div class="hero-actions"> 23 - <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a> 23 + <a class="btn btn-primary" href="https://calendly.com/alex-agnease/30min?back=1&month=2026-06">Book a free discussion</a> 24 + ##<a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a> 24 24 <a class="btn btn-secondary" href="$xwiki.getURL('services.WebHome')">View XWiki services</a> 25 25 </div> 26 26 </div> ... ... @@ -110,6 +110,36 @@ 110 110 </div> 111 111 </section> 112 112 114 + <section class="industry-trust-section" aria-labelledby="industry-trust-title"> 115 + <div class="container"> 116 + <div class="industry-trust-panel"> 117 + <h2 id="industry-trust-title">Trusted XWiki expertise for business-critical platforms</h2> 118 + 119 + <p class="section-intro"> 120 + Experience supporting XWiki platforms used in healthcare, financial services, scientific research, 121 + government institutions, transportation, software development, compliance programs and regulated environments. 122 + </p> 123 + 124 + <div class="industry-tags" aria-label="Industries and environments supported"> 125 + <span>Healthcare</span> 126 + <span>Financial services</span> 127 + <span>Scientific research</span> 128 + <span>Government institutions</span> 129 + <span>Transportation</span> 130 + <span>Software development</span> 131 + <span>Compliance programs</span> 132 + <span>Regulated environments</span> 133 + </div> 134 + 135 + <p class="industry-support"> 136 + Organizations rely on these platforms to manage documentation, workflows, compliance processes, 137 + research knowledge and critical business information. From upgrades and authentication integrations 138 + to workflow systems and long-term maintenance, Agnease helps keep XWiki secure, stable and ready for the future. 139 + </p> 140 + </div> 141 + </div> 142 + </section> 143 + 113 113 <section class="split-section" aria-labelledby="why-title"> 114 114 <div class="container"> 115 115 <div class="split-grid"> ... ... @@ -117,10 +117,11 @@ 117 117 <h2 id="why-title">Why work with an XWiki specialist</h2> 118 118 <p> 119 119 XWiki projects often involve more than pages. Production platforms may include custom code, 120 - extensions, authentication, permissions, workflows, integrations and business-critical content. 151 + extensions, authentication, permissions, workflows, integrations, compliance documentation 152 + and business-critical knowledge. 121 121 </p> 122 122 <p> 123 - Agnease brings 11+ years of hands-on XWiki experience to help reduce risk, deliverpracticalimprovements155 + Agnease brings 11+ years of hands-on XWiki experience to help reduce risk, support long-term reliability 124 124 and leave the platform easier to maintain after the work is complete. 125 125 </p> 126 126 </div>
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -1,17 +1,23 @@ 1 1 /* ========== Agnease Public Website ========== */ 2 +/* Old look and feel. */ 2 2 3 3 @brand: #00937D; 4 4 @brand-strong: #007B6A; 5 5 @brand-soft: #E7FFF8; 6 -@brand-bg: #F4FCFA; 7 -@text: #2D3A34; 8 -@muted: #5B6B64; 9 -@line: #E4ECE9; 10 -@radius: 16px; 11 -@shadow-sm: 0 6px 20px rgba(0, 0, 0, .06); 12 -@shadow: 0 12px 36px rgba(0, 0, 0, .08); 13 -@maxw: 1140px; 14 14 8 + 9 +@brand-bg: #F7F9FC; 10 +@text: #07182D; 11 +@text-soft: #10243D; 12 +@muted: #64748B; 13 + 14 +@line: #E6EBF2; 15 +@radius: 18px; 16 + 17 +@shadow-sm: 0 18px 45px rgba(15, 23, 42, .06); 18 +@shadow: 0 30px 80px rgba(15, 23, 42, .12); 19 +@maxw: 1240px; 20 +/* */ 15 15 @section-padding: 30px 0; 16 16 @section-padding-mobile: 28px 0; 17 17 ... ... @@ -431,6 +431,80 @@ 431 431 } 432 432 } 433 433 440 +.industry-trust-section { 441 + background: 442 + radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%); 443 + 444 + .industry-trust-panel { 445 + max-width: 1040px; 446 + margin: 0 auto; 447 + padding: 30px 28px; 448 + border: 1px solid fade(@brand, 16%); 449 + border-radius: @radius; 450 + background: 451 + radial-gradient(34rem 12rem at 50% 0%, fade(@brand-soft, 75%) 0%, #fff 72%); 452 + box-shadow: @shadow-sm; 453 + text-align: center; 454 + } 455 + 456 + h2 { 457 + margin-bottom: 12px; 458 + } 459 + 460 + .section-intro { 461 + margin-bottom: 20px; 462 + max-width: 820px; 463 + } 464 + 465 + .industry-tags { 466 + max-width: 880px; 467 + margin: 0 auto; 468 + display: flex; 469 + flex-wrap: wrap; 470 + justify-content: center; 471 + gap: 10px; 472 + } 473 + 474 + .industry-tags span { 475 + display: inline-flex; 476 + align-items: center; 477 + padding: 7px 12px; 478 + border: 1px solid fade(@brand, 20%); 479 + border-radius: 999px; 480 + background: #fff; 481 + color: @text; 482 + font-size: 13px; 483 + font-weight: 600; 484 + line-height: 1.2; 485 + box-shadow: 0 3px 10px rgba(0, 0, 0, .04); 486 + } 487 + 488 + .industry-support { 489 + max-width: 820px; 490 + margin: 22px auto 0; 491 + color: @muted; 492 + font-size: 16px; 493 + line-height: 1.6; 494 + } 495 +} 496 + 497 +@media (max-width: 640px) { 498 + .industry-trust-section { 499 + .industry-trust-panel { 500 + padding: 24px 18px; 501 + } 502 + 503 + .industry-tags { 504 + gap: 8px; 505 + } 506 + 507 + .industry-tags span { 508 + font-size: 12px; 509 + padding: 6px 10px; 510 + } 511 + } 512 +} 513 + 434 434 /* ========== Services ========== */ 435 435 436 436 .services { ... ... @@ -727,19 +727,16 @@ 727 727 @media (max-width: 767px) { 728 728 .resource-inline-cta { 729 729 display: block; 810 + text-align: center; 730 730 731 731 p { 732 732 margin-bottom: 14px; 733 733 } 734 - } 735 -} 736 736 737 -@media (max-width: 767px) { 738 - .resource-inline-cta { 739 - display: block; 740 - 741 - p { 742 - margin-bottom: 14px; 816 + .btn { 817 + display: inline-block; 818 + margin-left: auto; 819 + margin-right: auto; 743 743 } 744 744 } 745 745 } ... ... @@ -925,6 +925,45 @@ 925 925 } 926 926 } 927 927 1005 +.resource-note.related-resources { 1006 + p { 1007 + margin-bottom: 10px; 1008 + } 1009 + 1010 + ul { 1011 + margin: 0; 1012 + padding-left: 20px; 1013 + } 1014 + 1015 + li { 1016 + margin: 6px 0; 1017 + color: @muted; 1018 + } 1019 +} 1020 + 1021 +.resource-faq-item { 1022 + display: flow-root; 1023 + border-bottom: 1px solid @line; 1024 + padding: 12px 0; 1025 + 1026 + summary { 1027 + cursor: pointer; 1028 + font-weight: 700; 1029 + color: @text; 1030 + line-height: 1.4; 1031 + } 1032 + 1033 + summary:hover, 1034 + summary:focus { 1035 + color: @brand-strong; 1036 + } 1037 + 1038 + p { 1039 + margin: 10px 0 4px; 1040 + color: @muted; 1041 + } 1042 +} 1043 + 928 928 .resource-checklist { 929 929 margin: 18px 0 24px; 930 930 padding: 0; ... ... @@ -1046,30 +1046,40 @@ 1046 1046 } 1047 1047 1048 1048 .product-card-grid { 1049 - max-width: 8 40px;1050 - margin: 2 2px auto 0;1165 + max-width: 980px; 1166 + margin: 26px auto 0; 1051 1051 display: grid; 1052 1052 grid-template-columns: 1fr; 1053 - grid-gap: 18px;1169 + grid-gap: 22px; 1054 1054 } 1055 1055 1056 1056 .product-card { 1173 + position: relative; 1057 1057 background: #fff; 1058 1058 border: 1px solid @line; 1059 1059 border-radius: @radius; 1060 1060 box-shadow: @shadow-sm; 1061 - padding: 2 8px;1178 + padding: 32px; 1062 1062 display: grid; 1063 - grid-template-columns: 68px 1fr;1064 - grid-gap: 2 2px;1180 + grid-template-columns: 70px 1fr; 1181 + grid-gap: 24px; 1065 1065 align-items: start; 1183 + overflow: hidden; 1066 1066 1185 + &:before { 1186 + content: ""; 1187 + position: absolute; 1188 + inset: 0 auto 0 0; 1189 + width: 5px; 1190 + background: linear-gradient(180deg, @brand 0%, @brand-strong 100%); 1191 + } 1192 + 1067 1067 .product-card-icon { 1068 1068 width: 58px; 1069 1069 height: 58px; 1070 1070 border-radius: 50%; 1071 1071 background: fade(@brand, 10%); 1072 - border: 1px solid fade(@brand, 2 0%);1198 + border: 1px solid fade(@brand, 22%); 1073 1073 color: @brand; 1074 1074 display: flex; 1075 1075 align-items: center; ... ... @@ -1078,11 +1078,15 @@ 1078 1078 flex-shrink: 0; 1079 1079 } 1080 1080 1207 + .product-card-body { 1208 + min-width: 0; 1209 + } 1210 + 1081 1081 h3 { 1082 1082 margin: 0 0 10px; 1083 1083 color: @text; 1084 - font-size: 2 3px;1085 - line-height: 1.2 5;1214 + font-size: 25px; 1215 + line-height: 1.22; 1086 1086 font-weight: 800; 1087 1087 } 1088 1088 ... ... @@ -1091,25 +1091,36 @@ 1091 1091 line-height: 1.6; 1092 1092 } 1093 1093 1094 - .card-link { 1095 - margin: 0; 1096 - 1097 - a { 1098 - font-weight: 700; 1099 - } 1224 + .product-card-description { 1225 + max-width: 760px; 1226 + margin: 0 0 14px; 1227 + font-size: 16px; 1100 1100 } 1101 1101 } 1102 1102 1103 1103 .product-card-kicker { 1232 + display: inline-flex; 1233 + align-items: center; 1234 + gap: 7px; 1235 + width: fit-content; 1104 1104 margin-bottom: 10px; 1105 1105 padding: 5px 10px; 1238 + border: 1px solid fade(@brand, 24%); 1239 + border-radius: 999px; 1240 + background: fade(@brand, 8%); 1241 + color: @brand-strong; 1106 1106 font-size: 12px; 1243 + font-weight: 800; 1107 1107 text-transform: uppercase; 1108 1108 letter-spacing: .04em; 1246 + 1247 + i { 1248 + color: @brand; 1249 + } 1109 1109 } 1110 1110 1111 1111 .product-highlights { 1112 - margin: 14px 0 2 0px;1253 + margin: 14px 0 22px; 1113 1113 padding-left: 18px; 1114 1114 color: @muted; 1115 1115 ... ... @@ -1119,12 +1119,58 @@ 1119 1119 } 1120 1120 } 1121 1121 1263 +.product-card-actions { 1264 + display: flex; 1265 + align-items: center; 1266 + gap: 16px; 1267 + flex-wrap: wrap; 1268 + 1269 + .btn { 1270 + font-weight: 700; 1271 + } 1272 +} 1273 + 1274 +.product-card-contact { 1275 + color: @brand; 1276 + font-weight: 700; 1277 + text-decoration: underline; 1278 + 1279 + &:hover, 1280 + &:focus { 1281 + color: @brand-strong; 1282 + } 1283 +} 1284 + 1285 +@media (max-width: 640px) { 1286 + .product-card { 1287 + grid-template-columns: 1fr; 1288 + padding: 26px 22px; 1289 + text-align: left; 1290 + 1291 + &:before { 1292 + width: 4px; 1293 + } 1294 + 1295 + .product-card-icon { 1296 + margin-bottom: 2px; 1297 + } 1298 + 1299 + h3 { 1300 + font-size: 22px; 1301 + } 1302 + } 1303 + 1304 + .product-card-actions { 1305 + gap: 12px; 1306 + } 1307 +} 1308 + 1122 1122 /* ========== Individual Product Pages ========== */ 1123 1123 1124 1124 .product-layout { 1125 1125 display: grid; 1126 - grid-template-columns: 1.1fr . 9fr;1127 - grid-gap: 3 6px;1313 + grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr); 1314 + grid-gap: 32px; 1128 1128 max-width: 1040px; 1129 1129 margin: 0 auto; 1130 1130 align-items: start; ... ... @@ -1132,6 +1132,7 @@ 1132 1132 1133 1133 .product-summary-card, 1134 1134 .product-info-card, 1322 +.product-feature, 1135 1135 .product-gallery-panel { 1136 1136 background: #fff; 1137 1137 border: 1px solid @line; ... ... @@ -1140,16 +1140,18 @@ 1140 1140 } 1141 1141 1142 1142 .product-summary-card { 1143 - padding: 2 6px;1331 + padding: 28px; 1144 1144 1145 1145 h2 { 1146 1146 text-align: left; 1147 1147 margin-top: 0; 1336 + margin-bottom: 14px; 1337 + line-height: 1.25; 1148 1148 } 1149 1149 1150 1150 p { 1151 1151 color: @muted; 1152 - line-height: 1.6; 1342 + line-height: 1.62; 1153 1153 } 1154 1154 1155 1155 p:last-child { ... ... @@ -1158,13 +1158,19 @@ 1158 1158 } 1159 1159 1160 1160 .product-info-card { 1161 - padding: 2 2px;1351 + padding: 24px; 1162 1162 1163 1163 h3 { 1164 1164 margin-top: 0; 1165 1165 margin-bottom: 12px; 1356 + line-height: 1.3; 1166 1166 } 1167 1167 1359 + p { 1360 + color: @muted; 1361 + line-height: 1.55; 1362 + } 1363 + 1168 1168 ul { 1169 1169 margin: 0; 1170 1170 padding-left: 20px; ... ... @@ -1173,25 +1173,30 @@ 1173 1173 1174 1174 li { 1175 1175 margin: 8px 0; 1176 - line-height: 1. 45;1372 + line-height: 1.3; 1177 1177 } 1178 1178 } 1179 1179 1376 +.product-card-note { 1377 + margin: 0 0 14px; 1378 + color: @muted; 1379 + line-height: 1.55; 1380 +} 1381 + 1180 1180 .product-feature-grid { 1181 1181 display: grid; 1182 1182 grid-template-columns: repeat(3, minmax(0, 1fr)); 1183 - grid-gap: 18px;1385 + grid-gap: 20px; 1184 1184 max-width: 1040px; 1185 - margin: 2 2px auto 0;1387 + margin: 24px auto 0; 1186 1186 } 1187 1187 1188 1188 .product-feature { 1189 - background: #fff; 1190 - border: 1px solid @line; 1191 - border-radius: @radius; 1192 - box-shadow: @shadow-sm; 1193 - padding: 22px; 1391 + padding: 24px; 1392 + min-width: 0; 1393 + min-height: 100%; 1194 1194 1395 + .card-heading, 1195 1195 .feature-heading { 1196 1196 display: flex; 1197 1197 align-items: center; ... ... @@ -1222,10 +1222,56 @@ 1222 1222 p { 1223 1223 margin: 0; 1224 1224 color: @muted; 1225 - line-height: 1.5; 1426 + line-height: 1.52; 1226 1226 } 1227 1227 } 1228 1228 1430 +.product-gallery-caption { 1431 + max-width: 820px; 1432 + margin: 12px auto 0; 1433 + color: @muted; 1434 + font-size: 14px; 1435 + line-height: 1.5; 1436 + text-align: center; 1437 +} 1438 + 1439 +/* Keep the default XWiki gallery style. 1440 + Only add spacing before it and center it. */ 1441 +.gallery.xGallery { 1442 + margin: 25px auto; 1443 + width: 920px; 1444 + height: 518px; 1445 +} 1446 + 1447 +.product-section-muted { 1448 + background: 1449 + radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%); 1450 +} 1451 + 1452 +/* Compact process list when used inside a product card. */ 1453 +.product-summary-card .process-list { 1454 + margin-top: 16px; 1455 + 1456 + li { 1457 + padding: 13px 14px 13px 50px; 1458 + margin-bottom: 10px; 1459 + box-shadow: none; 1460 + } 1461 + 1462 + li:before { 1463 + left: 14px; 1464 + top: 14px; 1465 + width: 24px; 1466 + height: 24px; 1467 + font-size: 12px; 1468 + } 1469 + 1470 + strong { 1471 + margin-bottom: 2px; 1472 + } 1473 +} 1474 + 1475 +/* Kept for older product pages that still use a screenshot placeholder/panel. */ 1229 1229 .product-gallery-panel { 1230 1230 max-width: 1040px; 1231 1231 margin: 20px auto 0; ... ... @@ -1258,11 +1258,6 @@ 1258 1258 justify-content: center; 1259 1259 } 1260 1260 1261 -.product-section-muted { 1262 - background: 1263 - radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%); 1264 -} 1265 - 1266 1266 @media (max-width: 980px) { 1267 1267 .product-layout, 1268 1268 .product-feature-grid { ... ... @@ -1291,6 +1291,32 @@ 1291 1291 .product-gallery-panel { 1292 1292 padding: 20px; 1293 1293 } 1536 + 1537 + .product-feature { 1538 + .card-heading, 1539 + .feature-heading { 1540 + gap: 12px; 1541 + } 1542 + 1543 + .feature-icon { 1544 + width: 42px; 1545 + height: 42px; 1546 + font-size: 16px; 1547 + } 1548 + } 1549 + 1550 + .gallery.xGallery { 1551 + margin-top: 22px !important; 1552 + } 1553 + 1554 + .product-gallery-caption { 1555 + margin-top: 10px; 1556 + padding: 0 14px; 1557 + } 1558 + 1559 + .product-summary-card .process-list li { 1560 + padding-left: 46px; 1561 + } 1294 1294 } 1295 1295 1296 1296 /* ========== Resources Index ========== */
- XWiki.XWikiRights[0]
-
- allow
-
... ... @@ -1,1 +1,0 @@ 1 -Allow - groups
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.XWikiAllGroup - levels
-
... ... @@ -1,1 +1,0 @@ 1 -view - users
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.XWikiGuest