PickiPedia - User contributions [en]

4masks

2026-07-20T01:51:51Z

JMyles:

[[File:four-masks-temp.png|200px]]

Tracks are here (latest version, RC1): [[Release:QmUWtV7fG1K9pM5TQSf5c38vmh9MtU6p3VNQuzaxvYr6ep]]

==Ensembles==
''(Justin is listed first in each ensemble; the others are listed in an ordered by dev.urandom)''
===Ensemble 21===
* Justin Myles Holmes
* Kyle Tuttle
* Maddie Denton
* Harry Clark
* Skyler Golden

===Ensemble 34===
* Justin Myles Holmes
* Maddie Denton
* Harry Clark
* Skyler Golden
* Gaven Largent

===Ensemble 55===
* Justin Myles Holmes
* John Mailander
* Samson Grisman
* Kaitlyn Raitz
* Harry Clark
* Cory Walker

===Ensemble 89===
* Justin Myles Holmes
* David Grier

Cory Walker

2026-07-19T21:42:40Z

JMyles:

{{MusicianInfo
|name=Cory Walker
|image=Cory_Walker_Ryman.png
|image_caption=Walker attempting to play his banjo at a [[wikipedia:Ryman Auditorium|renovated church]] in Tennessee
|does1=plays banjo in a band... [[East Nash Something]]
|does2=Is currently embarking on a hair-growth experiment to see if human hair can work as a makeshift 5th (G) string
|does3=Is working on a geography textbook entitled, "Anywhere banjo can come from, more banjo from that place."
|location=Nashville, TN
|instruments=banjo
|show_instrument=banjo
|genres=bluegrass
}}

==Major Life Events==
In 2024, Walker was nominated and confirmed to the prestigious post of "Customer of the Year" at Tacos y Mariscos Lindo Mexico in Madison, TN. For clarity: this was Tacos y Mariscos ''Lindo Mexico'', not one of the inferior Tacos y Mariscos.{{verified|by JMyles}}

