Changes for page Public Web Site
Last modified by Alex Cotiugă on 2026/05/04 06:16
From version 1.1
edited by Alex Cotiugă
on 2025/11/24 07:16
on 2025/11/24 07:16
Change comment:
There is no comment for this version
To version 6.25
edited by Alex Cotiugă
on 2026/05/02 12:23
on 2026/05/02 12:23
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Objects (0 modified, 2 added, 0 removed)
Details
- Page properties
-
- Title
-
... ... @@ -1,1 +1,1 @@ 1 -PublicWebSite 1 +Public Web Site - Content
-
... ... @@ -1,2 +1,218 @@ 1 +{{velocity}} 2 +#macro (displayPublicContent) 3 + #set ($discard = $xwiki.ssx.use('PublicWebSite.WebHome')) 4 + {{html clean="false"}} 5 + ## HERO 6 + <section class="hero hero-centered" aria-labelledby="hero-title"> 7 + <div class="container hero-inner"> 8 + <h1 id="hero-title">Keep Your XWiki Platform Secure, Stable and Up-to-Date</h1> 9 + <p class="lead">Helping organizations safely upgrade and maintain their XWiki environments.</p> 10 + <ul class="benefits"> 11 + <li>Smooth upgrades</li> 12 + <li>Reliable support plans</li> 13 + <li>Custom integrations</li> 14 + <li>Secure, optimized platforms</li> 15 + </ul> 16 + <div id="hero-cta"> 17 + <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a> 18 + #*<a class="btn btn-primary" href="#contact" aria-label="Request a consultation" data-toggle="modal" data-target="#requestConsultation"> 19 + Request a consultation 20 + </a> 21 + #requestConsultationModal()*# 22 + ##data-toggle="modal" data-target="#requestConsultationModal" 23 + </div> 24 + </div> 25 + </section> 26 + ## WHY CHOOSE 27 + #set ($whySectionData = [{ 28 + 'title': 'Stability & security', 29 + 'icon': 'shield', 30 + 'content': 'Proven upgrade steps, rollback safety, and proactive hardening keep your wiki reliable.' 31 + },{ 32 + 'title': 'Predictable delivery', 33 + 'icon': 'check-square-o', 34 + 'content': 'Clear scope, defined steps, and documented results to avoid surprises.' 35 + },{ 36 + 'title': 'Clean integrations', 37 + 'icon': 'link', 38 + 'content': 'Maintainable SSO, API, and system connections tailored to your environment.' 39 + },{ 40 + 'title': 'Long-term support', 41 + 'icon': 'life-ring', 42 + 'content': 'Guaranteed response times, regular checks, and fast assistance when needed.' 43 + }]) 44 + <section aria-labelledby="why-title"> 45 + <div class="container"> 46 + <h2 id="why-title">Why choose Agnease</h2> 47 + <p class="lead">10+ years of XWiki expertise with structured delivery and lasting collaboration</p> 48 + <div class="widgets"> 49 + #foreach ($entry in $whySectionData) 50 + <article class="widget"> 51 + <div class="icon" aria-hidden="true"> 52 + <i class="fa fa-$entry.icon"></i> 53 + <h4>$entry.title</h4> 54 + </div> 55 + <p>$entry.content</p> 56 + </article> 57 + #end 58 + </div> 59 + </div> 60 + </section> 61 + ## SERVICES 62 + #set ($servicesSectionData = [{ 63 + 'title': 'Upgrades', 64 + 'icon': 'refresh', 65 + 'content': 'Stay current with the latest XWiki LTS and keep your instance reliable.', 66 + 'items': [ 67 + 'Audit setup, extensions, and configurations', 68 + 'Test upgrades with backups and validation', 69 + 'Safe production rollout with minimal downtime' 70 + ] 71 + },{ 72 + 'title': 'Maintenance, Support & Recovery', 73 + 'icon': 'stethoscope', 74 + 'content': 'Ensure long-term stability and quick response when issues appear.', 75 + 'items': [ 76 + 'Monitoring and performance checks', 77 + 'Security patching, log analysis, triage', 78 + 'Issue recovery, data repair, hardening' 79 + ] 80 + },{ 81 + 'title': 'Development & Integrations', 82 + 'icon': 'cogs', 83 + 'content': 'Extend and connect XWiki to fit your workflow and systems.', 84 + 'items': [ 85 + 'Custom apps, macros, automation', 86 + 'SSO, REST APIs, LDAP, CRM links', 87 + 'Maintainable extensions for long-term use' 88 + ] 89 + },{ 90 + 'title': 'Hosting & Deployment', 91 + 'icon': 'cloud', 92 + 'content': 'Cloud-ready environments designed for reliability and performance.', 93 + 'items': [ 94 + 'Containerized deployment and TLS', 95 + 'Backups, restore strategy, observability', 96 + 'Optimization and load tuning' 97 + ] 98 + },{ 99 + 'title': 'Migrations to XWiki', 100 + 'icon': 'exchange', 101 + 'content': 'Move from Confluence, SharePoint, or MediaWiki to XWiki with full data integrity and structure.', 102 + 'items': [ 103 + 'Preserve hierarchy, attachments, and permissions', 104 + 'Convert macros, categories, and metadata for XWiki', 105 + 'Redirect old URLs and maintain SEO consistency' 106 + ] 107 + }]) 108 + <section class="services" aria-labelledby="services-title"> 109 + <div class="container"> 110 + <h2 id="services-title">Services</h2> 111 + <p class="lead"> 112 + All the XWiki services you need, delivered with precision and care 113 + </p> 1 1 115 + #set ($servicesSize = $servicesSectionData.size()) 116 + <div class="services-grid"> 117 + #foreach ($entry in $servicesSectionData) 118 + #set ($classes = "service") 119 + ## If this is the last item AND the total number is odd, center it 120 + #if ($foreach.count == $servicesSize && ($servicesSize % 2) == 1) 121 + #set ($classes = "service service-center") 122 + #end 2 2 124 + <article class="$classes"> 125 + <div class="service-icon"> 126 + <i class="fa fa-$entry.icon" aria-hidden="true"></i> 127 + </div> 128 + <div class="service-body"> 129 + <h4>$entry.title</h4> 130 + <p>$entry.content</p> 131 + <ul> 132 + #foreach ($item in $entry.items) 133 + <li>$item</li> 134 + #end 135 + </ul> 136 + </div> 137 + </article> 138 + #end 139 + </div> 140 + </div> 141 + </section> 142 + ## CTA INLINE 143 + <section id="contact" class="cta-section"> 144 + <div class="container"> 145 + <p class="text-center contact-inline"> 146 + Need help with your XWiki? <a href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>. 147 + </p> 148 + </div> 149 + </section> 150 + {{/html}} 151 +#end 152 + 153 +#macro(requestConsultationModal) 154 + <div class="modal fade" id="requestConsultation" tabindex="-1" role="dialog"> 155 + <div class="modal-dialog"> 156 + <div class="modal-content"> 157 + <div class="modal-header"> 158 + <button type="button" class="close" data-dismiss="modal">×</button> 159 + <h4 class="modal-title">Request a consultation</h4> 160 + </div> 161 + <div class="modal-body"> 162 + <div> 163 + ##Need help with your XWiki? <a href="mailto:alex@agnease.com">Contact Agnease</a> 164 + #displayFormFromSheetCode() 165 + </div> 166 + </div> 167 + <div class="modal-footer"> 168 + ##<input id="continueCategorySelection" type="button" class="btn btn-default" data-dismiss="modal" 169 + ## value="$escapetool.xml($services.localization.render('yesno_1'))"> 170 + </div> 171 + </div> 172 + </div> 173 + </div> 174 +#end 175 + 176 +#macro (stripHTMLMacro $displayOutput) 177 + $stringtool.removeEnd($stringtool.removeStart($displayOutput, '{{html clean="false" wiki="false"}}'), '{{/html}}').replace('Agnease.Code.Lead.LeadClass_0_', 'acl-') 178 +#end 179 + 180 +#macro (displayFormFromSheetCode) 181 + #set ($editing = true) 182 + ## The object to display. 183 + #set ($xobject = $doc.newObject('Agnease.Code.Lead.LeadClass')) 184 + ## The class that describes the object properties. 185 + #set ($xclass = $xwiki.getClass('Agnease.Code.Lead.LeadClass')) 186 + ## Make sure the following display* method calls use the right object. 187 + #set ($discard = $doc.use($xobject)) 188 + ## Using the xform vertical form layout. 189 + <div class="xform"> 190 + <dl> 191 + #foreach ($property in $xclass.properties) 192 + #if ($property.name != 'status') 193 + <dt #if (!$editing) 194 + class="editableProperty" 195 + #set ($xobjectPropertyReference = $xobject.getPropertyReference($property.name)) 196 + data-property="$escapetool.xml($services.model.serialize($xobjectPropertyReference))" 197 + data-property-type="object"#end> 198 + ## This must match the id generated by the $doc.display() method below. 199 + #set ($propertyId = "acl-$property.name") 200 + <label#if ($editing) for="$escapetool.xml($propertyId)"#end> 201 + $escapetool.xml($property.translatedPrettyName) 202 + </label> 203 + ## Support for specifying a translation key as hint in the property definition. 204 + <span class="xHint">$!escapetool.xml($services.localization.render($property.hint))</span> 205 + </dt> 206 + #set ($displayOutput = $doc.display($property.name, 'edit')) 207 + <dd>#stripHTMLMacro($displayOutput)</dd> 208 + #end 209 + #end 210 + #if (!$xclass.properties || $xclass.properties.size() == 0) 211 + ## Keep the empty definition term in order to have valid HTML. 212 + <dt></dt> 213 + <dd>$escapetool.xml($services.localization.render('xclass.defaultObjectSheet.noProperties'))</dd> 214 + #end 215 + </dl> 216 + </div> 217 +#end 218 +{{/velocity}}
- XWiki.StyleSheetExtension[0]
-
- cache
-
... ... @@ -1,0 +1,1 @@ 1 +long - code
-
... ... @@ -1,0 +1,266 @@ 1 +/* ========== Agnease Landing (no Bootstrap grid) ========== */ 2 +@brand: #00937D; 3 +@brand-strong: #007B6A; 4 +@text: #2D3A34; 5 +@muted: #5B6B64; 6 +@line: #E4ECE9; 7 +@radius: 16px; 8 +@shadow-sm: 0 6px 20px rgba(0,0,0,.06); 9 +@shadow: 0 12px 36px rgba(0,0,0,.08); 10 +@maxw: 1140px; 11 + 12 +#mainContentArea { 13 + padding: 0; 14 +} 15 + 16 +.container { 17 + max-width: @maxw; 18 +} 19 + 20 +.lead { 21 + color: @muted; 22 + text-align: center; 23 + margin-bottom: 0; 24 +} 25 +h2 { 26 + text-align: center; 27 +} 28 + 29 +section { 30 + padding: 32px 0; 31 + border-top: 1px solid @line; 32 + 33 + &:first-of-type { 34 + border-top: none; 35 + } 36 +} 37 + 38 +/* ===== HERO ===== */ 39 +.hero { 40 + overflow: hidden; 41 + background-repeat: no-repeat; 42 + background-attachment: scroll; 43 + 44 + &.hero-centered { 45 + text-align: center; 46 + background: 47 + radial-gradient(50rem 18rem at 50% -10%, #E7FFF8 0%, transparent 60%), 48 + radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%); 49 + display: flex; 50 + align-items: center; 51 + justify-content: center; 52 + min-height: 300px; 53 + } 54 + 55 + .hero-inner { 56 + max-width: 850px; 57 + margin: 0 auto; 58 + display: flex; 59 + flex-direction: column; 60 + align-items: center; 61 + } 62 + 63 + #hero-cta { 64 + display: flex; 65 + gap: 0.8rem; 66 + flex-wrap: wrap; 67 + justify-content: center; 68 + margin-top: 1.3rem; 69 + } 70 + 71 + .benefits { 72 + display: flex; 73 + flex-wrap: wrap; 74 + justify-content: center; 75 + list-style: none; 76 + padding: 0; 77 + margin: 0.8rem 0 0; 78 + color: @muted; 79 + font-size: 14px; 80 + 81 + li + li::before { 82 + content: "•"; 83 + margin: 0 5px; 84 + } 85 + 86 + @media (max-width: 640px) { 87 + li + li::before { 88 + content: none; 89 + } 90 + li:nth-child(1)::after, 91 + li:nth-child(3)::after { 92 + content: "•"; 93 + margin: 0 5px; 94 + } 95 + } 96 + } 97 +} 98 + 99 +/* ===== WHY CHOOSE (cards) ===== */ 100 +.widgets { 101 + margin-top: 12px; 102 + display: grid; 103 + grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); 104 + grid-gap: 16px; 105 +} 106 + 107 +.widget { 108 + padding: 18px; 109 + background: #fff; 110 + border: 1px solid @line; 111 + border-radius: @radius; 112 + box-shadow: @shadow-sm; 113 + transition: transform .18s ease, box-shadow .18s ease; 114 + display: flex; 115 + flex-direction: column; 116 + height: 100%; 117 + 118 + &:hover { 119 + transform: translateY(-2px); 120 + box-shadow: @shadow; 121 + } 122 + 123 + .icon { 124 + display: flex; 125 + align-items: center; 126 + gap: 10px; 127 + padding-bottom: 6px; 128 + margin-bottom: 8px; 129 + border-bottom: 1px solid fade(@line, 60%); 130 + i { color: @brand; } 131 + h4 { margin: 0; line-height: 1.2; color: @text; } 132 + } 133 + 134 + p { 135 + margin: 0; 136 + color: @muted; 137 + line-height: 1.45; 138 + } 139 +} 140 + 141 +/* ===== SERVICES ===== */ 142 +.services { 143 + .services-grid { 144 + margin-top: 20px; 145 + display: flex; 146 + flex-wrap: wrap; 147 + gap: 24px; 148 + 149 + /* center the whole block under the heading */ 150 + max-width: 960px; 151 + margin-left: auto; 152 + margin-right: auto; 153 + justify-content: center; 154 + } 155 + 156 + .service { 157 + flex: 0 1 calc(50% - 12px); 158 + display: flex; 159 + align-items: flex-start; 160 + gap: 16px; 161 + margin-bottom: 8px; 162 + 163 + .service-icon { 164 + width: 42px; 165 + height: 42px; 166 + border-radius: 50%; 167 + display: flex; 168 + align-items: center; 169 + justify-content: center; 170 + font-size: 18px; 171 + color: @brand; 172 + background: fade(@brand, 10%); 173 + flex-shrink: 0; 174 + margin-top: 3px; 175 + } 176 + 177 + .service-body { 178 + h4 { 179 + margin: 0 0 4px; 180 + font-size: 1.125rem; 181 + font-weight: 800; 182 + } 183 + p { 184 + margin: 0 0 6px; 185 + color: @text; 186 + line-height: 1.5; 187 + } 188 + ul { 189 + margin: .45rem 0 0; 190 + padding-left: 1.1rem; 191 + color: @muted; 192 + font-size: 13px; 193 + } 194 + li { 195 + margin: .25rem 0; 196 + line-height: 1.45; 197 + } 198 + } 199 + } 200 + 201 + /* ==== Center last item on its own row while keeping 50% width ==== */ 202 + .service-center { 203 + /* same width as siblings */ 204 + flex: 0 1 calc(55% - 12px); 205 + 206 + /* push to center */ 207 + margin-left: auto; 208 + margin-right: auto; 209 + } 210 + 211 + /* Mobile: 1 per row */ 212 + @media (max-width: 767px) { 213 + .services-grid { 214 + gap: 16px; 215 + max-width: 100%; 216 + } 217 + 218 + .service, 219 + .service-center { 220 + flex: 0 1 100%; 221 + margin-left: 0; 222 + margin-right: 0; 223 + } 224 + } 225 +} 226 + 227 +/* ===== CTA ===== */ 228 +.cta-section { 229 + padding: 24px 0 16px; 230 + 231 + .contact-inline { 232 + margin: 0; 233 + color: @muted; 234 + a { color: @brand; } 235 + } 236 +} 237 + 238 +/* ===== MENU Style ===== */ 239 +.navbar-default .navbar-nav { 240 + float: right !important; 241 + background-color: #fff; 242 + border-color: #fff; 243 + .menu-horizontal { 244 + background-color: #fff; 245 + border-color: #fff; 246 + } 247 + 248 + margin-left:20px; 249 + li { 250 + align-items: end; 251 + font-size: 20px; 252 + &:hover { 253 + background-color: #fff; 254 + color: #00463c; 255 + } 256 + a { 257 + padding-bottom: 0; 258 + padding-top: 14px; 259 + &:hover { 260 + background-color: #fff; 261 + color: #00463c; 262 + } 263 + } 264 + } 265 +} 266 + - contentType
-
... ... @@ -1,0 +1,1 @@ 1 +LESS - use
-
... ... @@ -1,0 +1,1 @@ 1 +onDemand
- 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