Anthony: Add for Visual Editor Usage.

2026-03-23T08:25:42Z

Add <templatedata> for Visual Editor Usage.

@@ Line 6: / Line 6: @@
 </div><noinclude>
 == CategoryCard ==
-Displays a visual card linking to a project category hub. Used on the Main Page to show all project categories with an icon, name, description, and live project count.
+Displays a visual card linking to a project category hub. Used on the Main Page to show project categories with an icon, name, description, and optional live count.
 === Usage ===
@@ Line 20: / Line 20: @@
 === Parameters ===
-; <code>icon</code> : Filename of the icon without the <code>.png</code> extension (e.g. <code>mimetypes-audio-x-generic</code>). Defaults to <code>places-folder</code>.
+; <code>icon</code> : Filename without <code>.png</code> extension. Defaults to <code>places-folder</code>.
-; <code>name</code> : Display name shown on the card. Defaults to "Category".
+; <code>name</code> : Display name. Defaults to "Category".
 ; <code>link</code> : Wiki page to link to (e.g. <code>Projects/Audio</code>).
 ; <code>description</code> : Optional short description shown below the name.
-; <code>count</code> : Optional project count shown at the bottom. Use a <code>#cargo_query</code> for a live count — see usage example above.
+; <code>count</code> : Optional count shown at the bottom. Use a <code>#cargo_query</code> for a live count.
 === Notes ===
 * Wrap multiple CategoryCards in <code>{{[[Template:CardGrid|CardGrid]]}}</code>.
 [[Category:Layout Templates]]
 </noinclude>

Anthony at 09:06, 16 March 2026

2026-03-16T09:06:46Z

New page

<div style="display:inline-block; vertical-align:top; width:220px; min-height:200px; margin:6px; padding:20px 16px; border:1px solid var(--border-color-base); background:var(--color-surface-1); border-radius:4px; box-shadow:0 1px 4px rgba(0,0,0,0.07); text-align:center; box-sizing:border-box; font-size:1rem;">
<div style="height:72px; display:flex; align-items:center; justify-content:center; margin-bottom:12px;">[[File:{{{icon|places-folder}}}.png|64px|link={{{link|}}}]]</div>
<div style="font-weight:bold; font-size:1.1em; margin-bottom:7px;">[[{{{link|}}}|{{{name|Category}}}]]</div>
{{#if:{{{description|}}}|<div style="font-size:0.88em; color:var(--color-base--subtle); line-height:1.4; margin-bottom:10px;">{{{description}}}</div>|}}
{{#if:{{{count|}}}|<div style="font-size:0.82em; color:var(--color-base--subtle); margin-top:6px; border-top:1px solid var(--border-color-base); padding-top:8px;">{{{count}}} projects</div>|}}
</div><noinclude>
== CategoryCard ==
Displays a visual card linking to a project category hub. Used on the Main Page to show all project categories with an icon, name, description, and live project count.

=== Usage ===
<pre>
{{CategoryCard
| icon = mimetypes-audio-x-generic
| name = Audio
| link = Projects/Audio
| description = Music, sound design, field recordings, and anything audio.
| count = {{#cargo_query:tables=Projects|fields=COUNT(DISTINCT _pageID)=n|where=categories HOLDS 'Audio'}}
}}
</pre>

=== Parameters ===
; <code>icon</code> : Filename of the icon without the <code>.png</code> extension (e.g. <code>mimetypes-audio-x-generic</code>). Defaults to <code>places-folder</code>.
; <code>name</code> : Display name shown on the card. Defaults to "Category".
; <code>link</code> : Wiki page to link to (e.g. <code>Projects/Audio</code>).
; <code>description</code> : Optional short description shown below the name.
; <code>count</code> : Optional project count shown at the bottom. Use a <code>#cargo_query</code> for a live count — see usage example above.

=== Notes ===
* For live counts, use <code>{{#cargo_query:tables=Projects|fields=COUNT(DISTINCT _pageID)=n|where=categories HOLDS 'CategoryName'}}</code>.
* Wrap multiple CategoryCards in <code>{{[[Template:CardGrid|CardGrid]]}}</code>.

[[Category:Layout Templates]]
</noinclude>

Template:CategoryCard - Revision history

Anthony: Add for Visual Editor Usage.

Anthony at 09:06, 16 March 2026