Changes for page products

Last modified by Alex Cotiugă on 2026/05/12 20:27

From version 3.5
edited by Alex Cotiugă
on 2026/05/12 20:27
Change comment: There is no comment for this version
To version 1.12
edited by Alex Cotiugă
on 2026/05/12 20:03
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,5 +1,6 @@
1 1  {{velocity}}
2 2  #set ($discard = $xwiki.ssx.use('PublicWebSite.WebHome'))
3 +#set ($discard = $xwiki.ssx.use('products.WebHome'))
3 3  {{html clean="false"}}
4 4  
5 5   ## PAGE HEADER
... ... @@ -24,56 +24,59 @@
24 24   </section>
25 25  
26 26   ## PRODUCT CARDS
27 - <section class="product-index-section" aria-labelledby="products-title">
28 + #set ($productItems = [{
29 + 'title': 'XWiki Two-Factor Authentication',
30 + 'icon': 'lock',
31 + 'url': 'products.xwiki-two-factor-authentication',
32 + 'label': 'Security extension',
33 + 'content': 'Add a second verification step to the standard XWiki login flow using time-based one-time codes, without replacing the standard XWiki authentication experience.'
34 + }])
35 +
36 + <section id="products-list" class="services products-list" aria-labelledby="items-title">
28 28   <div class="container">
29 - <h2 id="products-title">Available extensions</h2>
38 + <h2 id="items-title">Available extensions</h2>
30 30  
31 31   <p class="section-intro">
32 - The first Agnease product is focused on strengthening access to XWiki while keeping the standard XWiki login experience.
41 + The first Agnease product focuses on strengthening access to XWiki while keeping the standard XWiki login experience.
33 33   </p>
34 34  
35 - <div class="product-card-grid">
36 - <article class="product-card">
37 - <div class="product-card-icon">
38 - <i class="fa fa-lock" aria-hidden="true"></i>
39 - </div>
40 -
41 - <div class="product-card-body">
42 - <div class="hero-kicker product-card-kicker">
43 - <i class="fa fa-lock" aria-hidden="true"></i>
44 - Security extension
44 + <div class="services-grid products-grid">
45 + #foreach ($entry in $productItems)
46 + <article class="service product-item">
47 + <div class="service-icon" aria-hidden="true">
48 + <i class="fa fa-$entry.icon"></i>
45 45   </div>
46 46  
47 - <h3>XWiki Two-Factor Authentication</h3>
51 + <div class="service-body">
52 + <div class="hero-kicker product-item-kicker">
53 + <i class="fa fa-$entry.icon" aria-hidden="true"></i>
54 + $entry.label
55 + </div>
48 48  
49 - <p>
50 - Add a second verification step to the standard XWiki login flow using time-based one-time codes.
51 - The extension is designed for organizations that want stronger account protection without replacing
52 - the standard XWiki authentication experience.
53 - </p>
57 + <h4>$entry.title</h4>
58 + <p>$entry.content</p>
54 54  
55 - <ul class="product-highlights">
56 - <li>Works with the standard XWiki authentication flow</li>
57 - <li>Adds a TOTP verification step after username/password login</li>
58 - <li>Includes user setup and administration controls</li>
59 - </ul>
60 + <ul class="product-highlights">
61 + <li>Works with the standard XWiki authentication flow</li>
62 + <li>Adds a TOTP verification step after username/password login</li>
63 + <li>Includes user setup and administration controls</li>
64 + </ul>
60 60  
61 - <p class="card-link">
62 - <a class="btn btn-secondary" href="$xwiki.getURL('products.xwiki-two-factor-authentication')">
63 - View extension
64 - </a>
65 - </p>
66 - </div>
67 - </article>
66 + <p class="card-link">
67 + <a href="$xwiki.getURL($entry.url)">View extension</a>
68 + </p>
69 + </div>
70 + </article>
71 + #end
68 68   </div>
69 69   </div>
70 70   </section>
71 71  
72 72   ## CTA
73 - <section class="cta-section" aria-labelledby="product-cta-title">
77 + <section class="cta-section" aria-labelledby="cta-title">
74 74   <div class="container">
75 75   <div class="cta-panel">
76 - <h2 id="product-cta-title">Need a custom XWiki application?</h2>
80 + <h2 id="cta-title">Need a custom XWiki application?</h2>
77 77  
78 78   <p>
79 79   Agnease also builds custom XWiki applications, workflows, integrations and extensions adapted to specific business processes.
XWiki.StyleSheetExtension[0]
cache
... ... @@ -1,0 +1,1 @@
1 +long
code
... ... @@ -1,0 +1,31 @@
1 +/* ========== Agnease Products / Extensions ========== */
2 +
3 +.products-list {
4 + .products-grid {
5 + max-width: 760px;
6 + margin-left: auto;
7 + margin-right: auto;
8 + grid-template-columns: 1fr;
9 + }
10 +
11 + .product-item {
12 + align-items: flex-start;
13 + }
14 +
15 + .product-item-kicker {
16 + margin-bottom: 10px;
17 + padding: 6px 11px;
18 + font-size: 12px;
19 + }
20 +
21 + .product-highlights {
22 + margin: 12px 0 16px;
23 + padding-left: 18px;
24 + color: @muted;
25 +
26 + li {
27 + margin: 5px 0;
28 + line-height: 1.45;
29 + }
30 + }
31 +}
contentType
... ... @@ -1,0 +1,1 @@
1 +LESS
use
... ... @@ -1,0 +1,1 @@
1 +onDemand