Skip to Content
Last modified by Alex Cotiuga on 2026/07/27 06:09
From version 18.8
edited by Alex Cotiuga
on 2026/07/09 19:58
Change comment: There is no comment for this version
To version 17.1
edited by Alex Cotiuga
on 2026/06/29 13:22
Change comment: Imported from XAR

Summary

Details

Page properties
Content
... ... @@ -12,8 +12,7 @@
12 12   'hosting',
13 13   'customDevelopment',
14 14   'timeline',
15 - 'users',
16 - 'sourcePage'
15 + 'users'
17 17   ])
18 18  
19 19   #set ($name = '')
... ... @@ -163,20 +163,15 @@
163 163   ## As a measure to avoid high load on website.
164 164   Tell us more about your project at <a href="mailto:alex@agnease.com">alex@agnease.com</a>
165 165   #else
166 - #set ($hiddenProperties = ['sourcePage'])
167 167   <form id="contactForm">
168 168   <dl>
169 169   #foreach ($property in $xclass.properties)
170 - #set ($hiddenPropertiesCSS = '')
171 - #if ($hiddenProperties.contains($property.name))
172 - #set ($hiddenPropertiesCSS = 'class="hidden"')
173 - #end
174 174   #if ($property.name == 'hosting')
175 175   <hr>
176 176   <h3>Optional project details</h3>
177 177   <p>These details help us understand the scope and suggest practical next steps.</p>
178 178   #end
179 - <dt $hiddenPropertiesCSS #if (!$editing && $hasEdit)
173 + <dt #if (!$editing && $hasEdit)
180 180   class="editableProperty"
181 181   #set ($xobjectPropertyReference = $xobject.getPropertyReference($property.name))
182 182   data-property="$escapetool.xml($services.model.serialize($xobjectPropertyReference))"
... ... @@ -194,7 +194,7 @@
194 194   #if (!$xclass.properties || $xclass.properties.size() == 0)
195 195   ## Keep the empty definition term in order to have valid HTML.
196 196   <dt></dt>
197 - <dd $hiddenPropertiesCSS>$escapetool.xml($services.localization.render('xclass.defaultObjectSheet.noProperties'))</dd>
191 + <dd>$escapetool.xml($services.localization.render('xclass.defaultObjectSheet.noProperties'))</dd>
198 198   #end
199 199   </dl>
200 200   <p class="xHint">* Your information will only be used to respond to this request.</p>
... ... @@ -230,13 +230,9 @@
230 230   {{/html}}
231 231   {{html clean="false"}}
232 232   </div>
233 - <div class="col-md-5 contact-side-panel">
234 - <div class="split-copy contact-help-panel">
235 - <h2>
236 - <i class="fa fa-check-circle" aria-hidden="true"></i>
237 - How Agnease can help
238 - </h2>
239 -
227 + <div class="col-md-5">
228 + <div class="widget">
229 + <h4>$services.icon.renderHTML('check') How Agnease can help</h4>
240 240   <ul>
241 241   <li>XWiki upgrades and long-term maintenance</li>
242 242   <li>Knowledge bases, intranets, SOP and documentation workflows</li>
... ... @@ -246,21 +246,14 @@
246 246   <li>Security-aware reviews and platform stabilization</li>
247 247   </ul>
248 248   </div>
249 -
250 - <ol class="process-list contact-process-list">
251 - <li>
252 - <strong>Your request is reviewed</strong>
253 - The project description is checked to understand the context and initial scope.
254 - </li>
255 - <li>
256 - <strong>You receive a reply</strong>
257 - Agnease replies with clarifying questions or suggested next steps.
258 - </li>
259 - <li>
260 - <strong>A short call can be scheduled</strong>
261 - If useful, we discuss scope, timeline and estimated effort together.
262 - </li>
263 - </ol>
239 + <div class="widget">
240 + <h4>$services.icon.renderHTML('right') What happens next?</h4>
241 + <ol>
242 + <li>Your request is reviewed.</li>
243 + <li>You receive a reply with clarifying questions or suggested next steps.</li>
244 + <li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li>
245 + </ol>
246 + </div>
264 264   </div>
265 265   </div>
266 266  {{/html}}
XWiki.StyleSheetExtension[0]
code
... ... @@ -1,17 +1,71 @@
1 -/* ===== Contact page side panel ===== */
1 +@brand: #00937D;
2 +@brand-strong: #007B6A;
3 +@text: #2D3A34;
4 +@muted: #5B6B64;
5 +@line: #E4ECE9;
6 +@radius: 16px;
7 +@shadow-sm: 0 6px 20px rgba(0,0,0,.06);
8 +@shadow: 0 12px 36px rgba(0,0,0,.08);
9 +@maxw: 1140px;
2 2  
3 -.contact-side-panel {
4 - padding-top: 10px;
11 +/* ===== Contact page widgets ===== */
12 +#mainContentArea {
13 + padding: 0;
5 5  }
6 6  
7 -.contact-help-panel {
8 - margin-bottom: 18px;
16 +.col-xs-5 {
17 + padding-top: 45px;
9 9  }
10 10  
11 -.contact-process-list li {
12 - min-height: auto;
20 +.col-xs-5 .widget {
21 + margin-bottom: 16px;
22 + padding: 16px;
13 13  }
14 14  
25 +.col-xs-5 .widget h4 {
26 + display: flex;
27 + align-items: center;
28 + gap: 8px;
29 + margin: 0 0 10px;
30 + padding-bottom: 8px;
31 + border-bottom: 1px solid fade(@line, 60%);
32 + color: @text;
33 + font-size: 18px;
34 + line-height: 1.25;
35 +}
36 +
37 +.col-xs-5 .widget h4 .fa,
38 +.col-xs-5 .widget h4 .glyphicon {
39 + color: @brand;
40 + font-size: 15px;
41 +}
42 +
43 +.col-xs-5 .widget ul,
44 +.col-xs-5 .widget ol {
45 + margin: 0;
46 + padding-left: 1.2rem;
47 + color: @muted;
48 +}
49 +
50 +.col-xs-5 .widget li {
51 + margin: 5px 0;
52 + line-height: 1.4;
53 +}
54 +
55 +.col-xs-5 .widget p {
56 + margin: 0 0 8px;
57 + color: @muted;
58 + line-height: 1.45;
59 +}
60 +
61 +.col-xs-5 .widget p:last-child {
62 + margin-bottom: 0;
63 +}
64 +
65 +.col-xs-5 .widget a {
66 + color: @brand;
67 + font-weight: 700;
68 +}
15 15  /* CSS for hidden field to identify requests filled by bots. */
16 16  .contact-hp-wrapper {
17 17   position: absolute;
... ... @@ -20,9 +20,3 @@
20 20   height: 1px;
21 21   overflow: hidden;
22 22  }
23 -
24 -@media (max-width: 991px) {
25 - .contact-side-panel {
26 - padding-top: 24px;
27 - }
28 -}