PickiPedia - User contributions [en]

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

ReleaseDraft:112de224-050d-4374-988f-4280424e2293

2026-06-01T15:40:41Z

JMyles: Finalized: pinned to IPFS as QmRBbLmCUXHnM9yNULbzduAiDJM87yoSUrJpuaHZkvqdXY

draft_id: 112de224-050d-4374-988f-4280424e2293
type: blue-railroad
source: special-deliver-blue-railroad
commit: a31a4d5
uploader: JMyles
blockheight: 20839779
upload_blockheight: 25295570
status: finalized
final_cid: QmRBbLmCUXHnM9yNULbzduAiDJM87yoSUrJpuaHZkvqdXY
finalized_at: "2026-06-01T15:40:41.274Z"
content:
exercise: Nine Pound Hammer (Pushups)
file_type: video
files:
-
original_filename: PXL_20240928_000358640.mp4
media_type: video
format: MP4
duration_seconds: 27.625556
width: 1920
height: 1080
size_bytes: 70940322

ReleaseDraft:112de224-050d-4374-988f-4280424e2293

2026-06-01T14:06:07Z

JMyles: Re-upload: Nine Pound Hammer (Pushups)

draft_id: 112de224-050d-4374-988f-4280424e2293
type: blue-railroad
source: special-deliver-blue-railroad
commit: a31a4d5
uploader: JMyles
blockheight: 20839779
upload_blockheight: 25295570
content:
exercise: Nine Pound Hammer (Pushups)
file_type: video
files:
-
original_filename: PXL_20240928_000358640.mp4
media_type: video
format: MP4
duration_seconds: 27.625556
width: 1920
height: 1080
video_codec: H.265
audio_codec: AAC
size_bytes: 70940322

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

2026-06-01T13:35:03Z

JMyles: Re-upload: 1 file(s) uploaded

Cryptograss

2026-06-01T02:42:24Z

JMyles: /* Current Sprint */

Cryptograss is a [[Will-One-Day-Be-A-DAO]] focused on building pro-human (as distinct from [[User:JMyles/The Algorithm and The Muse|anti-AI]]) tools for release, distribution, publication, and monetization of straight-to-public-domain music.

All Cryptograss tech is open source and written by musicians and serious music fans - none of the work is outsourced to engineering firms.

==Cryptograsss Toolchain==
* [[Revealer]] - the first cryptograss tool, Revealer can automatically release a record or other project after a contribution goal is met onchain.

* [[Chartifacts]] - a protocol for tokenizing the paper charts used at studio recording sessions, and making their metadata available to to other tools.

* [[PickiPedia:About|PickiPedia]] - a wiki for both structured and unstructured knowledge about bluegrass, old time, and other traditional public domain music.

