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>{{#invoke:TemplateStyles|plain|text=.vph-header { border: 1px solid #a3a3bf; background-color: #e6e6ff; padding: 12px; margin-bottom: 1em; box-sizing: border-box; }}<div class="vph-header">
+<includeonly><templatestyles src="Village pump page header/styles.css" />
-{| style="width:100%; background:transparent; border-collapse:collapse;"
+<div class="vph">
-| style="vertical-align:top;" |
-<div style="font-size: 150%; font-weight: bold; margin-bottom: 4px;">{{{1|Village pump}}}</div>
+  <!-- TABS NAVIGATION BAR -->
-{{{2}}}
+  <div class="vph-tabs">
-| style="vertical-align:top; text-align:right; white-space:nowrap;" |
+    <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>
-{{#if:{{{3|}}}|{{shortcut|{{{3}}}|{{{4}}}|{{{5}}}|{{{6}}}}}}}
+    <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>
-|}
+    <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>
-<div style="margin-top: 10px; font-size: 90%; border-top: 1px solid #c8c8d1; padding-top: 6px;">
+    <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>
-'''Bharatpedia Village pump sections:'''
+    <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>
-[[Bharatpedia:Village pump (policy)|Policy]] •
+  </div>
-[[Bharatpedia:Village pump (technical)|Technical]] •
-[[Bharatpedia:Village pump (proposals)|Proposals]] •
+  <!-- HEADING TITLE -->
-[[Bharatpedia:Village pump (idea lab)|Idea lab]] •
+  <div class="vph-title">{{{1|Village pump}}}</div>
-[[Bharatpedia:Village pump (WMF)|WMF]] •
-[[Bharatpedia:Village pump (miscellaneous)|Miscellaneous]]
+  <!-- SHORTCUTS LINE -->
-</div>
+  {{#if:{{{3|}}}|
-</div>
+  <div class="vph-shortcuts">
-</includeonly><noinclude>
+    <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>
+</div></includeonly><noinclude>
 {{Documentation}}
 </noinclude>