[[File:Cory Loyd Walker Customer of the Year Award.jpg{{!}}thumb{{!}}left{{!}}Walker's Customer of the Year Award, displayed prominently at Tacos y Mariscos '''Lindo Mexico''']]

==Links==
* [https://www.eastnashgrass.com/ East Nash Grass Website]{{verified|by JMyles}}

Rhiannon Giddens

2026-07-19T17:04:02Z

JMyles: Created page with "{{See wikipedia page}} {{MusicianInfo |show_instrument=banjo |scene=Galway }}"

Template:NewsShorts

2026-07-19T17:02:23Z

JMyles:

* Wildfire smoke and lightning storms hound [[Grey Fox 2026]], prompting cancellation of headliner {{m|Rhiannon Giddens}} and closure of the main stage. Giddens showed up at other stages and jams throughout the evening.

Michael Cleveland

2026-07-19T16:14:56Z

JMyles: Created page with "{{See wikipedia page}} {{MusicianInfo |show_instrument=fiddle |scene=Nashville }}"

Template:See wikipedia page

2026-07-19T16:14:48Z

JMyles:

<div style="border:1px solid black; padding: 10px;">
[[File:Wikipedia-logo-v2.svg|60px|left]]
There is a <strong> [[wikipedia:{{PAGENAME}}|WikiPedia article on {{PAGENAME}}]]</strong>. This page is not meant to replace information found there, but instead to act as a vector for structured data and other unique information about {{PAGENAME}}. Remember, [[PickiPedia:Is Not WikiPedia]].
</div>

Template:NewsPhoto

2026-07-19T16:12:38Z

JMyles:

[[File:Jason Carter and Michael Cleveland at Grey Fox 2026.jpg|300px|{{m|Jason Carter}} and {{m|Michael Cleveland}} light up the [[Grey Fox 2026]] dance stage, with {{m|Cody Looper}}, {{m|Josh Gooding}}, and {{m|Jake Stargel}}|left|thumb]]

File:Fibonacci at Grey Fox 2026.MP.jpg

2026-07-19T15:58:21Z

JMyles: Uploaded a work by null from null with Media Uploader

== Description ==

== Media information ==
* '''Date:''' ''unknown''
* '''Source:''' ''unknown''
* '''Author:''' ''unknown''
* '''Location:''' ''unknown''

== License ==

Jake Stargel

2026-07-17T18:01:53Z

JMyles:

{{MusicianInfo
|name=Jake Stargel
|image=Jake Stargel and Christian Ward in Colorado.png
|image_caption=Jake Stargel playing bass, with [[Christian Ward]] on fiddle.
|does1=is the current touring guitarist of [[wikipedia:Béla Fleck|Béla Fleck]]'s [[wikipedia:My Bluegrass Heart|My Bluegrass Heart]]
|does2=has played on some ridiculously sick bluegrass video game music tracks, including the self-titled album from [[The Hitpoints]], and two Final Fantasy arrangements with [[Justin Myles Holmes]].
|does3=has an extensive history of live shows, including playing with {{m|Jason Carter}} and {{m|Michael Cleveland}}, {{ShowInstrument|Sierra Hull}}, {{Band|Mountain Heart}}, and {{Band|Justin Holmes and The Immutable String Band}}.
|does4=engineers a lot of amazing records. Works with [[David Grier]] and [[East Nash Grass]] a lot in this capacity.
|show_instrument=guitar
|instruments=guitar, bass, mandolin
}}

[[File:Tony-rice-jake-stargel.png|right|thumb|200px|[[Jake Stargel]] with [[wikipedia:Tony Rice|Tony Rice]], during a performance with [[Mountain Heart]] at the 2010 [[Gettysburg Bluegrass Festival]].]]

[[File:Jake Stargel 58957.png|right|thumb|200px|Jake Stargel playing [[Martin D-28 58957]].]]

Jake Stargel

2026-07-17T17:56:48Z

JMyles:

{{MusicianInfo
|name=Jake Stargel
|image=Jake Stargel and Christian Ward in Colorado.png
|image_caption=Jake Stargel playing bass, with [[Christian Ward]] on fiddle.
|does1=is the current touring guitarist of [[wikipedia:Béla Fleck|Béla Fleck]]'s [[wikipedia:My Bluegrass Heart|My Bluegrass Heart]]
|does2=has played on some ridiculously sick bluegrass video game music tracks, including the self-titled album from [[The Hitpoints]], and two Final Fantasy arrangements with [[Justin Myles Holmes]].
|does3=has an extensive history of live shows, including playing with {{m|Jason Carter}} and {{m|Michael Cleveland}}, {{ShowInstrument|Sierra Hull}}, {{Band|Mountain Heart}}, and {{Band|Justin Holmes and The Immutable String Band}}.
|does4=engineers a lot of amazing records. Works with [[David Grier]] and [[East Nash Grass]] a lot in this capacity.
|show_instrument=guitar
|instruments=guitar, bass, mandolin
}}

[[File:Jake Stargel 58957.png|right|thumb|200px|Jake Stargel playing [[Martin D-28 58957]].]]

File:Jake Stargel and Christian Ward in Colorado.png

2026-07-17T17:54:19Z

JMyles: Uploaded a work by null from null with Media Uploader

== Description ==
Working on Bubak and Hungaricus in prepartion for a show with Justin Holmes and The Immutable String Band

== Media information ==
* '''Date:''' 2023-03-03
* '''Source:''' ''unknown''
* '''Author:''' ''unknown''
* '''Location:''' ''unknown''

== License ==

Jake Stargel

2026-07-17T17:46:54Z

JMyles:

{{MusicianInfo
|name=Jake Stargel
|does1=is the current touring guitarist of [[wikipedia:Béla Fleck|Béla Fleck]]'s [[wikipedia:My Bluegrass Heart|My Bluegrass Heart]]
|does2=has played on some ridiculously sick bluegrass video game music tracks, including the self-titled album from [[The Hitpoints]], and two Final Fantasy arrangements with [[Justin Myles Holmes]].
|does3=has an extensive history of live shows, including playing with {{m|Jason Carter}} and {{m|Michael Cleveland}}, {{ShowInstrument|Sierra Hull}}, {{Band|Mountain Heart}}, and {{Band|Justin Holmes and The Immutable String Band}}.
|does4=engineers a lot of amazing records. Works with [[David Grier]] and [[East Nash Grass]] a lot in this capacity.
|show_instrument=guitar
|instruments=guitar, bass, mandolin
}}

[[File:Jake Stargel 58957.png|right|thumb|200px|Jake Stargel playing [[Martin D-28 58957]].]]

Jake Stargel

2026-07-17T17:45:23Z

JMyles:

Grey Fox 2026

2026-07-17T14:12:50Z

JMyles:

[[File:Grey fox 2026 smoke.jpg|right|thumb|400px|Smoke and haze were visible on Thursday evening.]]

Grey Fox 2026 in an ongoing [[wikipedia:Grey Fox Bluegrass Festival]] held July 15-19, 2026.

Grey Fox 2026 took place during the [[wikipedia:2026 Canadian wildfires|2026 Canadian wildfires]], which caused significant smoke and haz on the festival grounds, particularly during the opening days.

<gallery perrow=4>
File:East Nash Grass at Grey Fox Bluegrass Festival 2026.jpg|East Nash Grass on Thursday afternoon at the Catskill stage. From left to right: {{m|Cory Walker}}, {{m|Harry Clark}}, {{m|Maddie Denton}}, {{m|Carter Eddy}}, {{m|Frank Carter Rische}}
File:Grey fox 2026, smoke visible.jpg|Smoke and haze
</gallery>

Template:NewsPhoto

2026-07-17T14:00:13Z

JMyles:

[[File:Grey fox 2026 smoke.jpg|400px|[[Grey Fox 2026]] opens amidst wildfire smoke|left|thumb]]

Carter Eddy

2026-07-17T13:04:30Z

JMyles: Created page with "{{MusicianInfo |name=Carter Eddy |show_instrument=bass |scene=Nashville }}"

{{MusicianInfo
|name=Carter Eddy
|show_instrument=bass
|scene=Nashville
}}

Grey Fox 2026

2026-07-17T12:31:45Z

JMyles:

Grey Fox 2026 in an ongoing [[wikipedia:Grey Fox Bluegrass Festival]] held July 15-19, 2026.

[[File:East Nash Grass at Grey Fox Bluegrass Festival 2026.jpg|thumb|200px|East Nash Grass on Thursday afternoon at the Catskill stage. From left to right: {{m|Cory Walker}}, {{m|Harry Clark}}, {{m|Maddie Denton}}, {{m|Carter Eddy}}, {{m|Frank Carter Rische}} ]]

Frank Carter Rische

2026-07-16T23:54:02Z

JMyles:

{{MusicianInfo
|name=Frank Carter Rische
|show_instrument=guitar
|scene=Nashville
|does1=is the current touring guitarist in East Nash Grass.
|does2=has played with virtually every bluegrass band ever to play at [[Dee's Country Cocktail Lounge]]
}}

===Envy expressed in the bluegrass community after ENG annointment===
When Carter Rische was named ENG's new touring guitarist, some (well, one) in the community expressed disdain that, while he's a perfect fit as a guitarist, he doesn't have a track record of making green fruit and vegetable puree on stage which fans might expect.

{{HLSVideo|QmdrF7qb9zExAwHZtfVn8fUJFLFQxXs2PmHsWEUQj9FDN4|width=75px|align=right}}

===Social Media===
* [https://www.instagram.com/brothertothewind/ Frank Carter Riche's Instagram]

Another Jeff / Geoff

2026-07-16T23:49:42Z

JMyles: Created page with "'''Another Jeff / Geoff''' is the name of the rotating bass player in East Nash Grass."

'''Another Jeff / Geoff''' is the name of the rotating bass player in [[East Nash Grass]].

Grey Fox 2026

2026-07-16T23:49:05Z

JMyles: Created page with "Grey Fox 2026 in an ongoing wikipedia:Grey Fox Bluegrass Festival held July 15-19, 2026. Frank Carter Rische}} "

Template:NewsShorts

2026-07-16T23:14:04Z

JMyles:

* [[Grey Fox 2026]] opens amidst wildfire smoke

Template:NewsPhoto

2026-07-16T23:13:10Z

JMyles:

[[File:East Nash Grass at Grey Fox Bluegrass Festival 2026 (view from back of crowd).jpg|400px|[[Grey Fox 2026]] opens amidst wildfire smoke (pictured; East Nash Grass on Catskill stage|left|thumb]]

Template:NewsPhoto

2026-07-16T23:12:41Z

JMyles:

[[File:East Nash Grass at Grey Fox Bluegrass Festival 2026 (view from back of crowd).jpg|400px|[[Grey Fox 2026]] opens amidst wildfire smoke (pictured; East Nash Grass on Catskill stage|thumb]]

Show:JustinHolmes-25254342

2026-06-06T16:04:52Z

JMyles:

''Note: this show was previously projected at blockheight 25247741, but actually occurred at 25254342.''

{{Show
|artists=Justin Myles Holmes
|venue=The Bundy Museum
|blockheight=25247741
|date=Friday, June 5, 2026
|official_poster=6 5 26 BUNDY POSTER-rev2.png
|poster_artist=Skyler Golden and Justin Myles Holmes
|doors_time=7:00 PM
|show_time=8:00 PM
|price=10
|ages=All ages
|status=verified
}}

{{Ensemble
|Justin Holmes
|Skyler Golden
|Christina Docenko
|Paul Sanna
|Fibonacci Emery Holmes
|title=Justin Myles Holmes and The Immutable String Band
}}

[[Category:Shows]]

Show:JustinHolmes-25247741

2026-06-06T16:02:25Z

JMyles: JMyles moved page Show:JustinHolmes-25247741 to Show:JustinHolmes-25254342

#REDIRECT [[Show:JustinHolmes-25254342]]

Show:JustinHolmes-25254342

2026-06-06T16:02:25Z

JMyles: JMyles moved page Show:JustinHolmes-25247741 to Show:JustinHolmes-25254342

{{Show
|artists=Justin Myles Holmes
|venue=The Bundy Museum
|blockheight=25247741
|date=Friday, June 5, 2026
|official_poster=6 5 26 BUNDY POSTER-rev2.png
|poster_artist=Skyler Golden and Justin Myles Holmes
|doors_time=7:00 PM
|show_time=8:00 PM
|price=10
|ages=All ages
|status=verified
}}

{{Ensemble
|Justin Holmes
|Skyler Golden
|Christina Docenko
|Paul Sanna
|Fibonacci Emery Holmes
|title=Justin Myles Holmes and The Immutable String Band
}}

[[Category:Shows]]

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T21:02:19Z

JMyles:

/* ============================================================
* Pickipedia — Show: page styling
*
* Triggers when an article's title starts with "Show:" (legacy
* mainspace convention, not a real namespace). Common.js adds
* .pickipedia-show to body and absorbs Template:Show's infobox
* into a poster-style hero; once absorbed the infobox is hidden.
* Pages without Template:Show still get the setlist typography.
*
* Reuses the same paper/ink palette as .pickipedia-userpost so
* shows and zine posts feel like the same publication.
* ============================================================ */

.pickipedia-show {
--pp-paper: #f5efe4;
--pp-ink: #2b1d12;
--pp-muted: #7a6450;
--pp-rule: #d9cdb8;
--pp-accent: #9a3b1b;
--pp-card: #ede4d2;
--pp-serif: Georgia, "Iowan Old Style", "Charter", "Times New Roman", serif;
--pp-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
--pp-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* ---------- Poster (hero block) ---------- */
.pickipedia-show .show-poster {
background: var(--pp-paper);
color: var(--pp-ink);
padding: 32px 36px 28px;
margin: 0 0 24px;
position: relative;
border: 1px solid var(--pp-rule);
}

.pickipedia-show .show-poster .pp-kicker {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-accent);
margin: 0 0 12px;
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: baseline;
}
.pickipedia-show .show-poster .pp-kicker a {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted currentColor;
}
.pickipedia-show .show-poster .pp-kicker .pp-sep { color: var(--pp-muted); }

/* Human-readable date kicker — bigger than the technical kicker so it
reads as the answer to "when is this show?". */
.pickipedia-show .show-poster .pp-date-kicker {
font-family: var(--pp-mono);
font-size: 14px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--pp-ink);
margin: 0 0 8px;
font-weight: 600;
}

.pickipedia-show .show-poster h1.pp-title {
font-family: var(--pp-serif);
font-weight: 700;
font-size: 44px;
line-height: 1.05;
letter-spacing: -0.018em;
margin: 0;
padding: 0;
border: none;
color: var(--pp-ink);
text-wrap: balance;
}

.pickipedia-show .show-poster .pp-venue {
font-family: var(--pp-serif);
font-style: italic;
font-size: 22px;
color: var(--pp-muted);
margin: 10px 0 0;
}
.pickipedia-show .show-poster .pp-venue a { color: inherit; }

/* Ensemble blocks ({{Ensemble|...}}) render in their source position on
the page — typically right under {{Show}} — and float right next to
the body content. The default Template:Ensemble inline styles give a
gray-box infobox look; the rules below override those inline styles
(with !important) to match the takeover palette. */
.pickipedia-show.has-show-hero .ensemble-infobox {
background: transparent !important;
border: none !important;
border-left: 2px solid var(--pp-accent) !important;
width: 15em !important;
padding: 4px 0 4px 16px !important;
margin: 8px 0 16px 28px !important;
float: right !important;
clear: right !important;
}
.pickipedia-show.has-show-hero .ensemble-infobox > div:first-child {
/* Header row carries the band name (or "Ensemble" default). */
background: transparent !important;
color: var(--pp-accent) !important;
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
font-weight: 600;
text-align: left !important;
margin: 0 0 10px !important;
padding: 0 !important;
}
.pickipedia-show.has-show-hero .ensemble-infobox > div:nth-child(2) {
/* Member list — one per line (already separated by <br>), serif italic,
instrument icons preserved. */
font-family: var(--pp-serif);
font-style: italic;
color: var(--pp-ink);
font-size: 17px;
line-height: 1.7 !important;
}
.pickipedia-show.has-show-hero .ensemble-infobox a {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted var(--pp-rule);
background-image: none;
padding-bottom: 0;
}
.pickipedia-show.has-show-hero .ensemble-infobox a:hover {
color: var(--pp-accent);
border-bottom-color: var(--pp-accent);
}
/* The {{m|name|instrument}} icon is a tiny rotated image inline with
the name. Slightly nudge it for vertical balance. */
.pickipedia-show.has-show-hero .ensemble-infobox img {
vertical-align: baseline;
}
@media (max-width: 720px) {
/* On mobile, stop floating and let it stack full-width above content. */
.pickipedia-show.has-show-hero .ensemble-infobox {
float: none !important;
width: auto !important;
margin: 8px 0 16px !important;
}
}

.pickipedia-show .show-poster .pp-meta {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 16px 0 0;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.pickipedia-show .show-poster .pp-meta .pp-meta-label { opacity: 0.7; margin-right: 4px; }
.pickipedia-show .show-poster .pp-meta .pp-meta-value { color: var(--pp-ink); }

.pickipedia-show .show-poster .pp-image {
margin: 28px 0 0;
}
.pickipedia-show .show-poster .pp-image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border: 1px solid var(--pp-rule);
}
/* Clickable poster: image already shows a pointer cursor inside an
<a>, but we strip the body-link underline-by-bg gradient that would
bleed onto the image otherwise. */
.pickipedia-show .show-poster .pp-image .pp-image-link {
display: block;
background-image: none;
padding-bottom: 0;
}
.pickipedia-show .show-poster .pp-poster-credit {
font-family: var(--pp-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 10px 0 0;
text-align: right;
}
.pickipedia-show .show-poster .pp-poster-credit-label {
color: var(--pp-accent);
margin-right: 6px;
}

/* (Previously we absorbed ensemble infoboxes into the hero; now they
render in source position, so no .is-absorbed hiding rule is needed.) */

.pickipedia-show .show-poster .pp-actions {
margin: 22px 0 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.pickipedia-show .show-poster .pp-actions a {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--pp-paper);
background: var(--pp-accent);
border: 1px solid var(--pp-accent);
padding: 8px 14px;
text-decoration: none;
border-radius: 999px;
}
.pickipedia-show .show-poster .pp-actions a:hover {
background: var(--pp-ink);
border-color: var(--pp-ink);
}

.pickipedia-show .show-poster .pp-status {
position: absolute;
top: 14px;
right: 18px;
font-family: var(--pp-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-muted);
}
.pickipedia-show .show-poster .pp-status.is-verified { color: #228b22; }
.pickipedia-show .show-poster .pp-status.is-proposed { color: #b8860b; }

/* Hide the original infobox once the hero has absorbed its data. */
.pickipedia-show .show-infobox.is-absorbed { display: none; }

/* Hide the slug-style firstHeading only when the hero has been built —
bare Show: pages without Template:Show keep the heading so users
aren't left with an untitled page. */
.pickipedia-show.has-show-hero #firstHeading,
.pickipedia-show.has-show-hero .mw-first-heading { display: none; }

/* ---------- Setlist typography ---------- */
.pickipedia-show .mw-parser-output h2 {
font-family: var(--pp-mono);
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--pp-accent);
border: none;
border-top: 1px solid var(--pp-rule);
margin: 32px 0 14px;
padding-top: 14px;
}
.pickipedia-show .mw-parser-output h2 .mw-editsection {
font-family: var(--pp-sans);
text-transform: none;
letter-spacing: 0;
}

.pickipedia-show .mw-parser-output ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
counter-reset: setlist;
}
.pickipedia-show .mw-parser-output ul li {
font-family: var(--pp-serif);
font-size: 19px;
line-height: 1.5;
padding: 6px 0 6px 40px;
border-bottom: 1px dotted var(--pp-rule);
position: relative;
counter-increment: setlist;
}
.pickipedia-show .mw-parser-output ul li::before {
content: counter(setlist, decimal-leading-zero);
position: absolute;
left: 0;
top: 8px;
font-family: var(--pp-mono);
font-size: 12px;
color: var(--pp-muted);
letter-spacing: 0.05em;
}
.pickipedia-show .mw-parser-output ul li:last-child { border-bottom: none; }

/* Reset counter at every h2 so each set starts at 01. */
.pickipedia-show .mw-parser-output h2 + ul,
.pickipedia-show .mw-parser-output h2 ~ ul:first-of-type { counter-reset: setlist; }

/* ---------- Responsive ---------- */
@media (max-width: 720px) {
.pickipedia-show .show-poster { padding: 22px 18px 18px; }
.pickipedia-show .show-poster h1.pp-title { font-size: 30px; }
.pickipedia-show .show-poster .pp-venue { font-size: 18px; }
.pickipedia-show .mw-parser-output ul li { font-size: 17px; }
}

/* ============================================================
* Full-takeover layout for Show: pages with hero
*
* Only fires when .pickipedia-show AND .has-show-hero (i.e.,
* Template:Show is present). Bare Show: pages keep their wiki
* chrome — the setlist typography from the base section still
* applies.
*
* The DOM additions (corner logo, topbar) are inserted by
* Gadget-pickipedia-show.js. The patterns here mirror what
* .pickipedia-userpost does, so future deduping into a shared
* .pickipedia-publication base class stays straightforward.
* ============================================================ */

.pickipedia-show.has-show-hero {
background: var(--pp-paper) !important;
color: var(--pp-ink);
position: relative;
}

.pickipedia-show.has-show-hero #column-one,
.pickipedia-show.has-show-hero #sidebar,
.pickipedia-show.has-show-hero #mw-panel,
.pickipedia-show.has-show-hero .vector-main-menu-container,
.pickipedia-show.has-show-hero .vector-page-toolbar,
.pickipedia-show.has-show-hero #mw-navigation .portal,
.pickipedia-show.has-show-hero .mw-sidebar-container,
.pickipedia-show.has-show-hero #p-views,
.pickipedia-show.has-show-hero #p-cactions,
.pickipedia-show.has-show-hero #p-cactions-mobile,
.pickipedia-show.has-show-hero #p-personal,
.pickipedia-show.has-show-hero #p-logo,
.pickipedia-show.has-show-hero .vector-page-tools,
.pickipedia-show.has-show-hero .mw-footer,
.pickipedia-show.has-show-hero #footer,
.pickipedia-show.has-show-hero .printfooter,
.pickipedia-show.has-show-hero .catlinks,
.pickipedia-show.has-show-hero .mw-indicators,
.pickipedia-show.has-show-hero #siteSub,
.pickipedia-show.has-show-hero #contentSub,
.pickipedia-show.has-show-hero .subpages,
.pickipedia-show.has-show-hero #jump-to-nav,
.pickipedia-show.has-show-hero .mw-jump-link {
display: none !important;
}

.pickipedia-show.has-show-hero #globalWrapper,
.pickipedia-show.has-show-hero #column-content,
.pickipedia-show.has-show-hero .monobook-body {
float: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
background: transparent !important;
}

.pickipedia-show.has-show-hero #content,
.pickipedia-show.has-show-hero .mw-body,
.pickipedia-show.has-show-hero #bodyContent,
.pickipedia-show.has-show-hero .mw-content-container {
background: var(--pp-paper) !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
color: var(--pp-ink);
}

/* ---------- Corner logo ---------- */
.pickipedia-show.has-show-hero .pp-corner-logo {
position: absolute;
top: 0;
left: 0;
width: clamp(60px, 9vw, 130px);
z-index: 5;
display: block;
text-decoration: none;
}
.pickipedia-show.has-show-hero .pp-corner-logo img {
display: block;
width: 100%;
height: auto;
}

/* ---------- Topbar ---------- */
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
position: static;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 24px;
background: transparent;
font-family: var(--pp-mono);
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar-left,
.pickipedia-show.has-show-hero .pickipedia-show-topbar-right {
display: flex;
gap: 16px;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a {
color: var(--pp-muted);
text-decoration: none;
border-bottom: 1px dotted currentColor;
padding-bottom: 1px;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a:hover { color: var(--pp-accent); }

/* ---------- Centered content column ---------- */
.pickipedia-show.has-show-hero .mw-parser-output {
max-width: 720px;
margin: 0 auto;
padding: 8px 24px 80px;
font-family: var(--pp-serif);
color: var(--pp-ink);
font-size: 18px;
line-height: 1.55;
}
.pickipedia-show.has-show-hero .mw-parser-output > p {
text-wrap: pretty;
margin: 0 0 22px;
}
.pickipedia-show.has-show-hero .mw-parser-output a {
color: var(--pp-ink);
text-decoration: none;
background-image: linear-gradient(var(--pp-accent), var(--pp-accent));
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: 0 100%;
padding-bottom: 1px;
transition: color .15s;
}
.pickipedia-show.has-show-hero .mw-parser-output a:hover { color: var(--pp-accent); }
.pickipedia-show.has-show-hero .mw-parser-output a.new {
color: var(--pp-muted);
background-image: linear-gradient(var(--pp-muted), var(--pp-muted));
font-style: italic;
}

/* Setlist links shouldn't get the body-paragraph underline treatment —
* they live inside numbered list items and already get serif styling. */
.pickipedia-show.has-show-hero .mw-parser-output ul li a {
background-image: none;
padding-bottom: 0;
}

/* ---------- Responsive ---------- */
@media (min-width: 720px) and (max-width: 1100px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
margin-left: 160px;
margin-right: 24px;
}
}

@media (max-width: 720px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
padding-left: max(24px, calc(9vw + 24px));
padding-right: 24px;
}
}

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T21:02:02Z

JMyles:

/**
* Pickipedia — Show: page hero.
*
* For mainspace pages whose title starts with "Show:" (the legacy
* mainspace convention used pre-namespace), adds .pickipedia-show
* to body and absorbs Template:Show's infobox into a poster-style
* hero. If the page does not use Template:Show only the body class
* is added — the setlist typography in Common.css still applies.
*/
(function () {
'use strict';

if (typeof mw === 'undefined' || !mw.config) return;

var nsNumber = mw.config.get('wgNamespaceNumber');
var title = mw.config.get('wgTitle') || '';
var pageName = mw.config.get('wgPageName') || '';
var action = mw.config.get('wgAction') || 'view';

if (nsNumber !== 0) return;
if (action !== 'view') return;
if (title.indexOf('Show:') !== 0) return;

var body = document.body;
body.classList.add('pickipedia-show');

var content = document.querySelector('.mw-parser-output');
if (!content) return;

var infobox = content.querySelector('.show-infobox');
if (!infobox) return; // Bare show page — body class only.

// ---------- Pull fields out of the existing infobox ----------
// Template:Show emits rows of <div><strong>Label:</strong> value</div>
// plus a top banner with "Artists at Venue" and optional image.
function fieldValue(label) {
var rows = infobox.querySelectorAll('div');
for (var i = 0; i < rows.length; i++) {
var s = rows[i].querySelector('strong');
if (!s) continue;
var labelText = s.textContent.replace(/[:\s]*$/, '').trim();
if (labelText !== label) continue;
var clone = rows[i].cloneNode(true);
var strong = clone.querySelector('strong');
if (strong) strong.remove();
return clone.innerHTML.trim().replace(/^[\s:]+/, '');
}
return '';
}

var artists = fieldValue('Artists');
var venue = fieldValue('Venue');
var date = fieldValue('Date');
var showtime = fieldValue('Showtime');
var doors = fieldValue('Doors');
var show = fieldValue('Show');
var posterArtist = fieldValue('Poster art');
var tickets = fieldValue('Tickets');
var price = fieldValue('Price');
var ages = fieldValue('Ages');

var imageImg = infobox.querySelector('img');

var status = '';
if (infobox.classList.contains('show-verified')) status = 'verified';
else if (infobox.classList.contains('bot-proposal')) status = 'proposed';
else if (infobox.classList.contains('show-unverified')) status = 'unverified';

// ---------- Build the poster hero ----------
// Showtime is rendered by Template:Show as
// [https://etherscan.io/block/N N] — pull the block number out and
// format it with commas so the kicker reads "BLOCK 24,144,194".
function formatShowtime(htmlIn) {
if (!htmlIn) return '';
var tmp = document.createElement('div');
tmp.innerHTML = htmlIn;
var anchor = tmp.querySelector('a');
var blockNum = (anchor ? anchor.textContent : tmp.textContent).trim();
var asInt = parseInt(blockNum.replace(/[^\d]/g, ''), 10);
if (isNaN(asInt)) return blockNum;
var formatted = asInt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
var href = anchor ? anchor.href : '';
if (href) {
return '<a href="' + href + '" target="_blank" rel="noopener">Block ' + formatted + '</a>';
}
return 'Block ' + formatted;
}

// Big date kicker (human-readable) on its own line, above the smaller
// technical kicker with block/doors/show.
var dateKickerHtml = date
? '<div class="pp-date-kicker">' + escapeHtml(date) + '</div>'
: '';

var kickerBits = [];
var showtimeHtml = formatShowtime(showtime);
if (showtimeHtml) kickerBits.push(showtimeHtml);
if (doors) kickerBits.push('Doors ' + doors);
if (show) kickerBits.push('Show ' + show);

var kickerHtml = kickerBits.length
? '<div class="pp-kicker">' + kickerBits.join('<span class="pp-sep">·</span>') + '</div>'
: '';

var venueHtml = venue ? '<p class="pp-venue">at ' + venue + '</p>' : '';

// Ensembles ({{Ensemble|...}} blocks) are intentionally NOT absorbed into
// the hero — they render in their source position on the page so the
// wikitext author controls placement. The CSS in this gadget restyles
// the existing .ensemble-infobox to fit the takeover aesthetic (right-
// floating, paper-themed, mono-caps title, instrument icons inline).
var ensembleHtml = '';

var metaBits = [];
if (price)
metaBits.push('<span><span class="pp-meta-label">Price</span><span class="pp-meta-value">$' +
escapeHtml(price.replace(/^\$/, '')) + '</span></span>');
if (ages)
metaBits.push('<span><span class="pp-meta-label">Ages</span><span class="pp-meta-value">' +
ages + '</span></span>');
var metaHtml = metaBits.length
? '<div class="pp-meta">' + metaBits.join('') + '</div>'
: '';

// Upgrade the poster thumbnail: Template:Show renders [[File:foo|220px]]
// which gives us /images/thumb/.../220px-foo.png inside an <a> linking
// to the File: page. We grab that anchor's href so clicking the big
// hero poster takes the user to the File: page (where the upload
// history, full-res download, and license info live). The thumbnail
// URL gets upsized from /220px-/ to /800px- for a sharper render; CSS
// scales it to fit the card. SVGs and other non-thumbnailed files
// keep their original src.
var imageHtml = '';
if (imageImg) {
var bigSrc = imageImg.src.replace(/\/(\d+)px-/, '/800px-');
var imageAnchor = imageImg.closest('a');
var imageHref = imageAnchor ? imageAnchor.getAttribute('href') : '';
var imgTag = '<img src="' + bigSrc + '" alt="' +
escapeHtml(imageImg.alt || '') + '">';
var wrapped = imageHref
? '<a class="pp-image-link" href="' + imageHref +
'" title="View file details">' + imgTag + '</a>'
: imgTag;
imageHtml = '<div class="pp-image">' + wrapped +
(posterArtist
? '<p class="pp-poster-credit"><span class="pp-poster-credit-label">Poster art by</span> ' +
escapeHtml(posterArtist) + '</p>'
: '') +
'</div>';
}

// Tickets field is an anchor; surface its href as a poster action.
var actionBits = [];
if (tickets) {
var tmp = document.createElement('div'); tmp.innerHTML = tickets;
var ticketAnchor = tmp.querySelector('a');
if (ticketAnchor && ticketAnchor.href) {
actionBits.push('<a href="' + ticketAnchor.href +
'" target="_blank" rel="noopener">Tickets</a>');
}
}
var actionsHtml = actionBits.length
? '<div class="pp-actions">' + actionBits.join('') + '</div>'
: '';

var statusHtml = status
? '<div class="pp-status is-' + status + '">' + status + '</div>'
: '';

var titleHtml = artists || escapeHtml(title.replace(/^Show:\s*/, ''));

var hero = document.createElement('header');
hero.className = 'show-poster';
hero.innerHTML =
statusHtml +
dateKickerHtml +
kickerHtml +
'<h1 class="pp-title">' + titleHtml + '</h1>' +
venueHtml +
metaHtml +
imageHtml +
actionsHtml;

content.insertBefore(hero, content.firstChild);
infobox.classList.add('is-absorbed');
body.classList.add('has-show-hero');

// ---------- Full-takeover chrome: corner logo + slim topbar ----------
// Only fires when the hero was built (Template:Show present). The CSS
// chrome-hiding rules are gated by .has-show-hero so bare Show: pages
// keep their wiki sidebar; if you want to make those takeover too,
// remove the .has-show-hero gating from the CSS file.
var LOGO_URL = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';

var cornerLogo = document.createElement('a');
cornerLogo.className = 'pp-corner-logo';
cornerLogo.href = '/wiki/Main_Page';
cornerLogo.title = 'PickiPedia home';
cornerLogo.innerHTML = '<img src="' + LOGO_URL + '" alt="PickiPedia">';
body.insertBefore(cornerLogo, body.firstChild);

var topbar = document.createElement('header');
topbar.className = 'pickipedia-show-topbar';
topbar.innerHTML =
'<nav class="pickipedia-show-topbar-left">' +
'<a href="' + mw.util.getUrl('Category:Shows') + '">← All shows</a>' +
'</nav>' +
'<nav class="pickipedia-show-topbar-right">' +
'<a href="' + mw.util.getUrl(pageName, { action: 'edit' }) + '">edit</a>' +
'<a href="' + mw.util.getUrl(pageName, { action: 'history' }) + '">history</a>' +
'<a href="' + mw.util.getUrl('Talk:' + pageName) + '">talk</a>' +
'</nav>';
body.insertBefore(topbar, cornerLogo.nextSibling);

function escapeHtml(s) {
return String(s == null ? '' : s)
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"');
}
}());

Show:JustinHolmes-25254342

2026-06-02T20:59:35Z

JMyles: JMyles moved page Show:JustinHolmes-25255000 to Show:JustinHolmes-25247741 without leaving a redirect: corrected blockheight

Show:JustinHolmes-25254342

2026-06-02T20:59:10Z

JMyles:

Show:JustinHolmes-25254342

2026-06-02T20:56:02Z

JMyles:

{{Show
|artists=Justin Myles Holmes
|venue=The Bundy Museum
|blockheight=25247741
|date=Friday, June 5, 2026
|official_poster=6 5 26 BUNDY POSTER-rev2.png
|poster_artist=Skyler Golden and Justin Myles Holmes
|doors_time=7:00 PM
|show_time=8:00 PM
|price=10
|ages=All ages
}}

{{Ensemble
|Justin Holmes
|Skyler Golden
|Christina Docenko
|Paul Sanna
|Fibonacci Emery Holmes
|title=Justin Myles Holmes and The Immutable String Band
}}

[[Category:Shows]]

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T20:54:14Z

JMyles:

/* ============================================================
* Pickipedia — Show: page styling
*
* Triggers when an article's title starts with "Show:" (legacy
* mainspace convention, not a real namespace). Common.js adds
* .pickipedia-show to body and absorbs Template:Show's infobox
* into a poster-style hero; once absorbed the infobox is hidden.
* Pages without Template:Show still get the setlist typography.
*
* Reuses the same paper/ink palette as .pickipedia-userpost so
* shows and zine posts feel like the same publication.
* ============================================================ */

.pickipedia-show {
--pp-paper: #f5efe4;
--pp-ink: #2b1d12;
--pp-muted: #7a6450;
--pp-rule: #d9cdb8;
--pp-accent: #9a3b1b;
--pp-card: #ede4d2;
--pp-serif: Georgia, "Iowan Old Style", "Charter", "Times New Roman", serif;
--pp-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
--pp-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* ---------- Poster (hero block) ---------- */
.pickipedia-show .show-poster {
background: var(--pp-paper);
color: var(--pp-ink);
padding: 32px 36px 28px;
margin: 0 0 24px;
position: relative;
border: 1px solid var(--pp-rule);
}

.pickipedia-show .show-poster .pp-kicker {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-accent);
margin: 0 0 12px;
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: baseline;
}
.pickipedia-show .show-poster .pp-kicker a {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted currentColor;
}
.pickipedia-show .show-poster .pp-kicker .pp-sep { color: var(--pp-muted); }

/* Human-readable date kicker — bigger than the technical kicker so it
reads as the answer to "when is this show?". */
.pickipedia-show .show-poster .pp-date-kicker {
font-family: var(--pp-mono);
font-size: 14px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--pp-ink);
margin: 0 0 8px;
font-weight: 600;
}

.pickipedia-show .show-poster h1.pp-title {
font-family: var(--pp-serif);
font-weight: 700;
font-size: 44px;
line-height: 1.05;
letter-spacing: -0.018em;
margin: 0;
padding: 0;
border: none;
color: var(--pp-ink);
text-wrap: balance;
}

.pickipedia-show .show-poster .pp-venue {
font-family: var(--pp-serif);
font-style: italic;
font-size: 22px;
color: var(--pp-muted);
margin: 10px 0 0;
}
.pickipedia-show .show-poster .pp-venue a { color: inherit; }

/* Ensemble blocks ({{Ensemble|...}}) render in their source position on
the page — typically right under {{Show}} — and float right next to
the body content. The default Template:Ensemble inline styles give a
gray-box infobox look; the rules below override those inline styles
(with !important) to match the takeover palette. */
.pickipedia-show.has-show-hero .ensemble-infobox {
background: transparent !important;
border: none !important;
border-left: 2px solid var(--pp-accent) !important;
width: 15em !important;
padding: 4px 0 4px 16px !important;
margin: 8px 0 16px 28px !important;
float: right !important;
clear: right !important;
}
.pickipedia-show.has-show-hero .ensemble-infobox > div:first-child {
/* Header row carries the band name (or "Ensemble" default). */
background: transparent !important;
color: var(--pp-accent) !important;
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
font-weight: 600;
text-align: left !important;
margin: 0 0 10px !important;
padding: 0 !important;
}
.pickipedia-show.has-show-hero .ensemble-infobox > div:nth-child(2) {
/* Member list — one per line (already separated by <br>), serif italic,
instrument icons preserved. */
font-family: var(--pp-serif);
font-style: italic;
color: var(--pp-ink);
font-size: 17px;
line-height: 1.7 !important;
}
.pickipedia-show.has-show-hero .ensemble-infobox a {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted var(--pp-rule);
background-image: none;
padding-bottom: 0;
}
.pickipedia-show.has-show-hero .ensemble-infobox a:hover {
color: var(--pp-accent);
border-bottom-color: var(--pp-accent);
}
/* The {{m|name|instrument}} icon is a tiny rotated image inline with
the name. Slightly nudge it for vertical balance. */
.pickipedia-show.has-show-hero .ensemble-infobox img {
vertical-align: baseline;
}
@media (max-width: 720px) {
/* On mobile, stop floating and let it stack full-width above content. */
.pickipedia-show.has-show-hero .ensemble-infobox {
float: none !important;
width: auto !important;
margin: 8px 0 16px !important;
}
}

.pickipedia-show .show-poster .pp-meta {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 16px 0 0;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.pickipedia-show .show-poster .pp-meta .pp-meta-label { opacity: 0.7; margin-right: 4px; }
.pickipedia-show .show-poster .pp-meta .pp-meta-value { color: var(--pp-ink); }

.pickipedia-show .show-poster .pp-image {
margin: 28px 0 0;
}
.pickipedia-show .show-poster .pp-image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border: 1px solid var(--pp-rule);
}
.pickipedia-show .show-poster .pp-poster-credit {
font-family: var(--pp-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 10px 0 0;
text-align: right;
}
.pickipedia-show .show-poster .pp-poster-credit-label {
color: var(--pp-accent);
margin-right: 6px;
}

/* (Previously we absorbed ensemble infoboxes into the hero; now they
render in source position, so no .is-absorbed hiding rule is needed.) */

.pickipedia-show .show-poster .pp-actions {
margin: 22px 0 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.pickipedia-show .show-poster .pp-actions a {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--pp-paper);
background: var(--pp-accent);
border: 1px solid var(--pp-accent);
padding: 8px 14px;
text-decoration: none;
border-radius: 999px;
}
.pickipedia-show .show-poster .pp-actions a:hover {
background: var(--pp-ink);
border-color: var(--pp-ink);
}

.pickipedia-show .show-poster .pp-status {
position: absolute;
top: 14px;
right: 18px;
font-family: var(--pp-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-muted);
}
.pickipedia-show .show-poster .pp-status.is-verified { color: #228b22; }
.pickipedia-show .show-poster .pp-status.is-proposed { color: #b8860b; }

/* Hide the original infobox once the hero has absorbed its data. */
.pickipedia-show .show-infobox.is-absorbed { display: none; }

/* Hide the slug-style firstHeading only when the hero has been built —
bare Show: pages without Template:Show keep the heading so users
aren't left with an untitled page. */
.pickipedia-show.has-show-hero #firstHeading,
.pickipedia-show.has-show-hero .mw-first-heading { display: none; }

/* ---------- Setlist typography ---------- */
.pickipedia-show .mw-parser-output h2 {
font-family: var(--pp-mono);
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--pp-accent);
border: none;
border-top: 1px solid var(--pp-rule);
margin: 32px 0 14px;
padding-top: 14px;
}
.pickipedia-show .mw-parser-output h2 .mw-editsection {
font-family: var(--pp-sans);
text-transform: none;
letter-spacing: 0;
}

.pickipedia-show .mw-parser-output ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
counter-reset: setlist;
}
.pickipedia-show .mw-parser-output ul li {
font-family: var(--pp-serif);
font-size: 19px;
line-height: 1.5;
padding: 6px 0 6px 40px;
border-bottom: 1px dotted var(--pp-rule);
position: relative;
counter-increment: setlist;
}
.pickipedia-show .mw-parser-output ul li::before {
content: counter(setlist, decimal-leading-zero);
position: absolute;
left: 0;
top: 8px;
font-family: var(--pp-mono);
font-size: 12px;
color: var(--pp-muted);
letter-spacing: 0.05em;
}
.pickipedia-show .mw-parser-output ul li:last-child { border-bottom: none; }

/* Reset counter at every h2 so each set starts at 01. */
.pickipedia-show .mw-parser-output h2 + ul,
.pickipedia-show .mw-parser-output h2 ~ ul:first-of-type { counter-reset: setlist; }

/* ---------- Responsive ---------- */
@media (max-width: 720px) {
.pickipedia-show .show-poster { padding: 22px 18px 18px; }
.pickipedia-show .show-poster h1.pp-title { font-size: 30px; }
.pickipedia-show .show-poster .pp-venue { font-size: 18px; }
.pickipedia-show .mw-parser-output ul li { font-size: 17px; }
}

/* ============================================================
* Full-takeover layout for Show: pages with hero
*
* Only fires when .pickipedia-show AND .has-show-hero (i.e.,
* Template:Show is present). Bare Show: pages keep their wiki
* chrome — the setlist typography from the base section still
* applies.
*
* The DOM additions (corner logo, topbar) are inserted by
* Gadget-pickipedia-show.js. The patterns here mirror what
* .pickipedia-userpost does, so future deduping into a shared
* .pickipedia-publication base class stays straightforward.
* ============================================================ */

.pickipedia-show.has-show-hero {
background: var(--pp-paper) !important;
color: var(--pp-ink);
position: relative;
}

.pickipedia-show.has-show-hero #column-one,
.pickipedia-show.has-show-hero #sidebar,
.pickipedia-show.has-show-hero #mw-panel,
.pickipedia-show.has-show-hero .vector-main-menu-container,
.pickipedia-show.has-show-hero .vector-page-toolbar,
.pickipedia-show.has-show-hero #mw-navigation .portal,
.pickipedia-show.has-show-hero .mw-sidebar-container,
.pickipedia-show.has-show-hero #p-views,
.pickipedia-show.has-show-hero #p-cactions,
.pickipedia-show.has-show-hero #p-cactions-mobile,
.pickipedia-show.has-show-hero #p-personal,
.pickipedia-show.has-show-hero #p-logo,
.pickipedia-show.has-show-hero .vector-page-tools,
.pickipedia-show.has-show-hero .mw-footer,
.pickipedia-show.has-show-hero #footer,
.pickipedia-show.has-show-hero .printfooter,
.pickipedia-show.has-show-hero .catlinks,
.pickipedia-show.has-show-hero .mw-indicators,
.pickipedia-show.has-show-hero #siteSub,
.pickipedia-show.has-show-hero #contentSub,
.pickipedia-show.has-show-hero .subpages,
.pickipedia-show.has-show-hero #jump-to-nav,
.pickipedia-show.has-show-hero .mw-jump-link {
display: none !important;
}

.pickipedia-show.has-show-hero #globalWrapper,
.pickipedia-show.has-show-hero #column-content,
.pickipedia-show.has-show-hero .monobook-body {
float: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
background: transparent !important;
}

.pickipedia-show.has-show-hero #content,
.pickipedia-show.has-show-hero .mw-body,
.pickipedia-show.has-show-hero #bodyContent,
.pickipedia-show.has-show-hero .mw-content-container {
background: var(--pp-paper) !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
color: var(--pp-ink);
}

/* ---------- Corner logo ---------- */
.pickipedia-show.has-show-hero .pp-corner-logo {
position: absolute;
top: 0;
left: 0;
width: clamp(60px, 9vw, 130px);
z-index: 5;
display: block;
text-decoration: none;
}
.pickipedia-show.has-show-hero .pp-corner-logo img {
display: block;
width: 100%;
height: auto;
}

/* ---------- Topbar ---------- */
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
position: static;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 24px;
background: transparent;
font-family: var(--pp-mono);
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar-left,
.pickipedia-show.has-show-hero .pickipedia-show-topbar-right {
display: flex;
gap: 16px;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a {
color: var(--pp-muted);
text-decoration: none;
border-bottom: 1px dotted currentColor;
padding-bottom: 1px;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a:hover { color: var(--pp-accent); }

/* ---------- Centered content column ---------- */
.pickipedia-show.has-show-hero .mw-parser-output {
max-width: 720px;
margin: 0 auto;
padding: 8px 24px 80px;
font-family: var(--pp-serif);
color: var(--pp-ink);
font-size: 18px;
line-height: 1.55;
}
.pickipedia-show.has-show-hero .mw-parser-output > p {
text-wrap: pretty;
margin: 0 0 22px;
}
.pickipedia-show.has-show-hero .mw-parser-output a {
color: var(--pp-ink);
text-decoration: none;
background-image: linear-gradient(var(--pp-accent), var(--pp-accent));
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: 0 100%;
padding-bottom: 1px;
transition: color .15s;
}
.pickipedia-show.has-show-hero .mw-parser-output a:hover { color: var(--pp-accent); }
.pickipedia-show.has-show-hero .mw-parser-output a.new {
color: var(--pp-muted);
background-image: linear-gradient(var(--pp-muted), var(--pp-muted));
font-style: italic;
}

/* Setlist links shouldn't get the body-paragraph underline treatment —
* they live inside numbered list items and already get serif styling. */
.pickipedia-show.has-show-hero .mw-parser-output ul li a {
background-image: none;
padding-bottom: 0;
}

/* ---------- Responsive ---------- */
@media (min-width: 720px) and (max-width: 1100px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
margin-left: 160px;
margin-right: 24px;
}
}

@media (max-width: 720px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
padding-left: max(24px, calc(9vw + 24px));
padding-right: 24px;
}
}

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T20:53:56Z

JMyles:

/**
* Pickipedia — Show: page hero.
*
* For mainspace pages whose title starts with "Show:" (the legacy
* mainspace convention used pre-namespace), adds .pickipedia-show
* to body and absorbs Template:Show's infobox into a poster-style
* hero. If the page does not use Template:Show only the body class
* is added — the setlist typography in Common.css still applies.
*/
(function () {
'use strict';

if (typeof mw === 'undefined' || !mw.config) return;

var nsNumber = mw.config.get('wgNamespaceNumber');
var title = mw.config.get('wgTitle') || '';
var pageName = mw.config.get('wgPageName') || '';
var action = mw.config.get('wgAction') || 'view';

if (nsNumber !== 0) return;
if (action !== 'view') return;
if (title.indexOf('Show:') !== 0) return;

var body = document.body;
body.classList.add('pickipedia-show');

var content = document.querySelector('.mw-parser-output');
if (!content) return;

var infobox = content.querySelector('.show-infobox');
if (!infobox) return; // Bare show page — body class only.

// ---------- Pull fields out of the existing infobox ----------
// Template:Show emits rows of <div><strong>Label:</strong> value</div>
// plus a top banner with "Artists at Venue" and optional image.
function fieldValue(label) {
var rows = infobox.querySelectorAll('div');
for (var i = 0; i < rows.length; i++) {
var s = rows[i].querySelector('strong');
if (!s) continue;
var labelText = s.textContent.replace(/[:\s]*$/, '').trim();
if (labelText !== label) continue;
var clone = rows[i].cloneNode(true);
var strong = clone.querySelector('strong');
if (strong) strong.remove();
return clone.innerHTML.trim().replace(/^[\s:]+/, '');
}
return '';
}

var artists = fieldValue('Artists');
var venue = fieldValue('Venue');
var date = fieldValue('Date');
var showtime = fieldValue('Showtime');
var doors = fieldValue('Doors');
var show = fieldValue('Show');
var posterArtist = fieldValue('Poster art');
var tickets = fieldValue('Tickets');
var price = fieldValue('Price');
var ages = fieldValue('Ages');

var imageImg = infobox.querySelector('img');

var status = '';
if (infobox.classList.contains('show-verified')) status = 'verified';
else if (infobox.classList.contains('bot-proposal')) status = 'proposed';
else if (infobox.classList.contains('show-unverified')) status = 'unverified';

// ---------- Build the poster hero ----------
// Showtime is rendered by Template:Show as
// [https://etherscan.io/block/N N] — pull the block number out and
// format it with commas so the kicker reads "BLOCK 24,144,194".
function formatShowtime(htmlIn) {
if (!htmlIn) return '';
var tmp = document.createElement('div');
tmp.innerHTML = htmlIn;
var anchor = tmp.querySelector('a');
var blockNum = (anchor ? anchor.textContent : tmp.textContent).trim();
var asInt = parseInt(blockNum.replace(/[^\d]/g, ''), 10);
if (isNaN(asInt)) return blockNum;
var formatted = asInt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
var href = anchor ? anchor.href : '';
if (href) {
return '<a href="' + href + '" target="_blank" rel="noopener">Block ' + formatted + '</a>';
}
return 'Block ' + formatted;
}

// Big date kicker (human-readable) on its own line, above the smaller
// technical kicker with block/doors/show.
var dateKickerHtml = date
? '<div class="pp-date-kicker">' + escapeHtml(date) + '</div>'
: '';

var kickerBits = [];
var showtimeHtml = formatShowtime(showtime);
if (showtimeHtml) kickerBits.push(showtimeHtml);
if (doors) kickerBits.push('Doors ' + doors);
if (show) kickerBits.push('Show ' + show);

var kickerHtml = kickerBits.length
? '<div class="pp-kicker">' + kickerBits.join('<span class="pp-sep">·</span>') + '</div>'
: '';

var venueHtml = venue ? '<p class="pp-venue">at ' + venue + '</p>' : '';

// Ensembles ({{Ensemble|...}} blocks) are intentionally NOT absorbed into
// the hero — they render in their source position on the page so the
// wikitext author controls placement. The CSS in this gadget restyles
// the existing .ensemble-infobox to fit the takeover aesthetic (right-
// floating, paper-themed, mono-caps title, instrument icons inline).
var ensembleHtml = '';

var metaBits = [];
if (price)
metaBits.push('<span><span class="pp-meta-label">Price</span><span class="pp-meta-value">$' +
escapeHtml(price.replace(/^\$/, '')) + '</span></span>');
if (ages)
metaBits.push('<span><span class="pp-meta-label">Ages</span><span class="pp-meta-value">' +
ages + '</span></span>');
var metaHtml = metaBits.length
? '<div class="pp-meta">' + metaBits.join('') + '</div>'
: '';

// Upgrade the poster thumbnail: Template:Show renders [[File:foo|220px]]
// which gives us /images/thumb/.../220px-foo.png. We replace the 220px
// segment with 800px to request a larger thumbnail; CSS scales it to
// fit the card. If the URL doesn't match the thumb pattern (e.g. SVG,
// or non-thumbnailed file), we just use the original src.
var imageHtml = '';
if (imageImg) {
var bigSrc = imageImg.src.replace(/\/(\d+)px-/, '/800px-');
imageHtml = '<div class="pp-image"><img src="' + bigSrc +
'" alt="' + escapeHtml(imageImg.alt || '') + '">' +
(posterArtist
? '<p class="pp-poster-credit"><span class="pp-poster-credit-label">Poster art by</span> ' +
escapeHtml(posterArtist) + '</p>'
: '') +
'</div>';
}

// Tickets field is an anchor; surface its href as a poster action.
var actionBits = [];
if (tickets) {
var tmp = document.createElement('div'); tmp.innerHTML = tickets;
var ticketAnchor = tmp.querySelector('a');
if (ticketAnchor && ticketAnchor.href) {
actionBits.push('<a href="' + ticketAnchor.href +
'" target="_blank" rel="noopener">Tickets</a>');
}
}
var actionsHtml = actionBits.length
? '<div class="pp-actions">' + actionBits.join('') + '</div>'
: '';

var statusHtml = status
? '<div class="pp-status is-' + status + '">' + status + '</div>'
: '';

var titleHtml = artists || escapeHtml(title.replace(/^Show:\s*/, ''));

var hero = document.createElement('header');
hero.className = 'show-poster';
hero.innerHTML =
statusHtml +
dateKickerHtml +
kickerHtml +
'<h1 class="pp-title">' + titleHtml + '</h1>' +
venueHtml +
metaHtml +
imageHtml +
actionsHtml;

content.insertBefore(hero, content.firstChild);
infobox.classList.add('is-absorbed');
body.classList.add('has-show-hero');

// ---------- Full-takeover chrome: corner logo + slim topbar ----------
// Only fires when the hero was built (Template:Show present). The CSS
// chrome-hiding rules are gated by .has-show-hero so bare Show: pages
// keep their wiki sidebar; if you want to make those takeover too,
// remove the .has-show-hero gating from the CSS file.
var LOGO_URL = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';

var cornerLogo = document.createElement('a');
cornerLogo.className = 'pp-corner-logo';
cornerLogo.href = '/wiki/Main_Page';
cornerLogo.title = 'PickiPedia home';
cornerLogo.innerHTML = '<img src="' + LOGO_URL + '" alt="PickiPedia">';
body.insertBefore(cornerLogo, body.firstChild);

var topbar = document.createElement('header');
topbar.className = 'pickipedia-show-topbar';
topbar.innerHTML =
'<nav class="pickipedia-show-topbar-left">' +
'<a href="' + mw.util.getUrl('Category:Shows') + '">← All shows</a>' +
'</nav>' +
'<nav class="pickipedia-show-topbar-right">' +
'<a href="' + mw.util.getUrl(pageName, { action: 'edit' }) + '">edit</a>' +
'<a href="' + mw.util.getUrl(pageName, { action: 'history' }) + '">history</a>' +
'<a href="' + mw.util.getUrl('Talk:' + pageName) + '">talk</a>' +
'</nav>';
body.insertBefore(topbar, cornerLogo.nextSibling);

function escapeHtml(s) {
return String(s == null ? '' : s)
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"');
}
}());

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T20:45:00Z

JMyles:

/* ============================================================
* Pickipedia — Show: page styling
*
* Triggers when an article's title starts with "Show:" (legacy
* mainspace convention, not a real namespace). Common.js adds
* .pickipedia-show to body and absorbs Template:Show's infobox
* into a poster-style hero; once absorbed the infobox is hidden.
* Pages without Template:Show still get the setlist typography.
*
* Reuses the same paper/ink palette as .pickipedia-userpost so
* shows and zine posts feel like the same publication.
* ============================================================ */

.pickipedia-show {
--pp-paper: #f5efe4;
--pp-ink: #2b1d12;
--pp-muted: #7a6450;
--pp-rule: #d9cdb8;
--pp-accent: #9a3b1b;
--pp-card: #ede4d2;
--pp-serif: Georgia, "Iowan Old Style", "Charter", "Times New Roman", serif;
--pp-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
--pp-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* ---------- Poster (hero block) ---------- */
.pickipedia-show .show-poster {
background: var(--pp-paper);
color: var(--pp-ink);
padding: 32px 36px 28px;
margin: 0 0 24px;
position: relative;
border: 1px solid var(--pp-rule);
}

.pickipedia-show .show-poster .pp-kicker {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-accent);
margin: 0 0 12px;
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: baseline;
}
.pickipedia-show .show-poster .pp-kicker a {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted currentColor;
}
.pickipedia-show .show-poster .pp-kicker .pp-sep { color: var(--pp-muted); }

/* Human-readable date kicker — bigger than the technical kicker so it
reads as the answer to "when is this show?". */
.pickipedia-show .show-poster .pp-date-kicker {
font-family: var(--pp-mono);
font-size: 14px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--pp-ink);
margin: 0 0 8px;
font-weight: 600;
}

.pickipedia-show .show-poster h1.pp-title {
font-family: var(--pp-serif);
font-weight: 700;
font-size: 44px;
line-height: 1.05;
letter-spacing: -0.018em;
margin: 0;
padding: 0;
border: none;
color: var(--pp-ink);
text-wrap: balance;
}

.pickipedia-show .show-poster .pp-venue {
font-family: var(--pp-serif);
font-style: italic;
font-size: 22px;
color: var(--pp-muted);
margin: 10px 0 0;
}
.pickipedia-show .show-poster .pp-venue a { color: inherit; }

.pickipedia-show .show-poster .pp-ensemble {
margin: 22px 0 0;
padding: 16px 0 0;
border-top: 1px solid var(--pp-rule);
}
.pickipedia-show .show-poster .pp-ensemble + .pp-ensemble {
/* Subsequent ensemble blocks (opener, sit-ins) — same separator but
tighter top spacing since the first one already gave the section
visual room. */
margin-top: 14px;
padding-top: 12px;
}
.pickipedia-show .show-poster .pp-ensemble-title {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-accent);
margin: 0 0 6px;
text-wrap: pretty;
}
.pickipedia-show .show-poster .pp-ensemble-members {
font-family: var(--pp-serif);
font-style: italic;
font-size: 17px;
color: var(--pp-ink);
margin: 0;
line-height: 1.5;
text-wrap: pretty;
}
.pickipedia-show .show-poster .pp-ensemble-members .pp-sep {
color: var(--pp-rule);
font-style: normal;
margin: 0 4px;
}
/* Template:m emits a 9-18px instrument icon. Nudge it slightly so it
sits clean next to the italicised name. */
.pickipedia-show .show-poster .pp-ensemble-members img {
vertical-align: baseline;
margin: 0 0 0 3px;
}
.pickipedia-show .show-poster .pp-ensemble-members a {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted var(--pp-rule);
}
.pickipedia-show .show-poster .pp-ensemble-members a:hover {
border-bottom-color: var(--pp-accent);
color: var(--pp-accent);
}

.pickipedia-show .show-poster .pp-meta {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 16px 0 0;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.pickipedia-show .show-poster .pp-meta .pp-meta-label { opacity: 0.7; margin-right: 4px; }
.pickipedia-show .show-poster .pp-meta .pp-meta-value { color: var(--pp-ink); }

.pickipedia-show .show-poster .pp-image {
margin: 28px 0 0;
}
.pickipedia-show .show-poster .pp-image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border: 1px solid var(--pp-rule);
}
.pickipedia-show .show-poster .pp-poster-credit {
font-family: var(--pp-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 10px 0 0;
text-align: right;
}
.pickipedia-show .show-poster .pp-poster-credit-label {
color: var(--pp-accent);
margin-right: 6px;
}

/* Hide the floated ensemble infoboxes once the hero has absorbed them. */
.pickipedia-show .ensemble-infobox.is-absorbed { display: none; }

.pickipedia-show .show-poster .pp-actions {
margin: 22px 0 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.pickipedia-show .show-poster .pp-actions a {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--pp-paper);
background: var(--pp-accent);
border: 1px solid var(--pp-accent);
padding: 8px 14px;
text-decoration: none;
border-radius: 999px;
}
.pickipedia-show .show-poster .pp-actions a:hover {
background: var(--pp-ink);
border-color: var(--pp-ink);
}

.pickipedia-show .show-poster .pp-status {
position: absolute;
top: 14px;
right: 18px;
font-family: var(--pp-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-muted);
}
.pickipedia-show .show-poster .pp-status.is-verified { color: #228b22; }
.pickipedia-show .show-poster .pp-status.is-proposed { color: #b8860b; }

/* Hide the original infobox once the hero has absorbed its data. */
.pickipedia-show .show-infobox.is-absorbed { display: none; }

/* Hide the slug-style firstHeading only when the hero has been built —
bare Show: pages without Template:Show keep the heading so users
aren't left with an untitled page. */
.pickipedia-show.has-show-hero #firstHeading,
.pickipedia-show.has-show-hero .mw-first-heading { display: none; }

/* ---------- Setlist typography ---------- */
.pickipedia-show .mw-parser-output h2 {
font-family: var(--pp-mono);
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--pp-accent);
border: none;
border-top: 1px solid var(--pp-rule);
margin: 32px 0 14px;
padding-top: 14px;
}
.pickipedia-show .mw-parser-output h2 .mw-editsection {
font-family: var(--pp-sans);
text-transform: none;
letter-spacing: 0;
}

.pickipedia-show .mw-parser-output ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
counter-reset: setlist;
}
.pickipedia-show .mw-parser-output ul li {
font-family: var(--pp-serif);
font-size: 19px;
line-height: 1.5;
padding: 6px 0 6px 40px;
border-bottom: 1px dotted var(--pp-rule);
position: relative;
counter-increment: setlist;
}
.pickipedia-show .mw-parser-output ul li::before {
content: counter(setlist, decimal-leading-zero);
position: absolute;
left: 0;
top: 8px;
font-family: var(--pp-mono);
font-size: 12px;
color: var(--pp-muted);
letter-spacing: 0.05em;
}
.pickipedia-show .mw-parser-output ul li:last-child { border-bottom: none; }

/* Reset counter at every h2 so each set starts at 01. */
.pickipedia-show .mw-parser-output h2 + ul,
.pickipedia-show .mw-parser-output h2 ~ ul:first-of-type { counter-reset: setlist; }

/* ---------- Responsive ---------- */
@media (max-width: 720px) {
.pickipedia-show .show-poster { padding: 22px 18px 18px; }
.pickipedia-show .show-poster h1.pp-title { font-size: 30px; }
.pickipedia-show .show-poster .pp-venue { font-size: 18px; }
.pickipedia-show .mw-parser-output ul li { font-size: 17px; }
}

/* ============================================================
* Full-takeover layout for Show: pages with hero
*
* Only fires when .pickipedia-show AND .has-show-hero (i.e.,
* Template:Show is present). Bare Show: pages keep their wiki
* chrome — the setlist typography from the base section still
* applies.
*
* The DOM additions (corner logo, topbar) are inserted by
* Gadget-pickipedia-show.js. The patterns here mirror what
* .pickipedia-userpost does, so future deduping into a shared
* .pickipedia-publication base class stays straightforward.
* ============================================================ */

.pickipedia-show.has-show-hero {
background: var(--pp-paper) !important;
color: var(--pp-ink);
position: relative;
}

.pickipedia-show.has-show-hero #column-one,
.pickipedia-show.has-show-hero #sidebar,
.pickipedia-show.has-show-hero #mw-panel,
.pickipedia-show.has-show-hero .vector-main-menu-container,
.pickipedia-show.has-show-hero .vector-page-toolbar,
.pickipedia-show.has-show-hero #mw-navigation .portal,
.pickipedia-show.has-show-hero .mw-sidebar-container,
.pickipedia-show.has-show-hero #p-views,
.pickipedia-show.has-show-hero #p-cactions,
.pickipedia-show.has-show-hero #p-cactions-mobile,
.pickipedia-show.has-show-hero #p-personal,
.pickipedia-show.has-show-hero #p-logo,
.pickipedia-show.has-show-hero .vector-page-tools,
.pickipedia-show.has-show-hero .mw-footer,
.pickipedia-show.has-show-hero #footer,
.pickipedia-show.has-show-hero .printfooter,
.pickipedia-show.has-show-hero .catlinks,
.pickipedia-show.has-show-hero .mw-indicators,
.pickipedia-show.has-show-hero #siteSub,
.pickipedia-show.has-show-hero #contentSub,
.pickipedia-show.has-show-hero .subpages,
.pickipedia-show.has-show-hero #jump-to-nav,
.pickipedia-show.has-show-hero .mw-jump-link {
display: none !important;
}

.pickipedia-show.has-show-hero #globalWrapper,
.pickipedia-show.has-show-hero #column-content,
.pickipedia-show.has-show-hero .monobook-body {
float: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
background: transparent !important;
}

.pickipedia-show.has-show-hero #content,
.pickipedia-show.has-show-hero .mw-body,
.pickipedia-show.has-show-hero #bodyContent,
.pickipedia-show.has-show-hero .mw-content-container {
background: var(--pp-paper) !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
color: var(--pp-ink);
}

/* ---------- Corner logo ---------- */
.pickipedia-show.has-show-hero .pp-corner-logo {
position: absolute;
top: 0;
left: 0;
width: clamp(60px, 9vw, 130px);
z-index: 5;
display: block;
text-decoration: none;
}
.pickipedia-show.has-show-hero .pp-corner-logo img {
display: block;
width: 100%;
height: auto;
}

/* ---------- Topbar ---------- */
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
position: static;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 24px;
background: transparent;
font-family: var(--pp-mono);
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar-left,
.pickipedia-show.has-show-hero .pickipedia-show-topbar-right {
display: flex;
gap: 16px;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a {
color: var(--pp-muted);
text-decoration: none;
border-bottom: 1px dotted currentColor;
padding-bottom: 1px;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a:hover { color: var(--pp-accent); }

/* ---------- Centered content column ---------- */
.pickipedia-show.has-show-hero .mw-parser-output {
max-width: 720px;
margin: 0 auto;
padding: 8px 24px 80px;
font-family: var(--pp-serif);
color: var(--pp-ink);
font-size: 18px;
line-height: 1.55;
}
.pickipedia-show.has-show-hero .mw-parser-output > p {
text-wrap: pretty;
margin: 0 0 22px;
}
.pickipedia-show.has-show-hero .mw-parser-output a {
color: var(--pp-ink);
text-decoration: none;
background-image: linear-gradient(var(--pp-accent), var(--pp-accent));
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: 0 100%;
padding-bottom: 1px;
transition: color .15s;
}
.pickipedia-show.has-show-hero .mw-parser-output a:hover { color: var(--pp-accent); }
.pickipedia-show.has-show-hero .mw-parser-output a.new {
color: var(--pp-muted);
background-image: linear-gradient(var(--pp-muted), var(--pp-muted));
font-style: italic;
}

/* Setlist links shouldn't get the body-paragraph underline treatment —
* they live inside numbered list items and already get serif styling. */
.pickipedia-show.has-show-hero .mw-parser-output ul li a {
background-image: none;
padding-bottom: 0;
}

/* ---------- Responsive ---------- */
@media (min-width: 720px) and (max-width: 1100px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
margin-left: 160px;
margin-right: 24px;
}
}

@media (max-width: 720px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
padding-left: max(24px, calc(9vw + 24px));
padding-right: 24px;
}
}

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T20:44:42Z

JMyles:

/**
* Pickipedia — Show: page hero.
*
* For mainspace pages whose title starts with "Show:" (the legacy
* mainspace convention used pre-namespace), adds .pickipedia-show
* to body and absorbs Template:Show's infobox into a poster-style
* hero. If the page does not use Template:Show only the body class
* is added — the setlist typography in Common.css still applies.
*/
(function () {
'use strict';

if (typeof mw === 'undefined' || !mw.config) return;

var nsNumber = mw.config.get('wgNamespaceNumber');
var title = mw.config.get('wgTitle') || '';
var pageName = mw.config.get('wgPageName') || '';
var action = mw.config.get('wgAction') || 'view';

if (nsNumber !== 0) return;
if (action !== 'view') return;
if (title.indexOf('Show:') !== 0) return;

var body = document.body;
body.classList.add('pickipedia-show');

var content = document.querySelector('.mw-parser-output');
if (!content) return;

var infobox = content.querySelector('.show-infobox');
if (!infobox) return; // Bare show page — body class only.

// ---------- Pull fields out of the existing infobox ----------
// Template:Show emits rows of <div><strong>Label:</strong> value</div>
// plus a top banner with "Artists at Venue" and optional image.
function fieldValue(label) {
var rows = infobox.querySelectorAll('div');
for (var i = 0; i < rows.length; i++) {
var s = rows[i].querySelector('strong');
if (!s) continue;
var labelText = s.textContent.replace(/[:\s]*$/, '').trim();
if (labelText !== label) continue;
var clone = rows[i].cloneNode(true);
var strong = clone.querySelector('strong');
if (strong) strong.remove();
return clone.innerHTML.trim().replace(/^[\s:]+/, '');
}
return '';
}

var artists = fieldValue('Artists');
var venue = fieldValue('Venue');
var date = fieldValue('Date');
var showtime = fieldValue('Showtime');
var doors = fieldValue('Doors');
var show = fieldValue('Show');
var posterArtist = fieldValue('Poster art');
var tickets = fieldValue('Tickets');
var price = fieldValue('Price');
var ages = fieldValue('Ages');

var imageImg = infobox.querySelector('img');

var status = '';
if (infobox.classList.contains('show-verified')) status = 'verified';
else if (infobox.classList.contains('bot-proposal')) status = 'proposed';
else if (infobox.classList.contains('show-unverified')) status = 'unverified';

// ---------- Build the poster hero ----------
// Showtime is rendered by Template:Show as
// [https://etherscan.io/block/N N] — pull the block number out and
// format it with commas so the kicker reads "BLOCK 24,144,194".
function formatShowtime(htmlIn) {
if (!htmlIn) return '';
var tmp = document.createElement('div');
tmp.innerHTML = htmlIn;
var anchor = tmp.querySelector('a');
var blockNum = (anchor ? anchor.textContent : tmp.textContent).trim();
var asInt = parseInt(blockNum.replace(/[^\d]/g, ''), 10);
if (isNaN(asInt)) return blockNum;
var formatted = asInt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
var href = anchor ? anchor.href : '';
if (href) {
return '<a href="' + href + '" target="_blank" rel="noopener">Block ' + formatted + '</a>';
}
return 'Block ' + formatted;
}

// Big date kicker (human-readable) on its own line, above the smaller
// technical kicker with block/doors/show.
var dateKickerHtml = date
? '<div class="pp-date-kicker">' + escapeHtml(date) + '</div>'
: '';

var kickerBits = [];
var showtimeHtml = formatShowtime(showtime);
if (showtimeHtml) kickerBits.push(showtimeHtml);
if (doors) kickerBits.push('Doors ' + doors);
if (show) kickerBits.push('Show ' + show);

var kickerHtml = kickerBits.length
? '<div class="pp-kicker">' + kickerBits.join('<span class="pp-sep">·</span>') + '</div>'
: '';

var venueHtml = venue ? '<p class="pp-venue">at ' + venue + '</p>' : '';

// Ensembles: find every Template:Ensemble block on the page. Each renders
// as a .ensemble-infobox with a colored header div (the band title) and
// a body div with one musician per line (via Template:m, which inlines
// a tiny instrument icon next to the linked musician name).
//
// We split on <br> and keep HTML chunks intact so the instrument icons
// and User: links survive the absorb. Each ensemble renders as two
// tiers: the band title on its own line (mono caps, accent), then the
// member list below in serif italic with rule-dot separators.
var ensembleBlocks = content.querySelectorAll('.ensemble-infobox');
var ensembleHtml = '';
ensembleBlocks.forEach(function (eb) {
var bandName = '';
var headerEl = eb.querySelector('div:first-child');
if (headerEl) bandName = headerEl.textContent.trim();

var listEl = eb.querySelector('div:nth-child(2)');
if (!listEl) return;

var members = listEl.innerHTML
.split(/<br\s*\/?>/i)
.map(function (chunk) { return chunk.trim(); })
.filter(Boolean);
if (!members.length) return;

var titleText = (bandName && bandName.toLowerCase() !== 'ensemble')
? bandName : 'Featuring';

ensembleHtml +=
'<div class="pp-ensemble">' +
'<p class="pp-ensemble-title">' + escapeHtml(titleText) + '</p>' +
'<p class="pp-ensemble-members">' +
members.join(' <span class="pp-sep">·</span> ') +
'</p>' +
'</div>';

eb.classList.add('is-absorbed');
});

var metaBits = [];
if (price)
metaBits.push('<span><span class="pp-meta-label">Price</span><span class="pp-meta-value">$' +
escapeHtml(price.replace(/^\$/, '')) + '</span></span>');
if (ages)
metaBits.push('<span><span class="pp-meta-label">Ages</span><span class="pp-meta-value">' +
ages + '</span></span>');
var metaHtml = metaBits.length
? '<div class="pp-meta">' + metaBits.join('') + '</div>'
: '';

// Upgrade the poster thumbnail: Template:Show renders [[File:foo|220px]]
// which gives us /images/thumb/.../220px-foo.png. We replace the 220px
// segment with 800px to request a larger thumbnail; CSS scales it to
// fit the card. If the URL doesn't match the thumb pattern (e.g. SVG,
// or non-thumbnailed file), we just use the original src.
var imageHtml = '';
if (imageImg) {
var bigSrc = imageImg.src.replace(/\/(\d+)px-/, '/800px-');
imageHtml = '<div class="pp-image"><img src="' + bigSrc +
'" alt="' + escapeHtml(imageImg.alt || '') + '">' +
(posterArtist
? '<p class="pp-poster-credit"><span class="pp-poster-credit-label">Poster art by</span> ' +
escapeHtml(posterArtist) + '</p>'
: '') +
'</div>';
}

// Tickets field is an anchor; surface its href as a poster action.
var actionBits = [];
if (tickets) {
var tmp = document.createElement('div'); tmp.innerHTML = tickets;
var ticketAnchor = tmp.querySelector('a');
if (ticketAnchor && ticketAnchor.href) {
actionBits.push('<a href="' + ticketAnchor.href +
'" target="_blank" rel="noopener">Tickets</a>');
}
}
var actionsHtml = actionBits.length
? '<div class="pp-actions">' + actionBits.join('') + '</div>'
: '';

var statusHtml = status
? '<div class="pp-status is-' + status + '">' + status + '</div>'
: '';

var titleHtml = artists || escapeHtml(title.replace(/^Show:\s*/, ''));

var hero = document.createElement('header');
hero.className = 'show-poster';
hero.innerHTML =
statusHtml +
dateKickerHtml +
kickerHtml +
'<h1 class="pp-title">' + titleHtml + '</h1>' +
venueHtml +
ensembleHtml +
metaHtml +
imageHtml +
actionsHtml;

content.insertBefore(hero, content.firstChild);
infobox.classList.add('is-absorbed');
body.classList.add('has-show-hero');

// ---------- Full-takeover chrome: corner logo + slim topbar ----------
// Only fires when the hero was built (Template:Show present). The CSS
// chrome-hiding rules are gated by .has-show-hero so bare Show: pages
// keep their wiki sidebar; if you want to make those takeover too,
// remove the .has-show-hero gating from the CSS file.
var LOGO_URL = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';

var cornerLogo = document.createElement('a');
cornerLogo.className = 'pp-corner-logo';
cornerLogo.href = '/wiki/Main_Page';
cornerLogo.title = 'PickiPedia home';
cornerLogo.innerHTML = '<img src="' + LOGO_URL + '" alt="PickiPedia">';
body.insertBefore(cornerLogo, body.firstChild);

var topbar = document.createElement('header');
topbar.className = 'pickipedia-show-topbar';
topbar.innerHTML =
'<nav class="pickipedia-show-topbar-left">' +
'<a href="' + mw.util.getUrl('Category:Shows') + '">← All shows</a>' +
'</nav>' +
'<nav class="pickipedia-show-topbar-right">' +
'<a href="' + mw.util.getUrl(pageName, { action: 'edit' }) + '">edit</a>' +
'<a href="' + mw.util.getUrl(pageName, { action: 'history' }) + '">history</a>' +
'<a href="' + mw.util.getUrl('Talk:' + pageName) + '">talk</a>' +
'</nav>';
body.insertBefore(topbar, cornerLogo.nextSibling);

function escapeHtml(s) {
return String(s == null ? '' : s)
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"');
}
}());

Show:JustinHolmes-25254342

2026-06-02T20:38:26Z

JMyles:

{{Show
|artists=Justin Myles Holmes
|venue=The Bundy Museum
|blockheight=25247741
|official_poster=6 5 26 BUNDY POSTER-rev2.png
|poster_artist=Skyler Golden and Justin Myles Holmes
|doors_time=7:00 PM
|show_time=8:00 PM
|price=10
|ages=All ages
}}

{{Ensemble
|Justin Holmes
|Skyler Golden
|Christina Docenko
|Paul Sanna
|Fibonacci Emery Holmes
|title=Justin Myles Holmes and The Immutable String Band
}}

[[Category:Shows]]

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T20:21:55Z

JMyles:

/* ============================================================
* Pickipedia — Show: page styling
*
* Triggers when an article's title starts with "Show:" (legacy
* mainspace convention, not a real namespace). Common.js adds
* .pickipedia-show to body and absorbs Template:Show's infobox
* into a poster-style hero; once absorbed the infobox is hidden.
* Pages without Template:Show still get the setlist typography.
*
* Reuses the same paper/ink palette as .pickipedia-userpost so
* shows and zine posts feel like the same publication.
* ============================================================ */

.pickipedia-show {
--pp-paper: #f5efe4;
--pp-ink: #2b1d12;
--pp-muted: #7a6450;
--pp-rule: #d9cdb8;
--pp-accent: #9a3b1b;
--pp-card: #ede4d2;
--pp-serif: Georgia, "Iowan Old Style", "Charter", "Times New Roman", serif;
--pp-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
--pp-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* ---------- Poster (hero block) ---------- */
.pickipedia-show .show-poster {
background: var(--pp-paper);
color: var(--pp-ink);
padding: 32px 36px 28px;
margin: 0 0 24px;
position: relative;
border: 1px solid var(--pp-rule);
}

.pickipedia-show .show-poster .pp-kicker {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-accent);
margin: 0 0 12px;
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: baseline;
}
.pickipedia-show .show-poster .pp-kicker a {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted currentColor;
}
.pickipedia-show .show-poster .pp-kicker .pp-sep { color: var(--pp-muted); }

.pickipedia-show .show-poster h1.pp-title {
font-family: var(--pp-serif);
font-weight: 700;
font-size: 44px;
line-height: 1.05;
letter-spacing: -0.018em;
margin: 0;
padding: 0;
border: none;
color: var(--pp-ink);
text-wrap: balance;
}

.pickipedia-show .show-poster .pp-venue {
font-family: var(--pp-serif);
font-style: italic;
font-size: 22px;
color: var(--pp-muted);
margin: 10px 0 0;
}
.pickipedia-show .show-poster .pp-venue a { color: inherit; }

.pickipedia-show .show-poster .pp-ensemble {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 14px 0 0;
text-wrap: pretty;
}
.pickipedia-show .show-poster .pp-ensemble .pp-ensemble-label {
color: var(--pp-accent);
margin-right: 8px;
}
.pickipedia-show .show-poster .pp-ensemble .pp-sep { color: var(--pp-rule); margin: 0 4px; }

.pickipedia-show .show-poster .pp-meta {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 16px 0 0;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.pickipedia-show .show-poster .pp-meta .pp-meta-label { opacity: 0.7; margin-right: 4px; }
.pickipedia-show .show-poster .pp-meta .pp-meta-value { color: var(--pp-ink); }

.pickipedia-show .show-poster .pp-image {
margin: 28px 0 0;
}
.pickipedia-show .show-poster .pp-image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border: 1px solid var(--pp-rule);
}
.pickipedia-show .show-poster .pp-poster-credit {
font-family: var(--pp-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 10px 0 0;
text-align: right;
}
.pickipedia-show .show-poster .pp-poster-credit-label {
color: var(--pp-accent);
margin-right: 6px;
}

/* Hide the floated ensemble infoboxes once the hero has absorbed them. */
.pickipedia-show .ensemble-infobox.is-absorbed { display: none; }

.pickipedia-show .show-poster .pp-actions {
margin: 22px 0 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.pickipedia-show .show-poster .pp-actions a {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--pp-paper);
background: var(--pp-accent);
border: 1px solid var(--pp-accent);
padding: 8px 14px;
text-decoration: none;
border-radius: 999px;
}
.pickipedia-show .show-poster .pp-actions a:hover {
background: var(--pp-ink);
border-color: var(--pp-ink);
}

.pickipedia-show .show-poster .pp-status {
position: absolute;
top: 14px;
right: 18px;
font-family: var(--pp-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-muted);
}
.pickipedia-show .show-poster .pp-status.is-verified { color: #228b22; }
.pickipedia-show .show-poster .pp-status.is-proposed { color: #b8860b; }

/* Hide the original infobox once the hero has absorbed its data. */
.pickipedia-show .show-infobox.is-absorbed { display: none; }

/* Hide the slug-style firstHeading only when the hero has been built —
bare Show: pages without Template:Show keep the heading so users
aren't left with an untitled page. */
.pickipedia-show.has-show-hero #firstHeading,
.pickipedia-show.has-show-hero .mw-first-heading { display: none; }

/* ---------- Setlist typography ---------- */
.pickipedia-show .mw-parser-output h2 {
font-family: var(--pp-mono);
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--pp-accent);
border: none;
border-top: 1px solid var(--pp-rule);
margin: 32px 0 14px;
padding-top: 14px;
}
.pickipedia-show .mw-parser-output h2 .mw-editsection {
font-family: var(--pp-sans);
text-transform: none;
letter-spacing: 0;
}

.pickipedia-show .mw-parser-output ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
counter-reset: setlist;
}
.pickipedia-show .mw-parser-output ul li {
font-family: var(--pp-serif);
font-size: 19px;
line-height: 1.5;
padding: 6px 0 6px 40px;
border-bottom: 1px dotted var(--pp-rule);
position: relative;
counter-increment: setlist;
}
.pickipedia-show .mw-parser-output ul li::before {
content: counter(setlist, decimal-leading-zero);
position: absolute;
left: 0;
top: 8px;
font-family: var(--pp-mono);
font-size: 12px;
color: var(--pp-muted);
letter-spacing: 0.05em;
}
.pickipedia-show .mw-parser-output ul li:last-child { border-bottom: none; }

/* Reset counter at every h2 so each set starts at 01. */
.pickipedia-show .mw-parser-output h2 + ul,
.pickipedia-show .mw-parser-output h2 ~ ul:first-of-type { counter-reset: setlist; }

/* ---------- Responsive ---------- */
@media (max-width: 720px) {
.pickipedia-show .show-poster { padding: 22px 18px 18px; }
.pickipedia-show .show-poster h1.pp-title { font-size: 30px; }
.pickipedia-show .show-poster .pp-venue { font-size: 18px; }
.pickipedia-show .mw-parser-output ul li { font-size: 17px; }
}

/* ============================================================
* Full-takeover layout for Show: pages with hero
*
* Only fires when .pickipedia-show AND .has-show-hero (i.e.,
* Template:Show is present). Bare Show: pages keep their wiki
* chrome — the setlist typography from the base section still
* applies.
*
* The DOM additions (corner logo, topbar) are inserted by
* Gadget-pickipedia-show.js. The patterns here mirror what
* .pickipedia-userpost does, so future deduping into a shared
* .pickipedia-publication base class stays straightforward.
* ============================================================ */

.pickipedia-show.has-show-hero {
background: var(--pp-paper) !important;
color: var(--pp-ink);
position: relative;
}

.pickipedia-show.has-show-hero #column-one,
.pickipedia-show.has-show-hero #sidebar,
.pickipedia-show.has-show-hero #mw-panel,
.pickipedia-show.has-show-hero .vector-main-menu-container,
.pickipedia-show.has-show-hero .vector-page-toolbar,
.pickipedia-show.has-show-hero #mw-navigation .portal,
.pickipedia-show.has-show-hero .mw-sidebar-container,
.pickipedia-show.has-show-hero #p-views,
.pickipedia-show.has-show-hero #p-cactions,
.pickipedia-show.has-show-hero #p-cactions-mobile,
.pickipedia-show.has-show-hero #p-personal,
.pickipedia-show.has-show-hero #p-logo,
.pickipedia-show.has-show-hero .vector-page-tools,
.pickipedia-show.has-show-hero .mw-footer,
.pickipedia-show.has-show-hero #footer,
.pickipedia-show.has-show-hero .printfooter,
.pickipedia-show.has-show-hero .catlinks,
.pickipedia-show.has-show-hero .mw-indicators,
.pickipedia-show.has-show-hero #siteSub,
.pickipedia-show.has-show-hero #contentSub,
.pickipedia-show.has-show-hero .subpages,
.pickipedia-show.has-show-hero #jump-to-nav,
.pickipedia-show.has-show-hero .mw-jump-link {
display: none !important;
}

.pickipedia-show.has-show-hero #globalWrapper,
.pickipedia-show.has-show-hero #column-content,
.pickipedia-show.has-show-hero .monobook-body {
float: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
background: transparent !important;
}

.pickipedia-show.has-show-hero #content,
.pickipedia-show.has-show-hero .mw-body,
.pickipedia-show.has-show-hero #bodyContent,
.pickipedia-show.has-show-hero .mw-content-container {
background: var(--pp-paper) !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
color: var(--pp-ink);
}

/* ---------- Corner logo ---------- */
.pickipedia-show.has-show-hero .pp-corner-logo {
position: absolute;
top: 0;
left: 0;
width: clamp(60px, 9vw, 130px);
z-index: 5;
display: block;
text-decoration: none;
}
.pickipedia-show.has-show-hero .pp-corner-logo img {
display: block;
width: 100%;
height: auto;
}

/* ---------- Topbar ---------- */
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
position: static;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 24px;
background: transparent;
font-family: var(--pp-mono);
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar-left,
.pickipedia-show.has-show-hero .pickipedia-show-topbar-right {
display: flex;
gap: 16px;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a {
color: var(--pp-muted);
text-decoration: none;
border-bottom: 1px dotted currentColor;
padding-bottom: 1px;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a:hover { color: var(--pp-accent); }

/* ---------- Centered content column ---------- */
.pickipedia-show.has-show-hero .mw-parser-output {
max-width: 720px;
margin: 0 auto;
padding: 8px 24px 80px;
font-family: var(--pp-serif);
color: var(--pp-ink);
font-size: 18px;
line-height: 1.55;
}
.pickipedia-show.has-show-hero .mw-parser-output > p {
text-wrap: pretty;
margin: 0 0 22px;
}
.pickipedia-show.has-show-hero .mw-parser-output a {
color: var(--pp-ink);
text-decoration: none;
background-image: linear-gradient(var(--pp-accent), var(--pp-accent));
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: 0 100%;
padding-bottom: 1px;
transition: color .15s;
}
.pickipedia-show.has-show-hero .mw-parser-output a:hover { color: var(--pp-accent); }
.pickipedia-show.has-show-hero .mw-parser-output a.new {
color: var(--pp-muted);
background-image: linear-gradient(var(--pp-muted), var(--pp-muted));
font-style: italic;
}

/* Setlist links shouldn't get the body-paragraph underline treatment —
* they live inside numbered list items and already get serif styling. */
.pickipedia-show.has-show-hero .mw-parser-output ul li a {
background-image: none;
padding-bottom: 0;
}

/* ---------- Responsive ---------- */
@media (min-width: 720px) and (max-width: 1100px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
margin-left: 160px;
margin-right: 24px;
}
}

@media (max-width: 720px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
padding-left: max(24px, calc(9vw + 24px));
padding-right: 24px;
}
}

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T20:21:39Z

JMyles:

/**
* Pickipedia — Show: page hero.
*
* For mainspace pages whose title starts with "Show:" (the legacy
* mainspace convention used pre-namespace), adds .pickipedia-show
* to body and absorbs Template:Show's infobox into a poster-style
* hero. If the page does not use Template:Show only the body class
* is added — the setlist typography in Common.css still applies.
*/
(function () {
'use strict';

if (typeof mw === 'undefined' || !mw.config) return;

var nsNumber = mw.config.get('wgNamespaceNumber');
var title = mw.config.get('wgTitle') || '';
var pageName = mw.config.get('wgPageName') || '';
var action = mw.config.get('wgAction') || 'view';

if (nsNumber !== 0) return;
if (action !== 'view') return;
if (title.indexOf('Show:') !== 0) return;

var body = document.body;
body.classList.add('pickipedia-show');

var content = document.querySelector('.mw-parser-output');
if (!content) return;

var infobox = content.querySelector('.show-infobox');
if (!infobox) return; // Bare show page — body class only.

// ---------- Pull fields out of the existing infobox ----------
// Template:Show emits rows of <div><strong>Label:</strong> value</div>
// plus a top banner with "Artists at Venue" and optional image.
function fieldValue(label) {
var rows = infobox.querySelectorAll('div');
for (var i = 0; i < rows.length; i++) {
var s = rows[i].querySelector('strong');
if (!s) continue;
var labelText = s.textContent.replace(/[:\s]*$/, '').trim();
if (labelText !== label) continue;
var clone = rows[i].cloneNode(true);
var strong = clone.querySelector('strong');
if (strong) strong.remove();
return clone.innerHTML.trim().replace(/^[\s:]+/, '');
}
return '';
}

var artists = fieldValue('Artists');
var venue = fieldValue('Venue');
var showtime = fieldValue('Showtime');
var doors = fieldValue('Doors');
var show = fieldValue('Show');
var posterArtist = fieldValue('Poster art');
var tickets = fieldValue('Tickets');
var price = fieldValue('Price');
var ages = fieldValue('Ages');

var imageImg = infobox.querySelector('img');

var status = '';
if (infobox.classList.contains('show-verified')) status = 'verified';
else if (infobox.classList.contains('bot-proposal')) status = 'proposed';
else if (infobox.classList.contains('show-unverified')) status = 'unverified';

// ---------- Build the poster hero ----------
// Showtime is rendered by Template:Show as
// [https://etherscan.io/block/N N] — pull the block number out and
// format it with commas so the kicker reads "BLOCK 24,144,194".
function formatShowtime(htmlIn) {
if (!htmlIn) return '';
var tmp = document.createElement('div');
tmp.innerHTML = htmlIn;
var anchor = tmp.querySelector('a');
var blockNum = (anchor ? anchor.textContent : tmp.textContent).trim();
var asInt = parseInt(blockNum.replace(/[^\d]/g, ''), 10);
if (isNaN(asInt)) return blockNum;
var formatted = asInt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
var href = anchor ? anchor.href : '';
if (href) {
return '<a href="' + href + '" target="_blank" rel="noopener">Block ' + formatted + '</a>';
}
return 'Block ' + formatted;
}

var kickerBits = [];
var showtimeHtml = formatShowtime(showtime);
if (showtimeHtml) kickerBits.push(showtimeHtml);
if (doors) kickerBits.push('Doors ' + doors);
if (show) kickerBits.push('Show ' + show);

var kickerHtml = kickerBits.length
? '<div class="pp-kicker">' + kickerBits.join('<span class="pp-sep">·</span>') + '</div>'
: '';

var venueHtml = venue ? '<p class="pp-venue">at ' + venue + '</p>' : '';

// Ensembles: find every Template:Ensemble block on the page. Each renders
// as a .ensemble-infobox with a colored header div (the band title) and
// a body div with one musician per line (via Template:m). Multiple
// ensembles per page are common — headliner + opener(s) + sit-ins.
var ensembleBlocks = content.querySelectorAll('.ensemble-infobox');
var ensembleHtml = '';
ensembleBlocks.forEach(function (eb) {
// Header div carries the band name (or default "Ensemble").
var bandName = '';
var headerEl = eb.querySelector('div:first-child');
if (headerEl) bandName = headerEl.textContent.trim();

// Member list: the second-child div has musicians separated by <br>.
var listEl = eb.querySelector('div:nth-child(2)');
if (!listEl) return;
// Each "row" is text between <br>s; pull text content and split.
var raw = listEl.innerHTML
.split(/<br\s*\/?>/i)
.map(function (chunk) {
var tmp = document.createElement('div');
tmp.innerHTML = chunk;
return tmp.textContent.trim();
})
.filter(Boolean);
if (!raw.length) return;

var labelHtml = bandName && bandName.toLowerCase() !== 'ensemble'
? '<span class="pp-ensemble-label">' + escapeHtml(bandName) + '</span>'
: '<span class="pp-ensemble-label">Featuring</span>';
ensembleHtml += '<p class="pp-ensemble">' + labelHtml + ' ' +
raw.map(escapeHtml).join(' <span class="pp-sep">·</span> ') + '</p>';

eb.classList.add('is-absorbed');
});

var metaBits = [];
if (price)
metaBits.push('<span><span class="pp-meta-label">Price</span><span class="pp-meta-value">$' +
escapeHtml(price.replace(/^\$/, '')) + '</span></span>');
if (ages)
metaBits.push('<span><span class="pp-meta-label">Ages</span><span class="pp-meta-value">' +
ages + '</span></span>');
var metaHtml = metaBits.length
? '<div class="pp-meta">' + metaBits.join('') + '</div>'
: '';

// Upgrade the poster thumbnail: Template:Show renders [[File:foo|220px]]
// which gives us /images/thumb/.../220px-foo.png. We replace the 220px
// segment with 800px to request a larger thumbnail; CSS scales it to
// fit the card. If the URL doesn't match the thumb pattern (e.g. SVG,
// or non-thumbnailed file), we just use the original src.
var imageHtml = '';
if (imageImg) {
var bigSrc = imageImg.src.replace(/\/(\d+)px-/, '/800px-');
imageHtml = '<div class="pp-image"><img src="' + bigSrc +
'" alt="' + escapeHtml(imageImg.alt || '') + '">' +
(posterArtist
? '<p class="pp-poster-credit"><span class="pp-poster-credit-label">Poster art by</span> ' +
escapeHtml(posterArtist) + '</p>'
: '') +
'</div>';
}

// Tickets field is an anchor; surface its href as a poster action.
var actionBits = [];
if (tickets) {
var tmp = document.createElement('div'); tmp.innerHTML = tickets;
var ticketAnchor = tmp.querySelector('a');
if (ticketAnchor && ticketAnchor.href) {
actionBits.push('<a href="' + ticketAnchor.href +
'" target="_blank" rel="noopener">Tickets</a>');
}
}
var actionsHtml = actionBits.length
? '<div class="pp-actions">' + actionBits.join('') + '</div>'
: '';

var statusHtml = status
? '<div class="pp-status is-' + status + '">' + status + '</div>'
: '';

var titleHtml = artists || escapeHtml(title.replace(/^Show:\s*/, ''));

var hero = document.createElement('header');
hero.className = 'show-poster';
hero.innerHTML =
statusHtml +
kickerHtml +
'<h1 class="pp-title">' + titleHtml + '</h1>' +
venueHtml +
ensembleHtml +
metaHtml +
imageHtml +
actionsHtml;

content.insertBefore(hero, content.firstChild);
infobox.classList.add('is-absorbed');
body.classList.add('has-show-hero');

// ---------- Full-takeover chrome: corner logo + slim topbar ----------
// Only fires when the hero was built (Template:Show present). The CSS
// chrome-hiding rules are gated by .has-show-hero so bare Show: pages
// keep their wiki sidebar; if you want to make those takeover too,
// remove the .has-show-hero gating from the CSS file.
var LOGO_URL = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';

var cornerLogo = document.createElement('a');
cornerLogo.className = 'pp-corner-logo';
cornerLogo.href = '/wiki/Main_Page';
cornerLogo.title = 'PickiPedia home';
cornerLogo.innerHTML = '<img src="' + LOGO_URL + '" alt="PickiPedia">';
body.insertBefore(cornerLogo, body.firstChild);

var topbar = document.createElement('header');
topbar.className = 'pickipedia-show-topbar';
topbar.innerHTML =
'<nav class="pickipedia-show-topbar-left">' +
'<a href="' + mw.util.getUrl('Category:Shows') + '">← All shows</a>' +
'</nav>' +
'<nav class="pickipedia-show-topbar-right">' +
'<a href="' + mw.util.getUrl(pageName, { action: 'edit' }) + '">edit</a>' +
'<a href="' + mw.util.getUrl(pageName, { action: 'history' }) + '">history</a>' +
'<a href="' + mw.util.getUrl('Talk:' + pageName) + '">talk</a>' +
'</nav>';
body.insertBefore(topbar, cornerLogo.nextSibling);

function escapeHtml(s) {
return String(s == null ? '' : s)
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"');
}
}());

Paul Sanna

2026-06-02T20:15:51Z

JMyles: Created page with "{{MusicianInfo |name=Paul Sanna |show_instrument=banjo |scene=Upstate NY }}"

{{MusicianInfo
|name=Paul Sanna
|show_instrument=banjo
|scene=Upstate NY
}}

Christina Docenko

2026-06-02T20:15:31Z

JMyles: Created page with "{{MusicianInfo |name=Christina Docenko |show_instrument=fiddle |scene=Upstate NY }}"

{{MusicianInfo
|name=Christina Docenko
|show_instrument=fiddle
|scene=Upstate NY
}}

Show:JustinHolmes-25254342

2026-06-02T20:10:06Z

JMyles:

{{Show
|artists=Justin Holmes & The Cryptograss Conspiracy
|venue=The Cider Mill Stage
|blockheight=25255000
|official_poster=6 5 26 BUNDY POSTER-rev2.png
|doors_time=7:30 PM
|show_time=8:00 PM
|ensemble=Justin Holmes; Sky Stewart; TBD; TBD
|status=proposed
|by=Magent
|source=in-conversation with Justin at Old Barn Market, Binghamton, 2026-06-02
|description=Friday-night bluegrass set in Binghamton — two sets with a PickiPedia Dispatch Live segment between
|tickets=https://example.com/tickets-PLACEHOLDER
|price=15
|ages=All ages
}}

A Friday-night [[bluegrass]] show in Binghamton, NY. Two sets plus a break, with the [[PickiPedia]] Dispatch Live segment between sets. Placeholder details — '''Justin to correct venue, blockheight, lineup, poster, tickets URL, and price before show.'''

==Set 0==
* TBD
* TBD
* TBD
* TBD

==Break==
* PickiPedia Dispatch Live

==Set 1==
* TBD
* TBD
* TBD
* TBD

[[Category:Shows]]

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T20:08:53Z

JMyles:

/**
* Pickipedia — Show: page hero.
*
* For mainspace pages whose title starts with "Show:" (the legacy
* mainspace convention used pre-namespace), adds .pickipedia-show
* to body and absorbs Template:Show's infobox into a poster-style
* hero. If the page does not use Template:Show only the body class
* is added — the setlist typography in Common.css still applies.
*/
(function () {
'use strict';

if (typeof mw === 'undefined' || !mw.config) return;

var nsNumber = mw.config.get('wgNamespaceNumber');
var title = mw.config.get('wgTitle') || '';
var pageName = mw.config.get('wgPageName') || '';
var action = mw.config.get('wgAction') || 'view';

if (nsNumber !== 0) return;
if (action !== 'view') return;
if (title.indexOf('Show:') !== 0) return;

var body = document.body;
body.classList.add('pickipedia-show');

var content = document.querySelector('.mw-parser-output');
if (!content) return;

var infobox = content.querySelector('.show-infobox');
if (!infobox) return; // Bare show page — body class only.

// ---------- Pull fields out of the existing infobox ----------
// Template:Show emits rows of <div><strong>Label:</strong> value</div>
// plus a top banner with "Artists at Venue" and optional image.
function fieldValue(label) {
var rows = infobox.querySelectorAll('div');
for (var i = 0; i < rows.length; i++) {
var s = rows[i].querySelector('strong');
if (!s) continue;
var labelText = s.textContent.replace(/[:\s]*$/, '').trim();
if (labelText !== label) continue;
var clone = rows[i].cloneNode(true);
var strong = clone.querySelector('strong');
if (strong) strong.remove();
return clone.innerHTML.trim().replace(/^[\s:]+/, '');
}
return '';
}

var artists = fieldValue('Artists');
var venue = fieldValue('Venue');
var showtime = fieldValue('Showtime');
var doors = fieldValue('Doors');
var show = fieldValue('Show');
var ensemble = fieldValue('Ensemble');
var tickets = fieldValue('Tickets');
var price = fieldValue('Price');
var ages = fieldValue('Ages');

var imageImg = infobox.querySelector('img');

var status = '';
if (infobox.classList.contains('show-verified')) status = 'verified';
else if (infobox.classList.contains('bot-proposal')) status = 'proposed';
else if (infobox.classList.contains('show-unverified')) status = 'unverified';

// ---------- Build the poster hero ----------
// Showtime is rendered by Template:Show as
// [https://etherscan.io/block/N N] — pull the block number out and
// format it with commas so the kicker reads "BLOCK 24,144,194".
function formatShowtime(htmlIn) {
if (!htmlIn) return '';
var tmp = document.createElement('div');
tmp.innerHTML = htmlIn;
var anchor = tmp.querySelector('a');
var blockNum = (anchor ? anchor.textContent : tmp.textContent).trim();
var asInt = parseInt(blockNum.replace(/[^\d]/g, ''), 10);
if (isNaN(asInt)) return blockNum;
var formatted = asInt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
var href = anchor ? anchor.href : '';
if (href) {
return '<a href="' + href + '" target="_blank" rel="noopener">Block ' + formatted + '</a>';
}
return 'Block ' + formatted;
}

var kickerBits = [];
var showtimeHtml = formatShowtime(showtime);
if (showtimeHtml) kickerBits.push(showtimeHtml);
if (doors) kickerBits.push('Doors ' + doors);
if (show) kickerBits.push('Show ' + show);

var kickerHtml = kickerBits.length
? '<div class="pp-kicker">' + kickerBits.join('<span class="pp-sep">·</span>') + '</div>'
: '';

var venueHtml = venue ? '<p class="pp-venue">at ' + venue + '</p>' : '';

// Ensemble: comma-separated list from Template:Show. Split on commas to
// render each name with an interpunct separator, matching the kicker style.
var ensembleHtml = '';
if (ensemble) {
var names = ensemble.split(/\s*,\s*/).filter(Boolean);
if (names.length) {
ensembleHtml = '<p class="pp-ensemble"><span class="pp-ensemble-label">Featuring</span> ' +
names.join(' <span class="pp-sep">·</span> ') + '</p>';
}
}

var metaBits = [];
if (price)
metaBits.push('<span><span class="pp-meta-label">Price</span><span class="pp-meta-value">$' +
escapeHtml(price.replace(/^\$/, '')) + '</span></span>');
if (ages)
metaBits.push('<span><span class="pp-meta-label">Ages</span><span class="pp-meta-value">' +
ages + '</span></span>');
var metaHtml = metaBits.length
? '<div class="pp-meta">' + metaBits.join('') + '</div>'
: '';

var imageHtml = '';
if (imageImg) {
imageHtml = '<div class="pp-image"><img src="' + imageImg.src +
'" alt="' + escapeHtml(imageImg.alt || '') + '"></div>';
}

// Tickets field is an anchor; surface its href as a poster action.
var actionBits = [];
if (tickets) {
var tmp = document.createElement('div'); tmp.innerHTML = tickets;
var ticketAnchor = tmp.querySelector('a');
if (ticketAnchor && ticketAnchor.href) {
actionBits.push('<a href="' + ticketAnchor.href +
'" target="_blank" rel="noopener">Tickets</a>');
}
}
var actionsHtml = actionBits.length
? '<div class="pp-actions">' + actionBits.join('') + '</div>'
: '';

var statusHtml = status
? '<div class="pp-status is-' + status + '">' + status + '</div>'
: '';

var titleHtml = artists || escapeHtml(title.replace(/^Show:\s*/, ''));

var hero = document.createElement('header');
hero.className = 'show-poster';
hero.innerHTML =
statusHtml +
kickerHtml +
'<h1 class="pp-title">' + titleHtml + '</h1>' +
venueHtml +
ensembleHtml +
metaHtml +
imageHtml +
actionsHtml;

content.insertBefore(hero, content.firstChild);
infobox.classList.add('is-absorbed');
body.classList.add('has-show-hero');

// ---------- Full-takeover chrome: corner logo + slim topbar ----------
// Only fires when the hero was built (Template:Show present). The CSS
// chrome-hiding rules are gated by .has-show-hero so bare Show: pages
// keep their wiki sidebar; if you want to make those takeover too,
// remove the .has-show-hero gating from the CSS file.
var LOGO_URL = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';

var cornerLogo = document.createElement('a');
cornerLogo.className = 'pp-corner-logo';
cornerLogo.href = '/wiki/Main_Page';
cornerLogo.title = 'PickiPedia home';
cornerLogo.innerHTML = '<img src="' + LOGO_URL + '" alt="PickiPedia">';
body.insertBefore(cornerLogo, body.firstChild);

var topbar = document.createElement('header');
topbar.className = 'pickipedia-show-topbar';
topbar.innerHTML =
'<nav class="pickipedia-show-topbar-left">' +
'<a href="' + mw.util.getUrl('Category:Shows') + '">← All shows</a>' +
'</nav>' +
'<nav class="pickipedia-show-topbar-right">' +
'<a href="' + mw.util.getUrl(pageName, { action: 'edit' }) + '">edit</a>' +
'<a href="' + mw.util.getUrl(pageName, { action: 'history' }) + '">history</a>' +
'<a href="' + mw.util.getUrl('Talk:' + pageName) + '">talk</a>' +
'</nav>';
body.insertBefore(topbar, cornerLogo.nextSibling);

function escapeHtml(s) {
return String(s == null ? '' : s)
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"');
}
}());

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T20:08:17Z

JMyles:

/* ============================================================
* Pickipedia — Show: page styling
*
* Triggers when an article's title starts with "Show:" (legacy
* mainspace convention, not a real namespace). Common.js adds
* .pickipedia-show to body and absorbs Template:Show's infobox
* into a poster-style hero; once absorbed the infobox is hidden.
* Pages without Template:Show still get the setlist typography.
*
* Reuses the same paper/ink palette as .pickipedia-userpost so
* shows and zine posts feel like the same publication.
* ============================================================ */

.pickipedia-show {
--pp-paper: #f5efe4;
--pp-ink: #2b1d12;
--pp-muted: #7a6450;
--pp-rule: #d9cdb8;
--pp-accent: #9a3b1b;
--pp-card: #ede4d2;
--pp-serif: Georgia, "Iowan Old Style", "Charter", "Times New Roman", serif;
--pp-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
--pp-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* ---------- Poster (hero block) ---------- */
.pickipedia-show .show-poster {
background: var(--pp-paper);
color: var(--pp-ink);
padding: 32px 36px 28px;
margin: 0 0 24px;
position: relative;
border: 1px solid var(--pp-rule);
}

.pickipedia-show .show-poster .pp-kicker {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-accent);
margin: 0 0 12px;
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: baseline;
}
.pickipedia-show .show-poster .pp-kicker a {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted currentColor;
}
.pickipedia-show .show-poster .pp-kicker .pp-sep { color: var(--pp-muted); }

.pickipedia-show .show-poster h1.pp-title {
font-family: var(--pp-serif);
font-weight: 700;
font-size: 44px;
line-height: 1.05;
letter-spacing: -0.018em;
margin: 0;
padding: 0;
border: none;
color: var(--pp-ink);
text-wrap: balance;
}

.pickipedia-show .show-poster .pp-venue {
font-family: var(--pp-serif);
font-style: italic;
font-size: 22px;
color: var(--pp-muted);
margin: 10px 0 0;
}
.pickipedia-show .show-poster .pp-venue a { color: inherit; }

.pickipedia-show .show-poster .pp-ensemble {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 14px 0 0;
text-wrap: pretty;
}
.pickipedia-show .show-poster .pp-ensemble .pp-ensemble-label {
color: var(--pp-accent);
margin-right: 8px;
}
.pickipedia-show .show-poster .pp-ensemble .pp-sep { color: var(--pp-rule); margin: 0 4px; }

.pickipedia-show .show-poster .pp-meta {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--pp-muted);
margin: 16px 0 0;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.pickipedia-show .show-poster .pp-meta .pp-meta-label { opacity: 0.7; margin-right: 4px; }
.pickipedia-show .show-poster .pp-meta .pp-meta-value { color: var(--pp-ink); }

.pickipedia-show .show-poster .pp-image { margin: 22px 0 0; }
.pickipedia-show .show-poster .pp-image img {
display: block;
max-width: 100%;
height: auto;
border: 1px solid var(--pp-rule);
}

.pickipedia-show .show-poster .pp-actions {
margin: 22px 0 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.pickipedia-show .show-poster .pp-actions a {
font-family: var(--pp-mono);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--pp-paper);
background: var(--pp-accent);
border: 1px solid var(--pp-accent);
padding: 8px 14px;
text-decoration: none;
border-radius: 999px;
}
.pickipedia-show .show-poster .pp-actions a:hover {
background: var(--pp-ink);
border-color: var(--pp-ink);
}

.pickipedia-show .show-poster .pp-status {
position: absolute;
top: 14px;
right: 18px;
font-family: var(--pp-mono);
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--pp-muted);
}
.pickipedia-show .show-poster .pp-status.is-verified { color: #228b22; }
.pickipedia-show .show-poster .pp-status.is-proposed { color: #b8860b; }

/* Hide the original infobox once the hero has absorbed its data. */
.pickipedia-show .show-infobox.is-absorbed { display: none; }

/* Hide the slug-style firstHeading only when the hero has been built —
bare Show: pages without Template:Show keep the heading so users
aren't left with an untitled page. */
.pickipedia-show.has-show-hero #firstHeading,
.pickipedia-show.has-show-hero .mw-first-heading { display: none; }

/* ---------- Setlist typography ---------- */
.pickipedia-show .mw-parser-output h2 {
font-family: var(--pp-mono);
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--pp-accent);
border: none;
border-top: 1px solid var(--pp-rule);
margin: 32px 0 14px;
padding-top: 14px;
}
.pickipedia-show .mw-parser-output h2 .mw-editsection {
font-family: var(--pp-sans);
text-transform: none;
letter-spacing: 0;
}

.pickipedia-show .mw-parser-output ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
counter-reset: setlist;
}
.pickipedia-show .mw-parser-output ul li {
font-family: var(--pp-serif);
font-size: 19px;
line-height: 1.5;
padding: 6px 0 6px 40px;
border-bottom: 1px dotted var(--pp-rule);
position: relative;
counter-increment: setlist;
}
.pickipedia-show .mw-parser-output ul li::before {
content: counter(setlist, decimal-leading-zero);
position: absolute;
left: 0;
top: 8px;
font-family: var(--pp-mono);
font-size: 12px;
color: var(--pp-muted);
letter-spacing: 0.05em;
}
.pickipedia-show .mw-parser-output ul li:last-child { border-bottom: none; }

/* Reset counter at every h2 so each set starts at 01. */
.pickipedia-show .mw-parser-output h2 + ul,
.pickipedia-show .mw-parser-output h2 ~ ul:first-of-type { counter-reset: setlist; }

/* ---------- Responsive ---------- */
@media (max-width: 720px) {
.pickipedia-show .show-poster { padding: 22px 18px 18px; }
.pickipedia-show .show-poster h1.pp-title { font-size: 30px; }
.pickipedia-show .show-poster .pp-venue { font-size: 18px; }
.pickipedia-show .mw-parser-output ul li { font-size: 17px; }
}

/* ============================================================
* Full-takeover layout for Show: pages with hero
*
* Only fires when .pickipedia-show AND .has-show-hero (i.e.,
* Template:Show is present). Bare Show: pages keep their wiki
* chrome — the setlist typography from the base section still
* applies.
*
* The DOM additions (corner logo, topbar) are inserted by
* Gadget-pickipedia-show.js. The patterns here mirror what
* .pickipedia-userpost does, so future deduping into a shared
* .pickipedia-publication base class stays straightforward.
* ============================================================ */

.pickipedia-show.has-show-hero {
background: var(--pp-paper) !important;
color: var(--pp-ink);
position: relative;
}

.pickipedia-show.has-show-hero #column-one,
.pickipedia-show.has-show-hero #sidebar,
.pickipedia-show.has-show-hero #mw-panel,
.pickipedia-show.has-show-hero .vector-main-menu-container,
.pickipedia-show.has-show-hero .vector-page-toolbar,
.pickipedia-show.has-show-hero #mw-navigation .portal,
.pickipedia-show.has-show-hero .mw-sidebar-container,
.pickipedia-show.has-show-hero #p-views,
.pickipedia-show.has-show-hero #p-cactions,
.pickipedia-show.has-show-hero #p-cactions-mobile,
.pickipedia-show.has-show-hero #p-personal,
.pickipedia-show.has-show-hero #p-logo,
.pickipedia-show.has-show-hero .vector-page-tools,
.pickipedia-show.has-show-hero .mw-footer,
.pickipedia-show.has-show-hero #footer,
.pickipedia-show.has-show-hero .printfooter,
.pickipedia-show.has-show-hero .catlinks,
.pickipedia-show.has-show-hero .mw-indicators,
.pickipedia-show.has-show-hero #siteSub,
.pickipedia-show.has-show-hero #contentSub,
.pickipedia-show.has-show-hero .subpages,
.pickipedia-show.has-show-hero #jump-to-nav,
.pickipedia-show.has-show-hero .mw-jump-link {
display: none !important;
}

.pickipedia-show.has-show-hero #globalWrapper,
.pickipedia-show.has-show-hero #column-content,
.pickipedia-show.has-show-hero .monobook-body {
float: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
background: transparent !important;
}

.pickipedia-show.has-show-hero #content,
.pickipedia-show.has-show-hero .mw-body,
.pickipedia-show.has-show-hero #bodyContent,
.pickipedia-show.has-show-hero .mw-content-container {
background: var(--pp-paper) !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
color: var(--pp-ink);
}

/* ---------- Corner logo ---------- */
.pickipedia-show.has-show-hero .pp-corner-logo {
position: absolute;
top: 0;
left: 0;
width: clamp(60px, 9vw, 130px);
z-index: 5;
display: block;
text-decoration: none;
}
.pickipedia-show.has-show-hero .pp-corner-logo img {
display: block;
width: 100%;
height: auto;
}

/* ---------- Topbar ---------- */
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
position: static;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 24px;
background: transparent;
font-family: var(--pp-mono);
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar-left,
.pickipedia-show.has-show-hero .pickipedia-show-topbar-right {
display: flex;
gap: 16px;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a {
color: var(--pp-muted);
text-decoration: none;
border-bottom: 1px dotted currentColor;
padding-bottom: 1px;
}
.pickipedia-show.has-show-hero .pickipedia-show-topbar a:hover { color: var(--pp-accent); }

/* ---------- Centered content column ---------- */
.pickipedia-show.has-show-hero .mw-parser-output {
max-width: 720px;
margin: 0 auto;
padding: 8px 24px 80px;
font-family: var(--pp-serif);
color: var(--pp-ink);
font-size: 18px;
line-height: 1.55;
}
.pickipedia-show.has-show-hero .mw-parser-output > p {
text-wrap: pretty;
margin: 0 0 22px;
}
.pickipedia-show.has-show-hero .mw-parser-output a {
color: var(--pp-ink);
text-decoration: none;
background-image: linear-gradient(var(--pp-accent), var(--pp-accent));
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: 0 100%;
padding-bottom: 1px;
transition: color .15s;
}
.pickipedia-show.has-show-hero .mw-parser-output a:hover { color: var(--pp-accent); }
.pickipedia-show.has-show-hero .mw-parser-output a.new {
color: var(--pp-muted);
background-image: linear-gradient(var(--pp-muted), var(--pp-muted));
font-style: italic;
}

/* Setlist links shouldn't get the body-paragraph underline treatment —
* they live inside numbered list items and already get serif styling. */
.pickipedia-show.has-show-hero .mw-parser-output ul li a {
background-image: none;
padding-bottom: 0;
}

/* ---------- Responsive ---------- */
@media (min-width: 720px) and (max-width: 1100px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
margin-left: 160px;
margin-right: 24px;
}
}

@media (max-width: 720px) {
.pickipedia-show.has-show-hero .mw-parser-output,
.pickipedia-show.has-show-hero .pickipedia-show-topbar {
padding-left: max(24px, calc(9vw + 24px));
padding-right: 24px;
}
}

MediaWiki:Gadgets-definition

2026-06-02T20:07:37Z

JMyles:

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T19:56:08Z

JMyles:

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T19:55:40Z

JMyles:

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T19:23:23Z

JMyles: Created page with "/* ============================================================ * Pickipedia — Show: page styling * * Triggers when an article's title starts with "Show:" (legacy * mainspace convention, not a real namespace). Common.js adds * .pickipedia-show to body and absorbs Template:Show's infobox * into a poster-style hero; once absorbed the infobox is hidden. * Pages without Template:Show still get the setlist typography. * * Reuses the same paper/ink palette as .picki..."

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T19:22:47Z

JMyles: Created page with "/** * Pickipedia — Show: page hero. * * For mainspace pages whose title starts with "Show:" (the legacy * mainspace convention used pre-namespace), adds .pickipedia-show * to body and absorbs Template:Show's infobox into a poster-style * hero. If the page does not use Template:Show only the body class * is added — the setlist typography in Common.css still applies. */ (function () { 'use strict'; if (typeof mw === 'undefined' || !mw.config) return; va..."

MediaWiki:Gadgets-definition

2026-06-02T19:22:15Z

JMyles:

ReleaseDraft:664c391a-b0f1-4628-b3d7-d593fdab5157

2026-06-01T17:07:25Z

JMyles: Transcoding submitted: job coconut-1780333643-96432

draft_id: 664c391a-b0f1-4628-b3d7-d593fdab5157
type: video
source: special-deliver-video
commit: 2391c41
uploader: JMyles
blockheight: null
upload_blockheight: 25295449
content:
title: learning terrapin outside Denver venue
description: ""
file_type: ""
venue: ""
performers:
files:
-
original_filename: learning-terrapin.mp4
media_type: video
format: MP4
duration_seconds: 56.98
width: 1920
height: 1080
size_bytes: 22225785