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: linear-gradient(180deg, #ffffff 0%, #f4f6f9 100%); border: 1px solid #a2a9b1; border-top: 4px solid #36c; border-radius: 8px; padding: 16px; margin: 0 0 1.2em 0; box-shadow: 0 2px 6px rgba(0,0,0,0.06); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Lato, Helvetica, Arial, sans-serif;">
+<includeonly><templatestyles src="Village pump page header/styles.css" />
+<div class="vph">
+  <!-- TABS NAVIGATION BAR -->
+  <div class="vph-tabs">
+    <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>
+    <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 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 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>
-<!-- Navigation Tabs Bar -->
+  <!-- WIKIPEDIA STYLE SEARCH BOX -->
-<div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #c8ccd1; font-size: 13px; font-weight: 600;">
+  <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;">
-  <span style="padding: 6px 12px; background: #ffffff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.04);">[[Bharatpedia:Village pump (policy)|📜 Policy]]</span>
+    <div>
-  <span style="padding: 6px 12px; background: #ffffff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.04);">[[Bharatpedia:Village pump (technical)|⚙️ Technical]]</span>
+    <inputbox>
-  <span style="padding: 6px 12px; background: #ffffff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.04);">[[Bharatpedia:Village pump (proposals)|💡 Proposals]]</span>
+    type=fulltext
-  <span style="padding: 6px 12px; background: #ffffff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.04);">[[Bharatpedia:Village pump (idea lab)|🧪 Idea lab]]</span>
+    prefix={{NAMESPACE}}:{{BASEPAGENAME}}
-  <span style="padding: 6px 12px; background: #ffffff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.04);">[[Bharatpedia:Village pump (WMF)|🌐 WMF]]</span>
+    break=no
-  <span style="padding: 6px 12px; background: #ffffff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.04);">[[Bharatpedia:Village pump (miscellaneous)|💬 Misc]]</span>
+    width=35
-</div>
+    placeholder=Search this page & archives
+    searchbuttonlabel=Search
-<!-- Main Section Layout -->
+    </inputbox>
-{| style="width: 100%; background: transparent; border-collapse: collapse; border: none; margin: 0; padding: 0;"
+    </div>
-| style="vertical-align: top; padding: 0;" |
+    <div>
+    <inputbox>
-<!-- Section Title -->
+    type=fulltext
-<div style="font-size: 22px; font-weight: 700; color: #000000; margin-bottom: 6px; line-height: 1.2;">
+    prefix=Bharatpedia:Village pump
-  {{{1|Village pump}}}
+    break=no
-</div>
+    width=35
+    placeholder=Search all village pumps & archives
-<!-- Description Content -->
+    searchbuttonlabel=Search all
-<div style="font-size: 14px; line-height: 1.5; color: #202122; margin-bottom: 14px;">
+    </inputbox>
-  {{{2}}}
+    </div>
-</div>
+  </div>
-<!-- High-Visibility Action Button -->
+  <!-- ARCHIVES LINK -->
-<div style="margin-top: 10px;">
+  <div style="text-align: center; font-size: 13px; margin-top: 15px; color: #475569;">
-  <span style="display: inline-block; background-color: #36c; padding: 8px 16px; border-radius: 4px; font-weight: 700; font-size: 14px; box-shadow: 0 2px 4px rgba(51,102,204,0.3);">[{{fullurl:{{FULLPAGENAME}}|action=edit&section=new}} <span style="color: #ffffff; text-decoration: none;">➕ Start a new discussion</span>]</span>
+     [[Bharatpedia:Village pump archive|« Archives]]
-</div>
-| style="vertical-align: top; text-align: right; width: 160px; padding-left: 12px;" |
-<!-- Shortcuts Box (Renders cleanly without empty links) -->
-{{#if:{{{3|}}}|
-<div style="background: #ffffff; border: 1px solid #a2a9b1; border-radius: 6px; padding: 8px 10px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
-  <div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #72777d; margin-bottom: 4px;">Shortcuts</div>
-  <div style="font-size: 13px; font-weight: 600; line-height: 1.6;">
-     [[{{{3}}}]]
-    {{#if:{{{4|}}}|<br/>[[{{{4}}}]]}}
-    {{#if:{{{5|}}}|<br/>[[{{{5}}}]]}}
-    {{#if:{{{6|}}}|<br/>[[{{{6}}}]]}}
    </div>
-</div>
-}}
-|}
 </div></includeonly><noinclude>
 {{Documentation}}
 </noinclude>