Template:MainPageHeader: Difference between revisions
Template page
More actions
No edit summary Tag: Manual revert |
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> | <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 == | == MainPageHeader == | ||
Displays the large header block | 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 === | === Usage === | ||
| Line 16: | Line 16: | ||
; <code>title</code> : Large page heading. Defaults to "Wiki Title". | ; <code>title</code> : Large page heading. Defaults to "Wiki Title". | ||
; <code>subtitle</code> : Orange uppercase subtitle. Defaults to "Community Directory". | ; <code>subtitle</code> : Orange uppercase subtitle. Defaults to "Community Directory". | ||
; <code>description</code> : Body paragraph supporting full wikitext | ; <code>description</code> : Body paragraph supporting full wikitext. | ||
; <code>notice</code> : Optional text | ; <code>notice</code> : Optional text in the notice bar at the bottom. If omitted, the notice bar is hidden. | ||
; <code>notice_label</code> : | ; <code>notice_label</code> : Bold label before the notice text. Defaults to "Notice". | ||
=== Notes === | === Notes === | ||
* The "Total Projects" badge is hardcoded to <code>{{PAGESINCATEGORY:Projects|pages}}</code> | * The "Total Projects" badge is hardcoded to <code>{{PAGESINCATEGORY:Projects|pages}}</code>. | ||
* | * Toolbar links (Guidebook, About, Recent Activity, etc.) are hardcoded. Edit the template directly to change them. | ||
<templatedata> | |||
{ | |||
"description": "Displays the large site header for the Main Page. Includes title, subtitle, description, a Total Projects count badge, a site toolbar, and an optional notice bar.", | |||
"params": { | |||
"title": { | |||
"label": "Title", | |||
"description": "Large page heading.", | |||
"type": "string", | |||
"default": "Wiki Title", | |||
"required": false | |||
}, | |||
"subtitle": { | |||
"label": "Subtitle", | |||
"description": "Orange uppercase subtitle shown below the title.", | |||
"type": "string", | |||
"default": "Community Directory", | |||
"required": false | |||
}, | |||
"description": { | |||
"label": "Description", | |||
"description": "Body paragraph supporting full wikitext formatting.", | |||
"type": "content", | |||
"required": false | |||
}, | |||
"notice": { | |||
"label": "Notice", | |||
"description": "Optional text shown in the notice bar at the bottom. If omitted, the notice bar is hidden.", | |||
"type": "content", | |||
"required": false | |||
}, | |||
"notice_label": { | |||
"label": "Notice label", | |||
"description": "Bold label shown before the notice text.", | |||
"type": "string", | |||
"default": "Notice", | |||
"required": false | |||
} | |||
}, | |||
"format": "block" | |||
} | |||
</templatedata> | |||
[[Category:Layout Templates]] | [[Category:Layout Templates]] | ||
</noinclude> | </noinclude> | ||
Latest revision as of 08:27, 23 March 2026
Wiki Title
Community Directory
Total Projects
2
MainPageHeader
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 Category:Projects), a site toolbar row, and an optional notice bar at the bottom.
Usage
{{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.
}}
Parameters
title- Large page heading. Defaults to "Wiki Title".
subtitle- Orange uppercase subtitle. Defaults to "Community Directory".
description- Body paragraph supporting full wikitext.
notice- Optional text in the notice bar at the bottom. If omitted, the notice bar is hidden.
notice_label- Bold label before the notice text. Defaults to "Notice".
Notes
- The "Total Projects" badge is hardcoded to
2. - Toolbar links (Guidebook, About, Recent Activity, etc.) are hardcoded. Edit the template directly to change them.
Displays the large site header for the Main Page. Includes title, subtitle, description, a Total Projects count badge, a site toolbar, and an optional notice bar.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Title | title | Large page heading.
| String | optional |
| Subtitle | subtitle | Orange uppercase subtitle shown below the title.
| String | optional |
| Description | description | Body paragraph supporting full wikitext formatting. | Content | optional |
| Notice | notice | Optional text shown in the notice bar at the bottom. If omitted, the notice bar is hidden. | Content | optional |
| Notice label | notice_label | Bold label shown before the notice text.
| String | optional |