Skip to Content

Changes for page Home

Last modified by Isaac Mejia on 2025/12/15 18:27
From version 29.1
edited by Isaac Mejia
on 2025/12/09 16:03
Change comment: There is no comment for this version
To version 32.1
edited by Isaac Mejia
on 2025/12/15 17:49
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -104,6 +104,30 @@
104 104   #set ($discard = $kbCategories.add($entry))##
105 105  #end##
106 106  
107 +## --- HARD ALLOWLIST: only show these categories on the homepage ---
108 +#set ($allowedCategories = ["Check-In","Configuration","Lead Management","Member Management","Member Portal","Notifications","Payment Management","Reporting"])
109 +
110 +#foreach ($row in $catRows)
111 + #set ($fullName = $row.get(0))
112 + #set ($title = $row.get(1))
113 + #set ($pageName = $row.get(2))
114 + #set ($catDoc = $xwiki.getDocument($fullName))
115 +
116 + #set ($label = $catDoc.displayTitle)
117 + #if ("$!label" == "")
118 + #set ($label = $pageName)
119 + #end
120 +
121 + ## Only include categories we actually want
122 + #if ($allowedCategories.contains($label))
123 +
124 + #set ($articleSpace = "Main." + $pageName.replace(" ", "_"))
125 + #set ($entry = {"label": $label, "space": $articleSpace})
126 + #set ($discard = $kbCategories.add($entry))
127 +
128 + #end
129 +#end
130 +
107 107  {{html clean="false"}}
108 108  <div class="kb-home">
109 109  
... ... @@ -114,18 +114,19 @@
114 114   Guides, walkthroughs, and best practices to help you and your team get the most out of the platform.
115 115   </p>
116 116  
117 - <!-- Enhanced search box (still uses XWiki search under the hood) -->
118 -<div class="kb-hero-search">
119 - <form action="$xwiki.getURL('Main.WebSearch', 'view')" method="get">
120 - ## XWiki will use ?text=... as the search query
121 - <input
122 - type="text"
123 - name="text"
124 - placeholder="Search for an article (e.g. &quot;family membership&quot;)"
125 - aria-label="Search the knowledge base"
126 - />
127 - </form>
128 -</div>
141 + <!-- Hero search wired to custom KB search page -->
142 + <div class="kb-hero-search">
143 + <form action="$xwiki.getURL('Main.KBSearch', 'view')" method="get">
144 + <input
145 + type="text"
146 + name="text"
147 + placeholder="Search for an article (e.g. &quot;family membership&quot;)"
148 + aria-label="Search the knowledge base"
149 + />
150 + <!-- optional: add a button if you want -->
151 + <!-- <button type="submit" class="kb-search-button">Search</button> -->
152 + </form>
153 + </div>
129 129   </div>
130 130  
131 131   <!-- CATEGORY GRID -->
... ... @@ -165,6 +165,59 @@
165 165   </div>
166 166  
167 167  </div>
193 +
194 +<style>
195 +/* HOMEPAGE HERO OVERRIDE – BIGGER + MORE BREATHING ROOM */
196 +
197 +/* Scope tightly so we only touch KB home hero */
198 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero {
199 + padding: 4.2rem 1rem 3.3rem !important; /* more air above + below */
200 + max-width: 1100px;
201 + margin: 0 auto;
202 +}
203 +
204 +/* Title */
205 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-title {
206 + font-size: 3.5rem !important;
207 + font-weight: 800 !important;
208 + line-height: 1.15;
209 + margin-bottom: 1rem !important;
210 + color: #0f172a;
211 +}
212 +
213 +/* Subtitle */
214 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-subtitle {
215 + font-size: 1.35rem !important;
216 + line-height: 1.7;
217 + color: #4b5563 !important;
218 + max-width: 720px;
219 + margin: 0 auto 2.3rem !important; /* more space before search bar */
220 +}
221 +
222 +/* Search bar – taller + larger text */
223 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-search input[type="text"] {
224 + max-width: 650px !important;
225 + padding: 1.25rem 1.6rem !important;
226 + font-size: 1.2rem !important;
227 + border-radius: 999px;
228 + border: 1px solid #d1d5db;
229 + box-shadow:
230 + 0 26px 60px rgba(15, 23, 42, 0.14),
231 + 0 2px 4px rgba(15, 23, 42, 0.06) !important;
232 +}
233 +
234 +/* Placeholder text tone/size */
235 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-search input[type="text"]::placeholder {
236 + font-size: 1.15rem;
237 + color: #9ca3af;
238 +}
239 +
240 +/* Extra space between hero and "Browse by category" */
241 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-section {
242 + margin-top: 4.6rem !important;
243 +}
244 +</style>
245 +
168 168  {{/html}}
169 169  {{/velocity}}
170 170