Template:Village pump page header: Difference between revisions

Latest revision as of 11:56, 29 September 2026

Template documentation[create]

Editors can experiment in this template's sandbox and testcases pages.
Please add categories to the /doc subpage. Subpages of this template.

@@ Line 1: / Line 1: @@
-<includeonly><div style="background-color: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 2px; padding: 12px; margin-bottom: 1em; box-sizing: border-box;">
+<includeonly><templatestyles src="Village pump page header/styles.css" />
-<!-- Tab Navigation Bar -->
+<div class="vph">
-<div style="display: flex; gap: 4px; border-bottom: 2px solid #36c; margin-bottom: 12px; padding-bottom: 0; overflow-x: auto;">
-  <a href="/wiki/Bharatpedia:Village_pump_(policy)" style="padding: 6px 12px; background: #eaecf0; border: 1px solid #a2a9b1; border-bottom: none; border-radius: 4px 4px 0 0; text-decoration: none; font-weight: bold; color: #202122;">Policy</a>
+  <!-- TABS NAVIGATION BAR -->
-  <a href="/wiki/Bharatpedia:Village_pump_(technical)" style="padding: 6px 12px; background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none; border-radius: 4px 4px 0 0; text-decoration: none; color: #36c;">Technical</a>
+  <div class="vph-tabs">
-  <a href="/wiki/Bharatpedia:Village_pump_(proposals)" style="padding: 6px 12px; background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none; border-radius: 4px 4px 0 0; text-decoration: none; color: #36c;">Proposals</a>
+    <div class="vph-tab-item">[[Bharatpedia:Village_pump_(policy)|<span class="vph-tab {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (policy) | vph-tab-active }}">📜 Policy</span>]]</div>
-   <a href="/wiki/Bharatpedia:Village_pump_(idea_lab)" style="padding: 6px 12px; background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none; border-radius: 4px 4px 0 0; text-decoration: none; color: #36c;">Idea lab</a>
+    <div class="vph-tab-item">[[Bharatpedia:Village_pump_(technical)|<span class="vph-tab {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (technical) | vph-tab-active }}">⚙️ Technical</span>]]</div>
-   <a href="/wiki/Bharatpedia:Village_pump_(WMF)" style="padding: 6px 12px; background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none; border-radius: 4px 4px 0 0; text-decoration: none; color: #36c;">WMF</a>
+    <div class="vph-tab-item">[[Bharatpedia:Village_pump_(proposals)|<span class="vph-tab {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (proposals) | vph-tab-active }}">💡 Proposals</span>]]</div>
-  <a href="/wiki/Bharatpedia:Village_pump_(miscellaneous)" style="padding: 6px 12px; background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none; border-radius: 4px 4px 0 0; text-decoration: none; color: #36c;">Misc</a>
+    <div class="vph-tab-item">[[Bharatpedia:Village_pump_(idea_lab)|<span class="vph-tab {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (idea lab) | vph-tab-active }}">🧪 Idea Lab</span>]]</div>
-</div>
+    <div class="vph-tab-item">[[Bharatpedia:Village_pump_(miscellaneous)|<span class="vph-tab {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (miscellaneous) | vph-tab-active }}">💬 Misc</span>]]</div>
+  </div>
+  <!-- HEADING TITLE -->
+   <div class="vph-title">{{{1|Village pump}}}</div>
+  <!-- SHORTCUTS LINE -->
+  {{#if:{{{3|}}}|
+  <div class="vph-shortcuts">
+    <strong style="color: #334155;">Shortcuts:</strong> [[{{{3}}}]] {{#if:{{{4|}}}| • [[{{{4}}}]]}} {{#if:{{{5|}}}| • [[{{{5}}}]]}}
+  </div>
+  }}
+  <!-- DESCRIPTION TEXT -->
+  {{#if:{{{2|}}}|
+  <div class="vph-contents">
+    {{{2}}}
+  </div>
+  }}
+  <!-- PRIMARY ACTION BUTTON -->
+  <div style="overflow-wrap: break-word; word-break: break-word; max-width: 100%;">
+    [{{fullurl:{{FULLPAGENAME}}|action=edit&section=new}} <span class="vph-button">➕ {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (policy) | Start policy discussion | {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (technical) | Start tech discussion | {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (proposals) | Start a new proposal | {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (idea lab) | Share a new idea | {{#ifeq: {{FULLPAGENAME}} | Bharatpedia:Village pump (miscellaneous) | Start a new discussion | Start a new discussion }} }} }} }} }}</span>]
+  </div>
+  <!-- WIKIPEDIA STYLE SEARCH BOX -->
+   <div class="vph-search" role="search" aria-label="Archives" style="margin-top: 20px; padding-top: 15px; border-top: 1px solid #e4e7ed; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
+    <div>
+    <inputbox>
+    type=fulltext
+    prefix={{NAMESPACE}}:{{BASEPAGENAME}}
+    break=no
+    width=35
+    placeholder=Search this page & archives
+    searchbuttonlabel=Search
+    </inputbox>
+    </div>
+    <div>
+    <inputbox>
+    type=fulltext
+    prefix=Bharatpedia:Village pump
+    break=no
+    width=35
+    placeholder=Search all village pumps & archives
+    searchbuttonlabel=Search all
+    </inputbox>
+    </div>
+  </div>
+  <!-- ARCHIVES LINK -->
+  <div style="text-align: center; font-size: 13px; margin-top: 15px; color: #475569;">
+    [[Bharatpedia:Village pump archive|« Archives]]
+  </div>
-<!-- Header Content Area -->
-{| style="width:100%; background:transparent; border-collapse:collapse;"
-| style="vertical-align:top;" |
-<div style="font-size: 140%; font-weight: bold; margin-bottom: 6px;">{{{1|Village pump}}}</div>
-{{{2}}}
-| style="vertical-align:top; text-align:right; width: 180px;" |
-{{#if:{{{3|}}}|
-<div style="border: 1px solid #a2a9b1; background: #ffffff; padding: 6px; text-align: center; font-size: 90%;">
-'''Shortcuts'''
-<div style="margin-top: 4px;">
-[[{{{3}}}]]
-{{#if:{{{4|}}}|<br/>[[{{{4}}}]]}}
-{{#if:{{{5|}}}|<br/>[[{{{5}}}]]}}
-{{#if:{{{6|}}}|<br/>[[{{{6}}}]]}}
-</div>
-</div>
-}}
-|}
 </div></includeonly><noinclude>
 {{Documentation}}
 </noinclude>