Template:MainPageHeader - Revision history

Anthony: Add for Visual Editor Usage.

2026-03-23T08:27:50Z

Add <templatedata> for Visual Editor Usage.

@@ Line 1: / Line 1: @@
 <div class="main-page-container" style="margin-bottom: 28px;"><div class="main-header" style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 4px 4px 0 0; padding: 28px; text-align: left; 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: 2.2em; font-weight: 800; color: var(--color-base); line-height: 1.1; margin-bottom: 6px; letter-spacing: -0.02em;">{{{title|Wiki Title}}}</div><div style="font-size: 0.9em; color: var(--wiki-primary); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px;">{{{subtitle|Community Directory}}}</div><div style="font-size: 1em; color: var(--color-base); line-height: 1.6; max-width: 800px; opacity: 0.9;">{{{description|}}}</div></div><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);"><div style="font-size: 0.7em; text-transform: uppercase; font-weight: 800; color: var(--color-base--subtle); letter-spacing: 0.08em; margin-bottom: 4px;">Total Projects</div><div style="font-size: 2em; font-weight: 900; color: var(--color-base); line-height: 1;">{{PAGESINCATEGORY:Projects|pages}}</div></div></div></div><div class="main-banner" style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 0 0 4px 4px; padding: 0; overflow: hidden;"><div class="main-toolbar" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); width: 100%; border-top: 1px solid var(--border-color-base); box-sizing: border-box;">[[Guidebook|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Guidebook</span>]] [[About|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">About</span>]] [[Special:RecentChanges|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Recent Activity</span>]] [[:Category:Projects|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">All Projects</span>]] [[Special:Random|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Random Page</span>]] [[Special:Version|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border: none; letter-spacing: 0.05em; box-sizing: border-box;">Site Details</span>]]</div>{{#if:{{{notice|}}}|<div class="main-footer-notice" style="padding: 14px 24px; background: var(--color-surface-1); border-top: 1px solid var(--border-color-base); font-size: 0.85em; color: var(--color-base--subtle); line-height: 1.4;"><span style="color: var(--wiki-primary); font-weight: 800; text-transform: uppercase; font-size: 0.9em; margin-right: 8px;">{{{notice_label|Notice}}}</span> {{{notice|}}}</div>|}}</div></div><noinclude>
 == MainPageHeader ==
-Displays the large header block used at the top of the Main Page and guidebook-style pages. Shows a title, subtitle, description, a hardcoded "Total Projects" count badge (always uses <code>Category:Projects</code>), a site toolbar row, and an optional notice bar at the bottom.
+Displays the large header block for the Main Page and top-level pages. Shows a title, subtitle, description, a hardcoded "Total Projects" count badge (always uses <code>Category:Projects</code>), a site toolbar row, and an optional notice bar at the bottom.
 === Usage ===
@@ Line 16: / Line 16: @@
 ; <code>title</code> : Large page heading. Defaults to "Wiki Title".
 ; <code>subtitle</code> : Orange uppercase subtitle. Defaults to "Community Directory".
-; <code>description</code> : Body paragraph supporting full wikitext. Can include links, bold, italics, blockquotes.
+; <code>description</code> : Body paragraph supporting full wikitext.
-; <code>notice</code> : Optional text shown in the notice bar at the bottom. If omitted, the notice bar is hidden entirely.
+; <code>notice</code> : Optional text in the notice bar at the bottom. If omitted, the notice bar is hidden.
-; <code>notice_label</code> : Optional label shown in bold before the notice text. Defaults to "Notice". Examples: <code>notice_label = ⚠️ Warning</code> or <code>notice_label = Info</code>.
+; <code>notice_label</code> : Bold label before the notice text. Defaults to "Notice".
 === Notes ===
-* The "Total Projects" badge is hardcoded to <code>{{PAGESINCATEGORY:Projects|pages}}</code> and cannot be changed per-page.
+* The "Total Projects" badge is hardcoded to <code>{{PAGESINCATEGORY:Projects|pages}}</code>.
-* The toolbar links (Guidebook, About, Recent Activity, etc.) are hardcoded in this template. To change them, edit the template directly.
+* Toolbar links (Guidebook, About, Recent Activity, etc.) are hardcoded. Edit the template directly to change them.
-* Used on: [[Main Page]], [[Guidebook]], [[About]], [[Staff]], [[Quick Start]], and similar top-level pages.
 [[Category:Layout Templates]]
 </noinclude>

Anthony at 09:25, 16 March 2026

2026-03-16T09:25:03Z

New page

<div class="main-page-container" style="margin-bottom: 28px;"><div class="main-header" style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 4px 4px 0 0; padding: 28px; text-align: left; 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: 2.2em; font-weight: 800; color: var(--color-base); line-height: 1.1; margin-bottom: 6px; letter-spacing: -0.02em;">{{{title|Wiki Title}}}</div><div style="font-size: 0.9em; color: var(--wiki-primary); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px;">{{{subtitle|Community Directory}}}</div><div style="font-size: 1em; color: var(--color-base); line-height: 1.6; max-width: 800px; opacity: 0.9;">{{{description|}}}</div></div><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);"><div style="font-size: 0.7em; text-transform: uppercase; font-weight: 800; color: var(--color-base--subtle); letter-spacing: 0.08em; margin-bottom: 4px;">Total Projects</div><div style="font-size: 2em; font-weight: 900; color: var(--color-base); line-height: 1;">{{PAGESINCATEGORY:Projects|pages}}</div></div></div></div><div class="main-banner" style="background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 0 0 4px 4px; padding: 0; overflow: hidden;"><div class="main-toolbar" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); width: 100%; border-top: 1px solid var(--border-color-base); box-sizing: border-box;">[[Guidebook|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Guidebook</span>]] [[About|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">About</span>]] [[Special:RecentChanges|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Recent Activity</span>]] [[:Category:Projects|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">All Projects</span>]] [[Special:Random|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border-right: 1px solid var(--border-color-base); letter-spacing: 0.05em; box-sizing: border-box;">Random Page</span>]] [[Special:Version|<span style="display: flex; align-items: center; justify-content: center; height: 100%; background: var(--color-surface-2); color: var(--color-base); padding: 14px 4px; font-size: 0.75em; font-weight: 700; text-align: center; text-transform: uppercase; border: none; letter-spacing: 0.05em; box-sizing: border-box;">Site Details</span>]]</div>{{#if:{{{notice|}}}|<div class="main-footer-notice" style="padding: 14px 24px; background: var(--color-surface-1); border-top: 1px solid var(--border-color-base); font-size: 0.85em; color: var(--color-base--subtle); line-height: 1.4;"><span style="color: var(--wiki-primary); font-weight: 800; text-transform: uppercase; font-size: 0.9em; margin-right: 8px;">{{{notice_label|Notice}}}</span> {{{notice|}}}</div>|}}</div></div><noinclude>
== MainPageHeader ==
Displays the large header block used at the top of the Main Page and guidebook-style pages. Shows a title, subtitle, description, a hardcoded "Total Projects" count badge (always uses <code>Category:Projects</code>), a site toolbar row, and an optional notice bar at the bottom.

=== Usage ===
<pre>
{{MainPageHeader
| title = UnfinishedProjects
| subtitle = A Directory of Community Projects
| description = Welcome text here. Supports wikitext, links, and formatting.
| notice = Important notice shown at the bottom of the header.
}}
</pre>

=== Parameters ===
; <code>title</code> : Large page heading. Defaults to "Wiki Title".
; <code>subtitle</code> : Orange uppercase subtitle. Defaults to "Community Directory".
; <code>description</code> : Body paragraph supporting full wikitext. Can include links, bold, italics, blockquotes.
; <code>notice</code> : Optional text shown in the notice bar at the bottom. If omitted, the notice bar is hidden entirely.
; <code>notice_label</code> : Optional label shown in bold before the notice text. Defaults to "Notice". Examples: <code>notice_label = ⚠️ Warning</code> or <code>notice_label = Info</code>.

=== Notes ===
* The "Total Projects" badge is hardcoded to <code>{{PAGESINCATEGORY:Projects|pages}}</code> and cannot be changed per-page.
* The toolbar links (Guidebook, About, Recent Activity, etc.) are hardcoded in this template. To change them, edit the template directly.
* Used on: [[Main Page]], [[Guidebook]], [[About]], [[Staff]], [[Quick Start]], and similar top-level pages.

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