Anthony: Add for Visual Editor Usage.

2026-03-23T08:26:28Z

Add <templatedata> for Visual Editor Usage.

@@ Line 1: / Line 1: @@
 <div style="margin-bottom: 20px;"><div style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 4px 4px 0 0; padding: 24px; border-bottom: none;"><div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px;"><div style="flex: 1; min-width: 300px;"><div style="font-size: 1.8em; font-weight: 800; color: var(--color-base); margin-bottom: 4px; letter-spacing: -0.01em;">{{{title|{{PAGENAME}}}}}</div><div style="font-size: 0.9em; color: var(--wiki-primary); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px;">{{{subtitle|}}}</div>{{#if:{{{description|}}}|<div style="font-size: 1em; color: var(--color-base); line-height: 1.6; max-width: 850px; opacity: 0.9;">{{{description}}}</div>|}}</div>{{#if:{{{category|}}}|<div style="background: var(--color-surface-2); border: 1px solid var(--border-color-base); padding: 16px 24px; border-radius: 4px; text-align: center; min-width: 140px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.03); flex-shrink: 0;"><div style="font-size: 0.7em; text-transform: uppercase; font-weight: 800; color: var(--color-base--subtle); letter-spacing: 0.08em; margin-bottom: 4px;">Projects</div><div style="font-size: 2em; font-weight: 900; color: var(--color-base); line-height: 1;">{{PAGESINCATEGORY:{{{category}}}|pages}}</div></div>|}}</div></div><div style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 0 0 4px 4px; padding: 12px 24px; border-top: none; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; font-size: 0.85em;"><span style="color: var(--color-base--subtle);">{{#if:{{{hub|}}}|[[{{{hub}}}|<span style="color: var(--wiki-primary); font-weight: 700;">&#8592; Back to Hub</span>]]{{#if:{{{links|}}}| &nbsp;·&nbsp; |}}}}{{{links|}}}</span></div></div><noinclude>
 == CategoryHeader ==
-Displays a styled header for category pages, with an optional project count badge, back-to-hub link, and additional navigation links in the footer bar.
+Displays a styled header for category pages with an optional live count badge, back-to-hub link, and footer navigation links.
 === Usage ===
@@ Line 22: / Line 22: @@
 ; <code>hub</code> : If provided, shows a "← Back to Hub" link in the footer bar linking to this page.
 ; <code>links</code> : Optional additional wikitext links shown in the footer bar, separated by <code>&amp;nbsp;·&amp;nbsp;</code>.
 [[Category:Layout Templates]]
 </noinclude>

Anthony at 09:07, 16 March 2026

2026-03-16T09:07:12Z

New page

<div style="margin-bottom: 20px;"><div style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 4px 4px 0 0; padding: 24px; border-bottom: none;"><div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px;"><div style="flex: 1; min-width: 300px;"><div style="font-size: 1.8em; font-weight: 800; color: var(--color-base); margin-bottom: 4px; letter-spacing: -0.01em;">{{{title|{{PAGENAME}}}}}</div><div style="font-size: 0.9em; color: var(--wiki-primary); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px;">{{{subtitle|}}}</div>{{#if:{{{description|}}}|<div style="font-size: 1em; color: var(--color-base); line-height: 1.6; max-width: 850px; opacity: 0.9;">{{{description}}}</div>|}}</div>{{#if:{{{category|}}}|<div style="background: var(--color-surface-2); border: 1px solid var(--border-color-base); padding: 16px 24px; border-radius: 4px; text-align: center; min-width: 140px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.03); flex-shrink: 0;"><div style="font-size: 0.7em; text-transform: uppercase; font-weight: 800; color: var(--color-base--subtle); letter-spacing: 0.08em; margin-bottom: 4px;">Projects</div><div style="font-size: 2em; font-weight: 900; color: var(--color-base); line-height: 1;">{{PAGESINCATEGORY:{{{category}}}|pages}}</div></div>|}}</div></div><div style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 0 0 4px 4px; padding: 12px 24px; border-top: none; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; font-size: 0.85em;"><span style="color: var(--color-base--subtle);">{{#if:{{{hub|}}}|[[{{{hub}}}|<span style="color: var(--wiki-primary); font-weight: 700;">← Back to Hub</span>]]{{#if:{{{links|}}}|  ·  |}}}}{{{links|}}}</span></div></div><noinclude>
== CategoryHeader ==
Displays a styled header for category pages, with an optional project count badge, back-to-hub link, and additional navigation links in the footer bar.

=== Usage ===
<pre>
{{CategoryHeader
| title = Audio Tutorials
| subtitle = Step-by-step guides for audio production
| description = All tutorials covering audio topics — recording, mixing, synthesis, and more.
| category = Tutorials/Audio
| hub = Tutorials
| links = [[Special:PrefixIndex/Tutorials/Audio|Browse all →]]
}}
</pre>

=== Parameters ===
; <code>title</code> : Page heading. Defaults to <code>{{PAGENAME}}</code>.
; <code>subtitle</code> : Optional orange uppercase subtitle below the title.
; <code>description</code> : Optional body text paragraph.
; <code>category</code> : If provided, shows a live page count badge using <code>PAGESINCATEGORY</code> for this category name.
; <code>hub</code> : If provided, shows a "← Back to Hub" link in the footer bar linking to this page.
; <code>links</code> : Optional additional wikitext links shown in the footer bar, separated by <code>&nbsp;·&nbsp;</code>.

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

Template:CategoryHeader - Revision history

Anthony: Add for Visual Editor Usage.

Anthony at 09:07, 16 March 2026