* [[The Oracle of Bluegrass Bacon]] - (named after [https://www.oracleofbacon.org/ The Oracle of Bacon], which is in turn named after [[WikiPedia:Six Degrees of Kevin Bacon|The Six Degrees of Kevin Bacon]], which is turn is named after [[Wikipedia:Six degrees of separation|The Six Degrees of Separation]]) - a database and query tool for examining the connections between pickers, albums, and shows in [[the traditional music connectome]].

* [[Set Stones]] / [[Ticket Stubs]] - the primary live show merch, these are mintable only by show attendees and are displayed throughout the Cryptograss ecosystem anywhere the show is used as a vector to connect musicians or songs.

* [[Rabbithole Player]] - a music player designed to use Chartifacts and The Oracle of Bluegrass Bacon to allow listeners to follow "rabbit holes" of particular pickers, records, shows, instrument makers, and other recording metadata.

* [[Blue Railroad Train Squats]] - a series of NFTs which are manually awarded to people when they submit a video of themselves performing squats to [[Tony Rice]]'s recording of [[Blue Railroad Train]] from his 1979 [[Manzanita (Tony Rice Album)|Manzanita]] record. This tool is designed to help people gain experience handling and transferring NFTs in a low-stakes environment, and to promote fitness and wellness in the bluegrass scene.

* [[Cryptograss Dice Protocol]] - a protocol to generate [[paper wallets]] using dice as a source of offline randomness. Designed to facilitate conversation and community while generating paper wallets in an in-person environment. The protocol was developed during the [[4masks]] sessions at [[Tunesmith Studios]], principally by Holmes, Golden, and [[Lisa Joy]]. It was then used to generate wallets held by many bluegrassers who have cryptograss.eth domain names, including [[Maddie Denton]], [[Harry Clark]], [[Cory Walker]], [[Jake Stargel]], and [[Vickie Vaughn]] (each of which can be found at <firstname><lastname>.cryptograss.eth).

* [[Magent]] - an MCP Server and database for informing LLM agents about the history of bluegrass and the traditional music connectome in order to build bluegrass-related projects. Magent has a history of several thousands messages back and forth with Justin Holmes, during which it has learned about cryptograss goals and tagged important messages for later recall.

* [https://github.com/cryptograss/arthel arthel] - named after Arthel "Doc" Watson, arthel is a codebase with facilities for building and deploying Revealer instances, Chartifacts, and other cryptograss artifacts. arthel also has tools for end-to-end website builds, and is currently used to build justinholmes.com and cryptograss.live.

* [[Cryptograss:Maybelle|maybelle]] - named after Maybelle Carter, maybelle is an integration and build server which updates all cryptograss-built projects with the latest chain data from Ethereum, Optimism, and Arbitrum. maybelle has a public frontend showing the build status of cryptograss projects.

* [[Cryptograss:Hunter|hunter]] - named after Robert Hunter, hunter is a development server which includes containers for individual development environments, designed to be used for either learning or engineering by bluegrassers. Each container includes an instance of Magent, an instance of VSCode Server, runtimes for cryptograss web projects, and SSH and HTTPS routing for authentication and web previews.

==History==
The first project which evolved into a cryptograss tool was [[Revealer]], which was started at the [[EthBarcelona 2023]] hackathon by [[Justin Holmes]], [[R.J. Partington III]], [[Kieran Prasch]], and [[Kuba Hejhal]]. The project was, at that time, designed specifically to release Holmes' debut bluegrass record, [[Vowel Sounds]], and won the [[Gnosis]] prize at the hackathon.

In the following weeks, the group launched chat forums on Discord and Matrix, and held several conference calls leading up the album release. In addition to the hackathon winners, these calls were joined by [[Skyler Golden]], [[Jakub Vysoky]], and [[Jake Stargel]], the latter of whom coined the term 'cryptograss' during one of the calls.

The Revealer contract - the group's first mainnet contract - was deployed on September 1, 2023, as <small>0xa812137EFf2B368d0B2880A39B609fB60c426850</small> on the ethereum blockchain. The contract required that 10 eth (at the time, about $38,000) be contributed in order for Vowel Sounds to be released. This goal was accomplished in almost exactly 8 days.

Subsequently, the calls continued and attention turned toward creating other tools and making those tools available to other musicians.

==Contributors==
Currently, the wallet which owns cryptograss.eth is custodied by [[Justin Holmes]]. API keys, deploy keys, authorized SSH keys for maybelle, and other authorization material is held jointly by Holmes, [[R.J. Partington III]], [[Skyler Golden]], and [[Jake Stargel]]. Further DAO-ization is ahead.

The following people have contributed code to cryptograss codebases (in approximate order of contribution volume):

* [[Justin Holmes]]
* [[R.J. Partington III]]
* [[Skyler Golden]]
* [[Kieran Prasch]]
* [[Lisa Joy]]
* [[Kuba Hejhal]]
* [[Jake Stargel]]
* [[Jakub Vysoky]]

==Recent Sprints==
* [[Cryptograss/Bison]]
* [[Cryptograss/Pronghorn]]
* [[Cryptograss/WaterBuffalo]]
* [[Cryptograss/Caribou]]

==Current Sprint==
* [[Cryptograss/Horny Toad]]

==Upcoming Sprints==
* TBA

Cryptograss

2026-06-01T02:41:45Z

JMyles: /* Recent Sprints */

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

2026-05-31T21:50:51Z

JMyles: Re-upload: 1 file(s) uploaded

draft_id: 664c391a-b0f1-4628-b3d7-d593fdab5157
type: video
source: special-deliver-video
commit: 9077586
uploader: JMyles
blockheight: null
upload_blockheight: 25290725
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
video_codec: H.265
audio_codec: AAC
size_bytes: 22225785

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

2026-05-31T20:00:09Z

JMyles: Re-upload: 1 file(s) uploaded

draft_id: 664c391a-b0f1-4628-b3d7-d593fdab5157
type: video
source: special-deliver-video
commit: c83ddc7
uploader: JMyles
blockheight: null
upload_blockheight: 25290172
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
video_codec: H.265
audio_codec: AAC
size_bytes: 22225785

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

2026-05-31T16:42:24Z

JMyles: Upload complete: 1 file(s) analysed

draft_id: 664c391a-b0f1-4628-b3d7-d593fdab5157
type: video
source: special-deliver-video
commit: ad124e0
uploader: JMyles
blockheight: null
upload_blockheight: 25289183
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
video_codec: H.265
audio_codec: AAC
size_bytes: 22225785

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

2026-05-31T16:41:30Z

JMyles: Init draft (awaiting upload)

draft_id: 664c391a-b0f1-4628-b3d7-d593fdab5157
type: video
source: special-deliver-video
status: awaiting_upload
commit: ad124e0
uploader: JMyles
blockheight: null
upload_blockheight: 25289183
content:
title: learning terrapin outside Denver venue
description: ""
file_type: ""
venue: ""
performers:
files:

ReleaseDraft:39009b67-b3a1-4e77-99b0-bddbf48787bd

2026-05-31T16:41:07Z

JMyles: Init draft (awaiting upload)

draft_id: 39009b67-b3a1-4e77-99b0-bddbf48787bd
type: video
source: special-deliver-video
status: awaiting_upload
commit: ad124e0
uploader: JMyles
blockheight: null
upload_blockheight: 25289183
content:
title: learning terrapin outside Denver venue
description: ""
file_type: ""
venue: ""
performers:
files:

ReleaseDraft:1cdc44a0-4143-408b-bfbd-fe9c8a6a2f63

2026-05-31T16:00:46Z

JMyles: Upload complete: 1 file(s) analysed

draft_id: 1cdc44a0-4143-408b-bfbd-fe9c8a6a2f63
type: video
source: special-deliver-video
commit: ad124e0
uploader: JMyles
blockheight: null
upload_blockheight: 25288959
content:
title: jmyles announcement bundy 2026
description: ""
file_type: ""
venue: ""
performers:
files:
-
original_filename: PXL_20260527_185748905.mp4
media_type: video
format: MP4
duration_seconds: 42.040544
width: 1920
height: 1080
video_codec: H.265
audio_codec: AAC
size_bytes: 104266639
creation_time: "2026-05-27T18:58:33.000000Z"

ReleaseDraft:1cdc44a0-4143-408b-bfbd-fe9c8a6a2f63

2026-05-31T15:56:36Z

JMyles: Init draft (awaiting upload)

draft_id: 1cdc44a0-4143-408b-bfbd-fe9c8a6a2f63
type: video
source: special-deliver-video
status: awaiting_upload
commit: ad124e0
uploader: JMyles
blockheight: null
upload_blockheight: 25288959
content:
title: jmyles announcement bundy 2026
description: ""
file_type: ""
venue: ""
performers:
files:

File:6 5 26 BUNDY POSTER-rev2.png

2026-05-28T19:35:44Z

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

== Description ==

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

== License ==

ReleaseDraft:112de224-050d-4374-988f-4280424e2293

2026-05-28T02:03:10Z

JMyles: New Blue Railroad draft: Nine Pound Hammer (Pushups)

draft_id: 112de224-050d-4374-988f-4280424e2293
type: blue-railroad
source: special-deliver-blue-railroad
commit: 2c48e6e
uploader: JMyles
blockheight: 20839779
upload_blockheight: 25263183
content:
exercise: Nine Pound Hammer (Pushups)
file_type: video
files:
-
original_filename: PXL_20240928_000358640.mp4
media_type: video
format: MP4
duration_seconds: 27.625556
width: 1920
height: 1080
video_codec: H.265
audio_codec: AAC
size_bytes: 70940322

File:Nanny-state-fiddler-cover.png

2026-05-26T04:49:05Z

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

== Description ==

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

== License ==

File:Vowel-sounds-album-cover.png

2026-05-25T21:51:04Z

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

== Description ==

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

== License ==

File:Vowel-sounds-shirt-back.png

2026-05-25T21:51:04Z

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

== Description ==

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

== License ==

ReleaseDraft:F9ce156d-b801-4479-ad93-cb9325972e16

2026-05-12T20:35:41Z

JMyles: Update release draft metadata

draft_id: f9ce156d-b801-4479-ad93-cb9325972e16
type: other
source: special-deliver-other-content
commit: 2c48e6e
uploader: JMyles
blockheight: null
upload_blockheight: 25153555
content:
title: barber-pole-on-moone
description: ""
file_type: ""
subsequent_to: ""
files:
-
original_filename: barber-pole-on-moon.png
media_type: image
format: PNG
size_bytes: 6054780

ReleaseDraft:F9ce156d-b801-4479-ad93-cb9325972e16

2026-05-12T20:35:30Z

JMyles: New content draft: 1 file(s) uploaded

draft_id: f9ce156d-b801-4479-ad93-cb9325972e16
type: other
source: special-deliver-other-content
commit: 2c48e6e
uploader: JMyles
blockheight: null
upload_blockheight: 25153555
content:
title: ""
description: ""
file_type: ""
subsequent_to: ""
files:
-
original_filename: barber-pole-on-moon.png
media_type: image
format: PNG
size_bytes: 6054780

Jon Stickley

2026-05-05T18:11:09Z

JMyles: Created page with "{{MusicianInfo |show_instrument=guitar }}"

Andy Falco

2026-05-05T18:10:04Z

JMyles:

{{MusicianInfo
|name=Andy Falco
|image=Travis-and-andy-mississippi-uptown.mp4
|does1=plays guitar, sings, writes, and produces in [[The Infamous Stringdusters]]
|show_instrument=guitar
|
}}

== Career ==
Falco grew up on Long Island, New York, and has been active as a performing musician since the 1990s, including work in New York City’s live music scene.<ref>[https://andyfalco.com Andy Falco — Official website]</ref> He joined ''The Infamous Stringdusters'' in 2007 after relocating to Nashville, Tennessee.<ref>[https://andyfalco.com Andy Falco — Official website]</ref> With the band, he has recorded multiple studio albums; their 2017 album ''Laws of Gravity'' won the Grammy Award for Best Bluegrass Album.<ref>[https://andyfalco.com Andy Falco — Official website]</ref>

In addition to performing and recording, Falco works as a producer, engineer, and mixer, and maintains a studio practice between touring engagements.<ref>[https://andyfalco.com Andy Falco — Official website]</ref>

== Solo work ==
Falco released the solo album ''The Will of the Way'' (2021), featuring a range of collaborating musicians and guests.<ref>[https://andyfalco.com Andy Falco — Official website]</ref>

== Instruments and equipment ==
Falco has published a list of instruments and gear used for acoustic and electric performance. He states that he uses [[Token Flatpicks]] for acoustic guitar, including the A3-55 and B3-60 models.<ref>[https://andyfalco.com/gear/ Andy Falco — Gear]</ref> He has also described using D’Addario XS strings and a variety of acoustic and electric guitars including instruments from Bourgeois, Collings, Martin, and Fender.<ref>[https://andyfalco.com/gear/ Andy Falco — Gear]</ref>

== External links ==
* [https://andyfalco.com Official website]
* [https://andyfalco.com/gear/ Gear]

[[Category:Bluegrass musicians]]
[[Category:Americana musicians]]
[[Category:Blues musicians]]
[[Category:American guitarists]]
[[Category:Singer-songwriters]]
[[Category:Record producers]]

Cryptograss/Caribou

2026-05-03T19:39:28Z

JMyles: Created page with " ===Days 0, 1, 2=== * Leading up to block 25,000,000 party!"

===Days 0, 1, 2===
* Leading up to block 25,000,000 party!

Cryptograss

2026-05-03T19:38:48Z

JMyles:

Cryptograss is a [[Will-One-Day-Be-A-DAO]] focused on building pro-human (as distinct from [[User:JMyles/The Algorithm and The Muse|anti-AI]]) tools for release, distribution, publication, and monetization of straight-to-public-domain music.

All Cryptograss tech is open source and written by musicians and serious music fans - none of the work is outsourced to engineering firms.

==Cryptograsss Toolchain==
* [[Revealer]] - the first cryptograss tool, Revealer can automatically release a record or other project after a contribution goal is met onchain.

* [[Chartifacts]] - a protocol for tokenizing the paper charts used at studio recording sessions, and making their metadata available to to other tools.

* [[PickiPedia:About|PickiPedia]] - a wiki for both structured and unstructured knowledge about bluegrass, old time, and other traditional public domain music.

* [[The Oracle of Bluegrass Bacon]] - (named after [https://www.oracleofbacon.org/ The Oracle of Bacon], which is in turn named after [[WikiPedia:Six Degrees of Kevin Bacon|The Six Degrees of Kevin Bacon]], which is turn is named after [[Wikipedia:Six degrees of separation|The Six Degrees of Separation]]) - a database and query tool for examining the connections between pickers, albums, and shows in [[the traditional music connectome]].

* [[Set Stones]] / [[Ticket Stubs]] - the primary live show merch, these are mintable only by show attendees and are displayed throughout the Cryptograss ecosystem anywhere the show is used as a vector to connect musicians or songs.

* [[Rabbithole Player]] - a music player designed to use Chartifacts and The Oracle of Bluegrass Bacon to allow listeners to follow "rabbit holes" of particular pickers, records, shows, instrument makers, and other recording metadata.

* [[Blue Railroad Train Squats]] - a series of NFTs which are manually awarded to people when they submit a video of themselves performing squats to [[Tony Rice]]'s recording of [[Blue Railroad Train]] from his 1979 [[Manzanita (Tony Rice Album)|Manzanita]] record. This tool is designed to help people gain experience handling and transferring NFTs in a low-stakes environment, and to promote fitness and wellness in the bluegrass scene.

* [[Cryptograss Dice Protocol]] - a protocol to generate [[paper wallets]] using dice as a source of offline randomness. Designed to facilitate conversation and community while generating paper wallets in an in-person environment. The protocol was developed during the [[4masks]] sessions at [[Tunesmith Studios]], principally by Holmes, Golden, and [[Lisa Joy]]. It was then used to generate wallets held by many bluegrassers who have cryptograss.eth domain names, including [[Maddie Denton]], [[Harry Clark]], [[Cory Walker]], [[Jake Stargel]], and [[Vickie Vaughn]] (each of which can be found at <firstname><lastname>.cryptograss.eth).

* [[Magent]] - an MCP Server and database for informing LLM agents about the history of bluegrass and the traditional music connectome in order to build bluegrass-related projects. Magent has a history of several thousands messages back and forth with Justin Holmes, during which it has learned about cryptograss goals and tagged important messages for later recall.

* [https://github.com/cryptograss/arthel arthel] - named after Arthel "Doc" Watson, arthel is a codebase with facilities for building and deploying Revealer instances, Chartifacts, and other cryptograss artifacts. arthel also has tools for end-to-end website builds, and is currently used to build justinholmes.com and cryptograss.live.

* [[Cryptograss:Maybelle|maybelle]] - named after Maybelle Carter, maybelle is an integration and build server which updates all cryptograss-built projects with the latest chain data from Ethereum, Optimism, and Arbitrum. maybelle has a public frontend showing the build status of cryptograss projects.

* [[Cryptograss:Hunter|hunter]] - named after Robert Hunter, hunter is a development server which includes containers for individual development environments, designed to be used for either learning or engineering by bluegrassers. Each container includes an instance of Magent, an instance of VSCode Server, runtimes for cryptograss web projects, and SSH and HTTPS routing for authentication and web previews.

==History==
The first project which evolved into a cryptograss tool was [[Revealer]], which was started at the [[EthBarcelona 2023]] hackathon by [[Justin Holmes]], [[R.J. Partington III]], [[Kieran Prasch]], and [[Kuba Hejhal]]. The project was, at that time, designed specifically to release Holmes' debut bluegrass record, [[Vowel Sounds]], and won the [[Gnosis]] prize at the hackathon.

In the following weeks, the group launched chat forums on Discord and Matrix, and held several conference calls leading up the album release. In addition to the hackathon winners, these calls were joined by [[Skyler Golden]], [[Jakub Vysoky]], and [[Jake Stargel]], the latter of whom coined the term 'cryptograss' during one of the calls.

The Revealer contract - the group's first mainnet contract - was deployed on September 1, 2023, as <small>0xa812137EFf2B368d0B2880A39B609fB60c426850</small> on the ethereum blockchain. The contract required that 10 eth (at the time, about $38,000) be contributed in order for Vowel Sounds to be released. This goal was accomplished in almost exactly 8 days.

Subsequently, the calls continued and attention turned toward creating other tools and making those tools available to other musicians.

==Contributors==
Currently, the wallet which owns cryptograss.eth is custodied by [[Justin Holmes]]. API keys, deploy keys, authorized SSH keys for maybelle, and other authorization material is held jointly by Holmes, [[R.J. Partington III]], [[Skyler Golden]], and [[Jake Stargel]]. Further DAO-ization is ahead.

The following people have contributed code to cryptograss codebases (in approximate order of contribution volume):

* [[Justin Holmes]]
* [[R.J. Partington III]]
* [[Skyler Golden]]
* [[Kieran Prasch]]
* [[Lisa Joy]]
* [[Kuba Hejhal]]
* [[Jake Stargel]]
* [[Jakub Vysoky]]

==Recent Sprints==
* [[Cryptograss/Bison]]
* [[Cryptograss/Pronghorn]]
* [[Cryptograss/WaterBuffalo]]

==Current Sprint==
* [[Cryptograss/Caribou]]

==Upcoming Sprints==
* TBA