Last modified by Agnease on 2026/06/24 16:39

From version 22.6
edited by Agnease
on 2026/06/24 15:24
Change comment: There is no comment for this version
To version 22.3
edited by Agnease
on 2026/06/24 15:15
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -2,122 +2,91 @@
2 2  #set ($discard = $xwiki.ssx.use('PublicWebSite.WebHome'))
3 3  #set ($discard = $xwiki.ssx.use('products.WebHome'))
4 4  
5 -#set ($businessValueItems = [{
6 - 'title': 'Reduce account compromise risk',
7 - 'icon': 'shield',
8 - 'content': 'Add a second verification step after password login to better protect private XWiki content and administrator accounts.'
5 +#set ($mainCapabilityItems = [{
6 +'title': 'Second verification step',
7 +'icon': 'key',
8 +'content': 'Add an additional verification screen after the normal XWiki username and password login.'
9 9  },{
10 - 'title': 'Keep the standard XWiki experience',
11 - 'icon': 'sign-in',
12 - 'content': 'Extend the familiar XWiki login flow instead of replacing it with a completely different authentication experience.'
10 +'title': 'Authenticator app codes',
11 +'icon': 'mobile',
12 +'content': 'Let users verify access with time-based TOTP codes generated by authenticator applications.'
13 13  },{
14 - 'title': 'Support a controlled rollout',
15 - 'icon': 'tasks',
16 - 'content': 'Start with optional MFA, then require MFA for all users when the organization is ready.'
14 +'title': 'Recovery and trusted devices',
15 +'icon': 'shield',
16 +'content': 'Provide backup access with recovery codes and reduce repeated prompts on trusted browsers.'
17 17  }])
18 18  
19 -#set ($adminControlItems = [{
20 - 'title': 'Global MFA policy',
21 - 'icon': 'cog',
22 - 'content': 'Administrators can decide whether MFA is optional or required for all users.'
19 +#set ($adminExperienceItems = [{
20 +'title': 'MFA policy',
21 +'icon': 'cog',
22 +'content': 'Make MFA optional or required for all users from the XWiki Administration section.'
23 23  },{
24 - 'title': 'Recovery policy',
25 - 'icon': 'life-ring',
26 - 'content': 'Configure how many one-time recovery codes are generated for each user, or disable recovery codes if needed.'
24 +'title': 'Configuration options',
25 +'icon': 'sliders',
26 +'content': 'Set the authenticator issuer name, recovery-code count and trusted-device duration.'
27 27  },{
28 - 'title': 'Trusted-device policy',
29 - 'icon': 'desktop',
30 - 'content': 'Configure how long a trusted browser remains valid, or disable trusted devices for stricter environments.'
28 +'title': 'Administration overview',
29 +'icon': 'table',
30 +'content': 'Review MFA adoption with summary indicators and a filterable Live Data table.'
31 31  }])
32 32  
33 -#set ($adminVisibilityItems = [{
34 - 'title': 'MFA adoption overview',
35 - 'icon': 'bar-chart',
36 - 'content': 'Review how many users are scanned, how many have MFA configured, and how many still need attention.'
33 +#set ($userExperienceItems = [{
34 +'title': 'Self-service setup',
35 +'icon': 'qrcode',
36 +'content': 'Users configure MFA from their profile by scanning a QR code or entering the setup key manually.'
37 37  },{
38 - 'title': 'Filterable user table',
39 - 'icon': 'table',
40 - 'content': 'Use the Live Data table to review configured users, recovery-code status and trusted-device usage.'
38 +'title': 'Login verification',
39 +'icon': 'sign-in',
40 +'content': 'After the normal login, users enter the code generated by their authenticator app.'
41 41  },{
42 - 'title': 'Operational monitoring',
43 - 'icon': 'search',
44 - 'content': 'Identify accounts with missing recovery codes or trusted devices from the administration area.'
42 +'title': 'Trusted browser option',
43 +'icon': 'desktop',
44 +'content': 'Users can trust the current browser for the configured duration after successful verification.'
45 45  }])
46 46  
47 -#set ($userAdoptionItems = [{
48 - 'title': 'Self-service setup',
49 - 'icon': 'qrcode',
50 - 'content': 'Users can configure MFA by scanning a QR code with their authenticator application.'
47 +#set ($selfServiceItems = [{
48 +'title': 'Recovery codes',
49 +'icon': 'life-ring',
50 +'content': 'Recovery codes provide backup access when a user loses access to the authenticator application.'
51 51  },{
52 - 'title': 'Manual setup details',
53 - 'icon': 'keyboard-o',
54 - 'content': 'Users can also enter the account name and secret key manually if they cannot scan the QR code.'
52 +'title': 'Trusted devices',
53 +'icon': 'desktop',
54 +'content': 'Trusted devices can be reviewed and removed from the user profile.'
55 55  },{
56 - 'title': 'Enforced setup flow',
57 - 'icon': 'lock',
58 - 'content': 'When MFA is required, users are guided to complete setup before continuing.'
56 +'title': 'Profile management',
57 +'icon': 'user',
58 +'content': 'Users can review MFA status, generate recovery codes, manage trusted devices and reset MFA.'
59 59  }])
60 60  
61 -#set ($loginProtectionItems = [{
62 - 'title': 'Second login step',
63 - 'icon': 'key',
64 - 'content': 'After the normal username and password login, users enter the verification code from their authenticator app.'
65 -},{
66 - 'title': 'Backup login option',
67 - 'icon': 'unlock-alt',
68 - 'content': 'If recovery codes are enabled, users can use a recovery code when they lose access to the authenticator app.'
69 -},{
70 - 'title': 'Trusted browser option',
71 - 'icon': 'desktop',
72 - 'content': 'Users can trust the current browser for the configured duration after successful verification.'
73 -}])
74 -
75 -#set ($continuityItems = [{
76 - 'title': 'One-time recovery codes',
77 - 'icon': 'life-ring',
78 - 'content': 'Recovery codes help users regain access if they lose their authenticator device.'
79 -},{
80 - 'icon': 'life-ring',
81 - 'content': 'Recovery codes help users regain access if they lose their authenticator device.'
82 -},{
83 - 'title': 'Codes shown once',
84 - 'icon': 'eye-slash',
85 - 'content': 'Recovery codes are displayed only once and each code can be used a single time.'
86 -},{
87 - 'title': 'Trusted-device management',
88 - 'icon': 'desktop',
89 - 'content': 'Users can review trusted devices, identify the current browser and remove devices they no longer use.'
90 -}])
91 -
92 92  #set ($adminSupportItems = [{
93 - 'title': 'User MFA status',
94 - 'icon': 'user',
95 - 'content': 'Administrators can open a user profile and check whether MFA is configured for that account.'
62 +'title': 'User MFA status',
63 +'icon': 'user',
64 +'content': 'Administrators can open a user profile and check the MFA status for that account.'
96 96  },{
97 - 'title': 'Helpdesk recovery',
98 - 'icon': 'refresh',
99 - 'content': 'Administrators can reset MFA when a user loses access to the authenticator app or needs to restart setup.'
66 +'title': 'MFA reset',
67 +'icon': 'refresh',
68 +'content': 'Administrators can reset MFA when a user needs to restart the configuration process.'
100 100  },{
101 - 'title': 'Clean reset',
102 - 'icon': 'trash',
103 - 'content': 'Resetting MFA removes the authenticator setup, recovery codes and trusted devices for that user.'
70 +'title': 'Controlled recovery',
71 +'icon': 'unlock-alt',
72 +'content': 'Resetting MFA removes the authenticator setup, recovery codes and trusted devices for that user.'
104 104  }])
105 105  
106 106  #set ($rolloutItems = [{
107 - 'title': 'Start with a pilot group',
108 - 'content': 'Test the extension with administrators or a small user group before enabling it widely.'
76 +'title': 'Start with a pilot group',
77 +'content': 'Test the extension with administrators or a small user group before enabling it widely.'
109 109  },{
110 - 'title': 'Define the MFA policy',
111 - 'content': 'Decide whether MFA should be optional at first or required for all users.'
79 +'title': 'Define the MFA policy',
80 +'content': 'Decide whether MFA should be optional at first or required for all users.'
112 112  },{
113 - 'title': 'Configure recovery options',
114 - 'content': 'Choose the number of recovery codes and whether trusted devices should be allowed.'
82 +'title': 'Configure recovery options',
83 +'content': 'Choose the number of recovery codes and whether trusted devices should be allowed.'
115 115  },{
116 - 'title': 'Prepare user communication',
117 - 'content': 'Explain how users configure MFA, save recovery codes and manage trusted devices.'
85 +'title': 'Inform users',
86 +'content': 'Explain how users configure MFA, save recovery codes and manage trusted devices.'
118 118  },{
119 - 'title': 'Monitor adoption',
120 - 'content': 'Use the administration overview to identify users who still need to configure MFA.'
88 +'title': 'Monitor adoption',
89 +'content': 'Use the administration overview to identify users who still need to configure MFA.'
121 121  }])
122 122  
123 123  {{html clean="false"}}
... ... @@ -129,17 +129,20 @@
129 129   XWiki 2FA and MFA
130 130   </div>
131 131  
132 - <h1 id="product-title">XWiki Two-Factor Authentication</h1>
101 +```
102 +<h1 id="product-title">XWiki Two-Factor Authentication</h1>
133 133  
134 - <p class="lead">
135 - Protect XWiki logins with authenticator app verification, recovery codes, trusted devices
136 - and administrator visibility.
137 - </p>
104 +<p class="lead">
105 + Protect XWiki logins with a second verification step using authenticator app codes,
106 + recovery codes and trusted devices.
107 +</p>
138 138  
139 - <div class="hero-actions">
140 - <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Ask about this extension</a>
141 - <a class="btn btn-secondary" href="$xwiki.getURL('products.WebHome')">View all products</a>
142 - </div>
109 +<div class="hero-actions">
110 + <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Ask about this extension</a>
111 + <a class="btn btn-secondary" href="$xwiki.getURL('products.WebHome')">View all products</a>
112 +</div>
113 +```
114 +
143 143   </div>
144 144  </section>
145 145  
... ... @@ -147,125 +147,133 @@
147 147   <div class="container">
148 148   <div class="product-layout">
149 149   <article class="product-summary-card">
150 - <h2 id="overview-title">MFA protection built for XWiki</h2>
122 + <h2 id="overview-title">Two-factor authentication built into XWiki</h2>
151 151  
152 - <p>
153 - XWiki Two-Factor Authentication adds a second verification step to the standard XWiki login flow.
154 - Users continue to sign in with their normal username and password, then confirm access with a
155 - time-based code generated by an authenticator application.
156 - </p>
124 +```
125 + <p>
126 + XWiki Two-Factor Authentication adds MFA support to the standard XWiki login flow.
127 + Users continue to sign in with their normal username and password, then confirm access
128 + with a time-based verification code from an authenticator application.
129 + </p>
157 157  
158 - <p>
159 - The extension is designed for organizations that use XWiki to manage internal documentation,
160 - procedures, knowledge bases, customer portals or other private collaboration spaces where
161 - stronger account protection is needed.
162 - </p>
163 - </article>
131 + <p>
132 + The extension is designed for organizations that want stronger access protection for
133 + internal knowledge bases, intranets, documentation platforms, customer portals and other
134 + XWiki-based applications.
135 + </p>
136 + </article>
164 164  
165 - <aside class="product-info-card" aria-labelledby="quick-facts-title">
166 - <h3 id="quick-facts-title">Quick facts</h3>
167 - <ul>
168 - <li>Works with the standard XWiki login flow</li>
169 - <li>Uses TOTP authenticator applications</li>
170 - <li>Can require MFA for all users</li>
171 - <li>Includes one-time recovery codes</li>
172 - <li>Supports trusted browsers or devices</li>
173 - <li>Includes user self-service controls</li>
174 - <li>Includes administration monitoring</li>
175 - </ul>
176 - </aside>
177 - </div>
138 + <aside class="product-info-card" aria-labelledby="quick-facts-title">
139 + <h3 id="quick-facts-title">Quick facts</h3>
140 + <ul>
141 + <li>Works with the standard XWiki login flow</li>
142 + <li>Supports TOTP authenticator applications</li>
143 + <li>Can require MFA for all users</li>
144 + <li>Includes one-time recovery codes</li>
145 + <li>Can remember trusted browsers or devices</li>
146 + <li>Includes user self-service controls</li>
147 + <li>Includes an administration overview</li>
148 + </ul>
149 + </aside>
150 +</div>
151 +```
152 +
178 178   </div>
179 179  </section>
180 180  
181 -<section class="product-section-muted" aria-labelledby="business-value-title">
156 +<section aria-labelledby="capabilities-title">
182 182   <div class="container">
183 - <h2 id="business-value-title">Business value</h2>
158 + <h2 id="capabilities-title">Main capabilities</h2>
184 184  
185 - <p class="section-intro">
186 - The extension helps organizations strengthen XWiki access protection without making login and account recovery unnecessarily complex.
187 - </p>
160 +```
161 +<p class="section-intro">
162 + A focused set of MFA features for stronger XWiki account protection without replacing the familiar login experience.
163 +</p>
188 188  
189 - <div class="product-feature-grid">
190 - #foreach ($entry in $businessValueItems)
191 - <article class="product-feature">
192 - <div class="card-heading">
193 - <div class="feature-icon">
194 - <i class="fa fa-$entry.icon" aria-hidden="true"></i>
195 - </div>
196 - <h3>$entry.title</h3>
197 - </div>
165 +<div class="product-feature-grid">
166 + #foreach ($entry in $mainCapabilityItems)
167 + <article class="product-feature">
168 + <div class="card-heading">
169 + <div class="feature-icon">
170 + <i class="fa fa-$entry.icon" aria-hidden="true"></i>
171 + </div>
172 + <h3>$entry.title</h3>
173 + </div>
198 198  
199 - <p>$entry.content</p>
200 - </article>
201 - #end
202 - </div>
175 + <p>$entry.content</p>
176 + </article>
177 + #end
178 +</div>
179 +```
180 +
203 203   </div>
204 204  </section>
205 205  
206 -<section aria-labelledby="admin-control-title">
184 +<section class="product-section-muted" aria-labelledby="security-title">
207 207   <div class="container">
208 - <h2 id="admin-control-title">Administrator control</h2>
186 + <div class="product-layout">
187 + <article class="product-summary-card">
188 + <h2 id="security-title">Useful for XWiki security and access protection</h2>
209 209  
210 - <p class="section-intro">
211 - Administrators configure the MFA policy directly from the XWiki Administration section, without editing configuration files for day-to-day policy changes.
190 +```
191 + <p>
192 + Many organizations use XWiki to store internal documentation, procedures, operational
193 + knowledge and business-critical information. Adding a second authentication factor helps
194 + reduce the risk of account compromise when a password is exposed or reused.
212 212   </p>
213 213  
214 - <div class="product-feature-grid">
215 - #foreach ($entry in $adminControlItems)
216 - <article class="product-feature">
217 - <div class="card-heading">
218 - <div class="feature-icon">
219 - <i class="fa fa-$entry.icon" aria-hidden="true"></i>
220 - </div>
221 - <h3>$entry.title</h3>
222 - </div>
197 + <p>
198 + The extension is especially useful for protecting administrator accounts, remote users,
199 + private knowledge bases and customer or partner portals.
200 + </p>
201 + </article>
223 223  
224 - <p>$entry.content</p>
225 - </article>
226 - #end
227 - </div>
203 + <aside class="product-info-card" aria-labelledby="use-cases-title">
204 + <h3 id="use-cases-title">Typical use cases</h3>
205 + <ul>
206 + <li>Administrator account protection</li>
207 + <li>Internal knowledge base security</li>
208 + <li>Private documentation platforms</li>
209 + <li>Remote user access protection</li>
210 + <li>Customer or partner portals</li>
211 + <li>Security review and NIS 2 readiness initiatives</li>
212 + </ul>
213 + </aside>
214 +</div>
215 +```
228 228  
229 -{{/html}}
230 -
231 -{{gallery}}
232 -[[image:mfa-admin-configuration.png]]
233 -{{/gallery}}
234 -
235 -{{html clean="false"}}
236 -
237 - <p class="product-gallery-caption">
238 - Administration configuration for requiring MFA, setting the authenticator issuer name, recovery-code count and trusted-device duration.
239 - </p>
240 240   </div>
241 241  </section>
242 242  
243 -<section class="product-section-muted" aria-labelledby="admin-visibility-title">
220 +<section aria-labelledby="admin-experience-title">
244 244   <div class="container">
245 - <h2 id="admin-visibility-title">Administration overview and monitoring</h2>
222 + <h2 id="admin-experience-title">Administrator configuration and monitoring</h2>
246 246  
247 - <p class="section-intro">
248 - The administration overview helps teams understand MFA adoption and identify users who still need to complete setup or maintain recovery options.
249 - </p>
224 +```
225 +<p class="section-intro">
226 + Administrators can configure the MFA policy, define recovery options and monitor adoption from the XWiki Administration section.
227 +</p>
250 250  
251 - <div class="product-feature-grid">
252 - #foreach ($entry in $adminVisibilityItems)
253 - <article class="product-feature">
254 - <div class="card-heading">
255 - <div class="feature-icon">
256 - <i class="fa fa-$entry.icon" aria-hidden="true"></i>
257 - </div>
258 - <h3>$entry.title</h3>
259 - </div>
229 +<div class="product-feature-grid">
230 + #foreach ($entry in $adminExperienceItems)
231 + <article class="product-feature">
232 + <div class="card-heading">
233 + <div class="feature-icon">
234 + <i class="fa fa-$entry.icon" aria-hidden="true"></i>
235 + </div>
236 + <h3>$entry.title</h3>
237 + </div>
260 260  
261 - <p>$entry.content</p>
262 - </article>
263 - #end
264 - </div>
239 + <p>$entry.content</p>
240 + </article>
241 + #end
242 +</div>
243 +```
265 265  
266 266  {{/html}}
267 267  
268 268  {{gallery}}
248 +[[image:mfa-admin-configuration.png]]
269 269  [[image:mfa-admin-overview.png]]
270 270  [[image:mfa-admin-full.png]]
271 271  {{/gallery}}
... ... @@ -272,34 +272,39 @@
272 272  
273 273  {{html clean="false"}}
274 274  
275 - <p class="product-gallery-caption">
276 - MFA adoption indicators and a filterable user overview for administrators.
277 - </p>
255 +```
256 +<p class="product-gallery-caption">
257 + Administration screens for configuring MFA and reviewing MFA adoption across users.
258 +</p>
259 +```
260 +
278 278   </div>
279 279  </section>
280 280  
281 -<section aria-labelledby="user-adoption-title">
264 +<section class="product-section-muted" aria-labelledby="user-experience-title">
282 282   <div class="container">
283 - <h2 id="user-adoption-title">User setup and adoption</h2>
266 + <h2 id="user-experience-title">User setup and login verification</h2>
284 284  
285 - <p class="section-intro">
286 - Users can configure MFA themselves by scanning a QR code or entering the setup information manually in their authenticator application.
287 - </p>
268 +```
269 +<p class="section-intro">
270 + Users can configure MFA from their profile or during the enforced setup flow, then verify future logins with their authenticator app.
271 +</p>
288 288  
289 - <div class="product-feature-grid">
290 - #foreach ($entry in $userAdoptionItems)
291 - <article class="product-feature">
292 - <div class="card-heading">
293 - <div class="feature-icon">
294 - <i class="fa fa-$entry.icon" aria-hidden="true"></i>
295 - </div>
296 - <h3>$entry.title</h3>
297 - </div>
273 +<div class="product-feature-grid">
274 + #foreach ($entry in $userExperienceItems)
275 + <article class="product-feature">
276 + <div class="card-heading">
277 + <div class="feature-icon">
278 + <i class="fa fa-$entry.icon" aria-hidden="true"></i>
279 + </div>
280 + <h3>$entry.title</h3>
281 + </div>
298 298  
299 - <p>$entry.content</p>
300 - </article>
301 - #end
302 - </div>
283 + <p>$entry.content</p>
284 + </article>
285 + #end
286 +</div>
287 +```
303 303  
304 304  {{/html}}
305 305  
... ... @@ -306,91 +306,63 @@
306 306  {{gallery}}
307 307  [[image:mfa-user-setup-qr.png]]
308 308  [[image:mfa-login-verification-setup.png]]
309 -{{/gallery}}
310 -
311 -{{html clean="false"}}
312 -
313 - <p class="product-gallery-caption">
314 - Profile-based setup and enforced setup during login when MFA is required.
315 - </p>
316 - </div>
317 -</section>
318 -
319 -<section class="product-section-muted" aria-labelledby="login-protection-title">
320 - <div class="container">
321 - <h2 id="login-protection-title">Login protection</h2>
322 -
323 - <p class="section-intro">
324 - After MFA is configured, XWiki asks for a verification code after the normal username and password step.
325 - </p>
326 -
327 - <div class="product-feature-grid">
328 - #foreach ($entry in $loginProtectionItems)
329 - <article class="product-feature">
330 - <div class="card-heading">
331 - <div class="feature-icon">
332 - <i class="fa fa-$entry.icon" aria-hidden="true"></i>
333 - </div>
334 - <h3>$entry.title</h3>
335 - </div>
336 -
337 - <p>$entry.content</p>
338 - </article>
339 - #end
340 - </div>
341 -
342 -{{/html}}
343 -
344 -{{gallery}}
345 345  [[image:mfa-login-verification-code.png]]
346 346  {{/gallery}}
347 347  
348 348  {{html clean="false"}}
349 349  
350 - <p class="product-gallery-caption">
351 - Verification screen displayed after the standard XWiki username and password login.
352 - </p>
299 +```
300 +<p class="product-gallery-caption">
301 + User setup, enforced MFA configuration and login verification screens.
302 +</p>
303 +```
304 +
353 353   </div>
354 354  </section>
355 355  
356 -<section aria-labelledby="continuity-title">
308 +<section aria-labelledby="self-service-title">
357 357   <div class="container">
358 - <h2 id="continuity-title">Recovery codes and trusted devices</h2>
310 + <h2 id="self-service-title">Recovery codes and trusted devices</h2>
359 359  
360 - <p class="section-intro">
361 - Recovery codes and trusted devices help balance stronger access protection with practical day-to-day usability.
362 - </p>
312 +```
313 +<p class="section-intro">
314 + Recovery codes and trusted devices help balance stronger access protection with a smoother user experience.
315 +</p>
363 363  
364 - <div class="product-feature-grid">
365 - #foreach ($entry in $continuityItems)
366 - <article class="product-feature">
367 - <div class="card-heading">
368 - <div class="feature-icon">
369 - <i class="fa fa-$entry.icon" aria-hidden="true"></i>
370 - </div>
371 - <h3>$entry.title</h3>
372 - </div>
317 +<div class="product-feature-grid">
318 + #foreach ($entry in $selfServiceItems)
319 + <article class="product-feature">
320 + <div class="card-heading">
321 + <div class="feature-icon">
322 + <i class="fa fa-$entry.icon" aria-hidden="true"></i>
323 + </div>
324 + <h3>$entry.title</h3>
325 + </div>
373 373  
374 - <p>$entry.content</p>
375 - </article>
376 - #end
377 - </div>
327 + <p>$entry.content</p>
328 + </article>
329 + #end
330 +</div>
331 +```
378 378  
379 379  {{/html}}
380 380  
381 381  {{gallery}}
336 +[[image:mfa-user-profile-overview.png]]
382 382  [[image:mfa-recovery-codes-not-generated.png]]
383 383  [[image:mfa-recovery-codes-generated.png]]
384 384  [[image:mfa-trusted-devices.png]]
385 -[[image:mfa-user-profile-overview.png]]
386 386  [[image:mfa-user-profile-full.png]]
387 387  {{/gallery}}
388 388  
389 389  {{html clean="false"}}
390 390  
391 - <p class="product-gallery-caption">
392 - User profile screens for recovery-code generation, trusted-device review and MFA self-service management.
393 - </p>
345 +```
346 +<p class="product-gallery-caption">
347 + User profile screens for recovery codes, trusted devices and MFA self-service management.
348 +</p>
349 +```
350 +
394 394   </div>
395 395  </section>
396 396  
... ... @@ -398,24 +398,26 @@
398 398   <div class="container">
399 399   <h2 id="admin-support-title">Administrator support and user recovery</h2>
400 400  
401 - <p class="section-intro">
402 - Administrators can help users recover from lost devices or restart MFA setup when needed.
403 - </p>
358 +```
359 +<p class="section-intro">
360 + Administrators can help users recover from lost devices or restart MFA setup when needed.
361 +</p>
404 404  
405 - <div class="product-feature-grid">
406 - #foreach ($entry in $adminSupportItems)
407 - <article class="product-feature">
408 - <div class="card-heading">
409 - <div class="feature-icon">
410 - <i class="fa fa-$entry.icon" aria-hidden="true"></i>
411 - </div>
412 - <h3>$entry.title</h3>
413 - </div>
363 +<div class="product-feature-grid">
364 + #foreach ($entry in $adminSupportItems)
365 + <article class="product-feature">
366 + <div class="card-heading">
367 + <div class="feature-icon">
368 + <i class="fa fa-$entry.icon" aria-hidden="true"></i>
369 + </div>
370 + <h3>$entry.title</h3>
371 + </div>
414 414  
415 - <p>$entry.content</p>
416 - </article>
417 - #end
418 - </div>
373 + <p>$entry.content</p>
374 + </article>
375 + #end
376 +</div>
377 +```
419 419  
420 420  {{/html}}
421 421  
... ... @@ -425,9 +425,12 @@
425 425  
426 426  {{html clean="false"}}
427 427  
428 - <p class="product-gallery-caption">
429 - Administrator view for checking and resetting a user MFA setup.
430 - </p>
387 +```
388 +<p class="product-gallery-caption">
389 + Administrator view for checking and resetting a user MFA setup.
390 +</p>
391 +```
392 +
431 431   </div>
432 432  </section>
433 433  
... ... @@ -437,39 +437,42 @@
437 437   <article class="product-summary-card">
438 438   <h2 id="rollout-title">Rollout recommendations</h2>
439 439  
440 - <p>
441 - For a smooth rollout, start with a small administrator or pilot group before requiring MFA for everyone.
442 - This helps validate the configuration, prepare user communication and reduce support issues.
443 - </p>
402 +```
403 + <p>
404 + For a smooth rollout, start with a small administrator or pilot group before requiring MFA for everyone.
405 + This helps validate the configuration, prepare user communication and reduce support issues.
406 + </p>
444 444  
445 - <ol class="process-list">
446 - #foreach ($entry in $rolloutItems)
447 - <li>
448 - <strong>$entry.title</strong>
449 - $entry.content
450 - </li>
451 - #end
452 - </ol>
453 - </article>
408 + <ol class="process-list">
409 + #foreach ($entry in $rolloutItems)
410 + <li>
411 + <strong>$entry.title</strong>
412 + $entry.content
413 + </li>
414 + #end
415 + </ol>
416 + </article>
454 454  
455 - <aside class="product-info-card" aria-labelledby="planning-title">
456 - <h3 id="planning-title">Useful information before installation</h3>
418 + <aside class="product-info-card" aria-labelledby="planning-title">
419 + <h3 id="planning-title">Useful information before installation</h3>
457 457  
458 - <p class="product-card-note">
459 - These details help evaluate compatibility, rollout scope and configuration options.
460 - </p>
421 + <p class="product-card-note">
422 + These details help evaluate compatibility, rollout scope and configuration options.
423 + </p>
461 461  
462 - <ul>
463 - <li>XWiki version</li>
464 - <li>Single wiki or wiki farm with subwikis</li>
465 - <li>Current authentication setup</li>
466 - <li>Optional or globally required MFA policy</li>
467 - <li>Trusted-device policy</li>
468 - <li>Recovery-code policy</li>
469 - <li>Rollout communication needs</li>
470 - </ul>
471 - </aside>
472 - </div>
425 + <ul>
426 + <li>XWiki version</li>
427 + <li>Single wiki or wiki farm with subwikis</li>
428 + <li>Current authentication setup</li>
429 + <li>Optional or globally required MFA policy</li>
430 + <li>Trusted-device policy</li>
431 + <li>Recovery-code policy</li>
432 + <li>Rollout communication needs</li>
433 + </ul>
434 + </aside>
435 +</div>
436 +```
437 +
473 473   </div>
474 474  </section>
475 475  
... ... @@ -478,14 +478,18 @@
478 478   <div class="cta-panel">
479 479   <h2 id="cta-title">Interested in using this extension?</h2>
480 480  
481 - <p>
482 - Send a short message with your XWiki version, current authentication setup and MFA rollout goal.
483 - </p>
446 +```
447 + <p>
448 + Send a short message with your XWiki version, current authentication setup and MFA rollout goal.
449 + </p>
484 484  
485 - <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>
486 - </div>
451 + <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>
452 +</div>
453 +```
454 +
487 487   </div>
488 488  </section>
489 489  
490 490  {{/html}}
491 491  {{/velocity}}
460 +