Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 20.7
edited by Agnease
on 2026/05/30 16:19
Change comment: There is no comment for this version
To version 13.7
edited by Agnease
on 2026/05/26 09:06
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -20,8 +20,7 @@
20 20   </ul>
21 21  
22 22   <div class="hero-actions">
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>
23 + <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a>
25 25   <a class="btn btn-secondary" href="$xwiki.getURL('services.WebHome')">View XWiki services</a>
26 26   </div>
27 27   </div>
... ... @@ -111,36 +111,6 @@
111 111   </div>
112 112   </section>
113 113  
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 -
144 144   <section class="split-section" aria-labelledby="why-title">
145 145   <div class="container">
146 146   <div class="split-grid">
XWiki.StyleSheetExtension[0]
code
... ... @@ -431,80 +431,6 @@
431 431   }
432 432  }
433 433  
434 -.industry-trust-section {
435 - background:
436 - radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
437 -
438 - .industry-trust-panel {
439 - max-width: 1040px;
440 - margin: 0 auto;
441 - padding: 30px 28px;
442 - border: 1px solid fade(@brand, 16%);
443 - border-radius: @radius;
444 - background:
445 - radial-gradient(34rem 12rem at 50% 0%, fade(@brand-soft, 75%) 0%, #fff 72%);
446 - box-shadow: @shadow-sm;
447 - text-align: center;
448 - }
449 -
450 - h2 {
451 - margin-bottom: 12px;
452 - }
453 -
454 - .section-intro {
455 - margin-bottom: 20px;
456 - max-width: 820px;
457 - }
458 -
459 - .industry-tags {
460 - max-width: 880px;
461 - margin: 0 auto;
462 - display: flex;
463 - flex-wrap: wrap;
464 - justify-content: center;
465 - gap: 10px;
466 - }
467 -
468 - .industry-tags span {
469 - display: inline-flex;
470 - align-items: center;
471 - padding: 7px 12px;
472 - border: 1px solid fade(@brand, 20%);
473 - border-radius: 999px;
474 - background: #fff;
475 - color: @text;
476 - font-size: 13px;
477 - font-weight: 600;
478 - line-height: 1.2;
479 - box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
480 - }
481 -
482 - .industry-support {
483 - max-width: 820px;
484 - margin: 22px auto 0;
485 - color: @muted;
486 - font-size: 16px;
487 - line-height: 1.6;
488 - }
489 -}
490 -
491 -@media (max-width: 640px) {
492 - .industry-trust-section {
493 - .industry-trust-panel {
494 - padding: 24px 18px;
495 - }
496 -
497 - .industry-tags {
498 - gap: 8px;
499 - }
500 -
501 - .industry-tags span {
502 - font-size: 12px;
503 - padding: 6px 10px;
504 - }
505 - }
506 -}
507 -
508 508  /* ========== Services ========== */
509 509  
510 510  .services {
... ... @@ -664,6 +664,31 @@
664 664   }
665 665  }
666 666  
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 +
667 667  /* ========== Homepage Resource Strip ========== */
668 668  
669 669  .homepage-resource-strip {
... ... @@ -771,50 +771,6 @@
771 771   }
772 772  }
773 773  
774 -.resource-inline-cta {
775 - display: flex;
776 - align-items: center;
777 - justify-content: space-between;
778 - gap: 22px;
779 - margin: 30px 0;
780 - padding: 20px 22px;
781 - border: 1px solid fade(@brand, 22%);
782 - border-radius: @radius;
783 - background: @brand-bg;
784 - box-shadow: @shadow-sm;
785 -
786 - p {
787 - margin: 0;
788 - color: @muted;
789 - line-height: 1.55;
790 - }
791 -
792 - strong {
793 - color: @text;
794 - }
795 -
796 - .btn {
797 - flex-shrink: 0;
798 - }
799 -}
800 -
801 -@media (max-width: 767px) {
802 - .resource-inline-cta {
803 - display: block;
804 - text-align: center;
805 -
806 - p {
807 - margin-bottom: 14px;
808 - }
809 -
810 - .btn {
811 - display: inline-block;
812 - margin-left: auto;
813 - margin-right: auto;
814 - }
815 - }
816 -}
817 -
818 818  /* ========== Responsive ========== */
819 819  
820 820  @media (max-width: 980px) {
... ... @@ -937,18 +937,15 @@
937 937  }
938 938  
939 939  .resource-layout {
940 - display: block;
847 + display: grid;
848 + grid-template-columns: minmax(0, 760px) 280px;
849 + gap: 42px;
941 941   max-width: 1080px;
942 942   margin: 0 auto;
943 943   padding-top: 28px;
853 + align-items: start;
944 944  }
945 945  
946 -.resource-layout::after {
947 - content: "";
948 - display: block;
949 - clear: both;
950 -}
951 -
952 952  .resource-content {
953 953   color: @text;
954 954   font-size: 16px;
... ... @@ -1018,10 +1018,6 @@
1018 1018  }
1019 1019  
1020 1020  .resource-sidebar {
1021 - float: right;
1022 - width: 280px;
1023 - margin-left: 42px;
1024 - margin-bottom: 28px;
1025 1025   position: sticky;
1026 1026   top: 96px;
1027 1027   border: 1px solid @line;
... ... @@ -1051,14 +1051,8 @@
1051 1051  }
1052 1052  
1053 1053  .resource-cta {
1054 - display: flex;
1055 - flex-direction: column;
1056 - align-items: center;
1057 - text-align: center;
1058 -
1059 - max-width: 820px;
1060 - margin: 42px auto 0;
1061 - padding: 28px 30px;
954 + margin-top: 36px;
955 + padding: 22px;
1062 1062   border: 1px solid fade(@brand, 20%);
1063 1063   border-radius: @radius;
1064 1064   background: @brand-bg;
... ... @@ -1065,43 +1065,20 @@
1065 1065  
1066 1066   h3 {
1067 1067   margin-top: 0;
1068 - margin-bottom: 10px;
1069 1069   }
1070 1070  
1071 1071   p {
1072 - max-width: 680px;
1073 - margin-left: auto;
1074 - margin-right: auto;
1075 1075   color: @muted;
1076 1076   }
1077 -
1078 - .btn {
1079 - margin-top: 8px;
1080 - }
1081 1081  }
1082 1082  
1083 -.resource-note,
1084 -.resource-checklist,
1085 -.resource-cta {
1086 - display: flow-root;
1087 -}
1088 -
1089 -@media (max-width: 767px) {
1090 - .resource-cta {
1091 - padding: 24px 20px;
1092 - }
1093 -}
1094 -
1095 1095  @media (max-width: 900px) {
1096 1096   .resource-layout {
971 + grid-template-columns: 1fr;
1097 1097   padding-top: 22px;
1098 1098   }
1099 1099  
1100 1100   .resource-sidebar {
1101 - float: none;
1102 - width: 100%;
1103 - margin-left: 0;
1104 - margin-bottom: 24px;
1105 1105   position: static;
1106 1106   }
1107 1107  }
... ... @@ -1365,41 +1365,41 @@
1365 1365  }
1366 1366  
1367 1367  /* ========== Resources Index ========== */
1368 -
1369 1369  .resources-index-page {
1370 1370   background: #fff;
1371 1371  
1372 - .services-grid {
1242 + /* Resources index: show cards in rows of 2, center the last one if alone */
1243 + .resources-grid {
1244 + display: grid;
1373 1373   grid-template-columns: repeat(2, minmax(0, 1fr));
1246 + justify-content: center;
1247 + align-items: stretch;
1374 1374   }
1375 -}
1376 1376  
1377 -@media (max-width: 980px) {
1378 - .resources-index-page {
1379 - .services-grid {
1380 - grid-template-columns: 1fr;
1381 - }
1250 + .resources-grid .resource-card {
1251 + height: 100%;
1382 1382   }
1253 +
1254 + .resources-grid .resource-card:last-child:nth-child(odd) {
1255 + grid-column: 1 / -1;
1256 + max-width: calc(50% - 12px);
1257 + justify-self: center;
1258 + }
1383 1383  }
1384 1384  
1261 +/* Keep 2 columns on tablets. Only switch to 1 column on smaller mobile screens. */
1385 1385  @media (max-width: 767px) {
1386 1386   .resources-index-page {
1387 1387   padding: @section-padding-mobile;
1388 - }
1389 -}
1390 1390  
1391 -.resource-faq-item {
1392 - border-bottom: 1px solid @line;
1393 - padding: 12px 0;
1266 + .resources-grid {
1267 + grid-template-columns: 1fr;
1268 + }
1394 1394  
1395 - summary {
1396 - cursor: pointer;
1397 - font-weight: 700;
1398 - color: @text;
1270 + .resources-grid .resource-card:last-child:nth-child(odd) {
1271 + grid-column: auto;
1272 + max-width: none;
1273 + justify-self: stretch;
1274 + }
1399 1399   }
1400 -
1401 - p {
1402 - margin: 10px 0 4px;
1403 - color: @muted;
1404 - }
1405 1405  }
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