Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 20.5
edited by Agnease
on 2026/05/30 16:18
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,79 +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 - }
457 -
458 - .industry-tags {
459 - max-width: 880px;
460 - margin: 0 auto;
461 - display: flex;
462 - flex-wrap: wrap;
463 - justify-content: center;
464 - gap: 10px;
465 - }
466 -
467 - .industry-tags span {
468 - display: inline-flex;
469 - align-items: center;
470 - padding: 7px 12px;
471 - border: 1px solid fade(@brand, 20%);
472 - border-radius: 999px;
473 - background: #fff;
474 - color: @text;
475 - font-size: 13px;
476 - font-weight: 600;
477 - line-height: 1.2;
478 - box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
479 - }
480 -
481 - .industry-support {
482 - max-width: 820px;
483 - margin: 22px auto 0;
484 - color: @muted;
485 - font-size: 16px;
486 - line-height: 1.6;
487 - }
488 -}
489 -
490 -@media (max-width: 640px) {
491 - .industry-trust-section {
492 - .industry-trust-panel {
493 - padding: 24px 18px;
494 - }
495 -
496 - .industry-tags {
497 - gap: 8px;
498 - }
499 -
500 - .industry-tags span {
501 - font-size: 12px;
502 - padding: 6px 10px;
503 - }
504 - }
505 -}
506 -
507 507  /* ========== Services ========== */
508 508  
509 509  .services {
... ... @@ -663,6 +663,31 @@
663 663   }
664 664  }
665 665  
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 +
666 666  /* ========== Homepage Resource Strip ========== */
667 667  
668 668  .homepage-resource-strip {
... ... @@ -770,50 +770,6 @@
770 770   }
771 771  }
772 772  
773 -.resource-inline-cta {
774 - display: flex;
775 - align-items: center;
776 - justify-content: space-between;
777 - gap: 22px;
778 - margin: 30px 0;
779 - padding: 20px 22px;
780 - border: 1px solid fade(@brand, 22%);
781 - border-radius: @radius;
782 - background: @brand-bg;
783 - box-shadow: @shadow-sm;
784 -
785 - p {
786 - margin: 0;
787 - color: @muted;
788 - line-height: 1.55;
789 - }
790 -
791 - strong {
792 - color: @text;
793 - }
794 -
795 - .btn {
796 - flex-shrink: 0;
797 - }
798 -}
799 -
800 -@media (max-width: 767px) {
801 - .resource-inline-cta {
802 - display: block;
803 - text-align: center;
804 -
805 - p {
806 - margin-bottom: 14px;
807 - }
808 -
809 - .btn {
810 - display: inline-block;
811 - margin-left: auto;
812 - margin-right: auto;
813 - }
814 - }
815 -}
816 -
817 817  /* ========== Responsive ========== */
818 818  
819 819  @media (max-width: 980px) {
... ... @@ -936,18 +936,15 @@
936 936  }
937 937  
938 938  .resource-layout {
939 - display: block;
847 + display: grid;
848 + grid-template-columns: minmax(0, 760px) 280px;
849 + gap: 42px;
940 940   max-width: 1080px;
941 941   margin: 0 auto;
942 942   padding-top: 28px;
853 + align-items: start;
943 943  }
944 944  
945 -.resource-layout::after {
946 - content: "";
947 - display: block;
948 - clear: both;
949 -}
950 -
951 951  .resource-content {
952 952   color: @text;
953 953   font-size: 16px;
... ... @@ -1017,10 +1017,6 @@
1017 1017  }
1018 1018  
1019 1019  .resource-sidebar {
1020 - float: right;
1021 - width: 280px;
1022 - margin-left: 42px;
1023 - margin-bottom: 28px;
1024 1024   position: sticky;
1025 1025   top: 96px;
1026 1026   border: 1px solid @line;
... ... @@ -1050,14 +1050,8 @@
1050 1050  }
1051 1051  
1052 1052  .resource-cta {
1053 - display: flex;
1054 - flex-direction: column;
1055 - align-items: center;
1056 - text-align: center;
1057 -
1058 - max-width: 820px;
1059 - margin: 42px auto 0;
1060 - padding: 28px 30px;
954 + margin-top: 36px;
955 + padding: 22px;
1061 1061   border: 1px solid fade(@brand, 20%);
1062 1062   border-radius: @radius;
1063 1063   background: @brand-bg;
... ... @@ -1064,43 +1064,20 @@
1064 1064  
1065 1065   h3 {
1066 1066   margin-top: 0;
1067 - margin-bottom: 10px;
1068 1068   }
1069 1069  
1070 1070   p {
1071 - max-width: 680px;
1072 - margin-left: auto;
1073 - margin-right: auto;
1074 1074   color: @muted;
1075 1075   }
1076 -
1077 - .btn {
1078 - margin-top: 8px;
1079 - }
1080 1080  }
1081 1081  
1082 -.resource-note,
1083 -.resource-checklist,
1084 -.resource-cta {
1085 - display: flow-root;
1086 -}
1087 -
1088 -@media (max-width: 767px) {
1089 - .resource-cta {
1090 - padding: 24px 20px;
1091 - }
1092 -}
1093 -
1094 1094  @media (max-width: 900px) {
1095 1095   .resource-layout {
971 + grid-template-columns: 1fr;
1096 1096   padding-top: 22px;
1097 1097   }
1098 1098  
1099 1099   .resource-sidebar {
1100 - float: none;
1101 - width: 100%;
1102 - margin-left: 0;
1103 - margin-bottom: 24px;
1104 1104   position: static;
1105 1105   }
1106 1106  }
... ... @@ -1364,41 +1364,41 @@
1364 1364  }
1365 1365  
1366 1366  /* ========== Resources Index ========== */
1367 -
1368 1368  .resources-index-page {
1369 1369   background: #fff;
1370 1370  
1371 - .services-grid {
1242 + /* Resources index: show cards in rows of 2, center the last one if alone */
1243 + .resources-grid {
1244 + display: grid;
1372 1372   grid-template-columns: repeat(2, minmax(0, 1fr));
1246 + justify-content: center;
1247 + align-items: stretch;
1373 1373   }
1374 -}
1375 1375  
1376 -@media (max-width: 980px) {
1377 - .resources-index-page {
1378 - .services-grid {
1379 - grid-template-columns: 1fr;
1380 - }
1250 + .resources-grid .resource-card {
1251 + height: 100%;
1381 1381   }
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 + }
1382 1382  }
1383 1383  
1261 +/* Keep 2 columns on tablets. Only switch to 1 column on smaller mobile screens. */
1384 1384  @media (max-width: 767px) {
1385 1385   .resources-index-page {
1386 1386   padding: @section-padding-mobile;
1387 - }
1388 -}
1389 1389  
1390 -.resource-faq-item {
1391 - border-bottom: 1px solid @line;
1392 - padding: 12px 0;
1266 + .resources-grid {
1267 + grid-template-columns: 1fr;
1268 + }
1393 1393  
1394 - summary {
1395 - cursor: pointer;
1396 - font-weight: 700;
1397 - 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 + }
1398 1398   }
1399 -
1400 - p {
1401 - margin: 10px 0 4px;
1402 - color: @muted;
1403 - }
1404 1404  }
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