PickiPedia - User contributions [en]

Cryptograss:Delivery-kid

2026-08-14T23:57:48Z

JMyles:

{{Infobox resource
| image = <pre style="font-size:5px; line-height:1.1; font-family:monospace;">
. . . :=@%%@*. .
. . . . . @= =#%+ =@%
. .%% @.. .+. -@. .
. . -@* . @. @@ @%=%.@ .. +@ .
. @.. %= @ @@. ::#@+* :@@%:..%. @ .
. . . . @=@ *@: # % %: @@%# :##@@*%*#:. .@ .
. . . -@@. @=- @%* @@@+#.@*.... @ .
@@ @: =+:@@@@@@@@.. @:..
. @# :%@=::*+::.@=.
. . *. =@@*@@* #@
. % . . - --...@@@ *@
. . .@....:::::::::::.:.:. . % -.+@@@@@%..-%
. . =*.+@@#-%%:-:::::::#@@+::.. ..@:%@%:::@: .
.. .@*:--::@@@@%:::::::::::@@@:. = %@@@@@@@* .
. . . . @--::::*@#-@@@@@#:::::::@@-@@:.::@. .
. . @=-:::::@:@%-:::::::::::::@@@@@@@::@#.. . .
. . . . @-::::::::::::::::::::::::=@@+@#@::+@* .
. @::::::::::::::::::::::::::*%*+%@::%%@. .
. . .@@@@@%::::::=%--*:::@=::::::::*+*:#:@:@* .. .
. . . .%@-:::%:::@::%%::-::@@-:::::::=@-@=@-@@. .
=#@ . =%+:@ . @-@::@@:::%:::::::::::::::::::%%:*@#@.
*%:@ ..*=:::%% . .. @:%@@+::::::::::::::::::::::::%-:#@- . .
. @::@.-*:::@* . . . *+::@::--::=:::::::-:::::::::::@:@@ .
@-@ :@::@=#:::@: .. . . . @::@-::::-*+:@@@@*+@--:::::::::@:%% .
@-%+:@-:@=*:::*.%::=*:. . ..%=::-@@-@@#@@@:@=::.@--::::::::*@-#@. .
#=:%:@:::@#:::@@::@=-::=@ . %=::@:=@::-@%-:::::::::::::@::%=#@@*@@+ .
%:=@#@:::@*::*:::** .+*-- . *%-@@%%*#:::::::::::::::::#=#*:@@#:::@@. . .
@:::@@**:::.@-::=@ **:@.. .@:-+%*:::::::::::::::::-@-@:%@@@::::*@@==+-
@-%:::::::::-:::@ **::@. @=:::#:::::::::::::::::%*:@#=@@@#:::*@-::
.. -@:::@*::@%*::::@+ @%:%*. +*-:@::::::::.@=:::::@:@-:@%::#%+:::#@@@. .
.@::::@*::::::::::@*::@. .@:@=::::::@#:::::+@=:+%=@=::: . . ==
@-::::=%:::::::::@+%:. .@::@%+%%-:::::=@=:@-.+@%.. .
%+::::::@:::::::::-@ . . .:@+::::::::@@@:@-#+:.*@= .
. @:::::::::-:::::-@. . .. . *@*:-=%@@=+@@:=@@@@= .
. @-:::::::::@:::%@@#%#. . . .=@@@@@@%:@.:@%.
:@:::::::::::#@%=*#@%.@@%*.:.=@@#@=:#@@@+@* . . .
. *@@-::::::::*: . . .%+::::-@@*=@: -:%:.: . . .
.@@@::::::::::. @%==%%@- .
%.#@:::::+@=%@ . . .
@= =. .#@: . .
@= . . . .
. . . . . . . . . .
</pre>
| role = the distributor
| type = Server
| hostname = delivery-kid.cryptograss.live
| services = IPFS, bit torrent, various open-source encoders and shit
| namesake = [[wikipedia:The_Pizza_Tapes|The kid who leaked the pizza tapes]]
}}
<pre style="font-size:8px; line-height:1.2;">

.___ .__ .__ __ .__ .___
__| _/____ | | |__|__ __ ___________ ___.__. | | _|__| __| _/
/ __ |/ __ \| | | \ \/ // __ \_ __ < | | ______ | |/ / |/ __ |
/ /_/ \ ___/| |_| |\ /\ ___/| | \/\___ | /_____/ | <| / /_/ |
\____ |\___ >____/__| \_/ \___ >__| / ____| |__|_ \__\____ |
\/ \/ \/ \/ \/ \/

</pre>

'''delivery-kid''' is the official seedbox configuration of cryptograss, designed to relentlessly and freely distribute the music of cryptograss artists, with high-bandwidth, fault tolerance, and censorship-resistance.

It is named after the mysterious pizza delivery kid who apparently absconded with [[wikipedia:The_Pizza_Tapes|The Pizza Tapes]] and leaked them - an act that has turned out to be a great public service.

===Releases on delivery-kid===
* [[Special:Releases]]
* [[Special:ReleaseDrafts]]

===PickiPedia Frontends for delivery-kid tools===
* [[Special:DeliverVideo]]
* [[Special:DeliverOtherContent]]
* [[Special:DeliverBlueRailroad]]
* [[Special:DeliverRecord]]

===Audits and maintenance===

A storage audit runs on maybelle every 30 minutes and cross-references IPFS pins, BitTorrent seeding directories, and staging draft directories on delivery-kid against the Release and ReleaseDraft pages tracked in this wiki. It flags orphans in both directions so nothing falls through the cracks.

* '''[[Special:DeliveryKidAudit]]''' — live view of the most recent audit run. The page reads a JSON blob from <code>delivery-kid.cryptograss.live/audit-latest.json</code> (written by maybelle's host cron); it makes no wiki edits and never appears in recent changes.

When the audit detects a problem (orphan pin/seed/draft, missing pin/seed, stalled draft, cleanup pending) AND the problem set has changed since the last posting, it creates a one-shot page at <code>Cryptograss:Delivery-kid-audits/<blockheight></code>. Those pages DO show in recent changes — they're the "something needs human attention" signal. A persistent problem creates one page, not one every 30 minutes.

====Manual cleanup of an orphan staging dir====

If <code>Special:DeliveryKidAudit</code> shows an "ORPHAN DRAFT" entry — a staging directory on delivery-kid with no corresponding ReleaseDraft wiki page — and you want it cleaned up, just '''create the wiki page''' at <code>ReleaseDraft:<uuid></code> with this content:

abandoned: true

The next run of <code>purge-deleted-releases.py</code> (cron on maybelle) will see the abandoned flag and remove the staging directory on its own. Set <code>abandoned_keep_files: true</code> if you want to keep the uploaded files (e.g. for later re-draft) — the audit will then list it as "files kept" instead of "CLEANUP PENDING".

The same flow handles draft pages that already exist: edit the YAML to add <code>abandoned: true</code> (with optional <code>abandoned_reason</code> and <code>abandoned_keep_files</code>), and the cron will sweep them. The "Abandon and delete" / "Abandon and keep files" buttons on a draft page do exactly that edit for you.

The Station Inn

2026-08-14T23:51:03Z

JMyles:

'''The Station Inn''' is a legendary bluegrass venue in Nashville, Tennessee.

== Upcoming Shows ==
{{#ask: [[Venue::The Station Inn]]
|?Artist
|?Blockheight
|?Verification status
|format=table
|limit=10
|sort=Blockheight
|order=desc
}}

== About ==
Located in The Gulch neighborhood, The Station Inn has been a home for bluegrass and acoustic music since 1974.

[[Category:Venues]]
[[Category:Nashville]]
[[Has scene::Nashville]]

MediaWiki:Gadget-verify.js

2026-08-11T18:42:13Z

JMyles:

/**
* Gadget-verify.js - Verification gadget for Pickipedia claims
*
* Adds "Verify" buttons to {{claim}}, {{bot_proposes}}, and {{Show}} templates,
* allowing logged-in users to verify content and record attestations.
*/
(function() {
'use strict';

// Only run for logged-in users
if (mw.config.get('wgUserName') === null) {
return;
}

// Wait for page to be ready
mw.hook('wikipage.content').add(function($content) {
// Find all claim and bot_proposes elements (inline)
// .pv-proposed is the <proposed> tag from the PickiPediaVerification
// extension. Both its forms are handled here: the inline one is a
// <span>, the block one a <div> wrapping a whole template call.
var $claims = $content.find('.claim-unverified, span.bot-proposal, .pv-proposed');

$claims.each(function() {
var $claim = $(this);

// Don't add button twice
if ($claim.find('.verify-btn').length > 0) {
return;
}

var $btn = $('<button>')
.addClass('verify-btn')
.text('✓ Verify')
.css({
'margin-left': '0.5em',
'font-size': '0.8em',
'padding': '1px 6px',
'cursor': 'pointer',
'background': '#f8f9fa',
'border': '1px solid #a2a9b1',
'border-radius': '3px',
'vertical-align': 'middle'
})
.on('click', function(e) {
e.preventDefault();
e.stopPropagation();
openVerifyDialog($claim, false);
});

$claim.append(' ').append($btn);
});

// Find Show infoboxes that need verification
var $shows = $content.find('.show-infobox.bot-proposal');

$shows.each(function() {
var $show = $(this);

// Don't add button twice
if ($show.find('.verify-show-btn').length > 0) {
return;
}

var $btn = $('<button>')
.addClass('verify-show-btn')
.text('✓ Verify This Show')
.css({
'display': 'block',
'width': '100%',
'margin-top': '0.5em',
'padding': '6px 12px',
'cursor': 'pointer',
'background': '#f8f9fa',
'border': '1px solid #a2a9b1',
'border-radius': '3px',
'font-size': '0.9em'
})
.on('click', function(e) {
e.preventDefault();
e.stopPropagation();
openVerifyDialog($show, true);
});

$show.append($btn);
});
});

function openVerifyDialog($element, isShow) {
var claimText;
if (isShow) {
// For shows, build a summary from the infobox content
var artists = $element.find('div:contains("Artists:")').text().replace('Artists:', '').trim();
var venue = $element.find('div:contains("Venue:")').text().replace('Venue:', '').trim();
var block = $element.find('div:contains("Block:")').text().replace('Block:', '').trim();
claimText = artists + ' @ ' + venue + ' (block ' + block + ')';
} else {
// The badge and byline are the marker's own chrome, not part of
// the claim. Leaving them in makes claimText read
// "...[unverified]Proposed by Magent", which then fails to match
// anything in the wikitext.
claimText = $element.clone()
.children('.verify-btn, .pv-proposed__badge, .pv-proposed__byline')
.remove().end().text().trim();
}

var existingSource = $element.data('source') || '';
var isBotProposal = $element.hasClass('bot-proposal') ||
$element.hasClass('pv-proposed');

// Create dialog content
var $dialog = $('<div>').addClass('verify-dialog');

var $form = $('<form>').on('submit', function(e) {
e.preventDefault();
if (isShow) {
submitShowVerification($element, $form, claimText, $overlay, $dialog);
} else {
submitVerification($element, $form, claimText, $overlay, $dialog);
}
});

$form.append(
$('<p>').css('margin-top', '0').html('<strong>Verifying:</strong> ' + mw.html.escape(claimText))
);

$form.append(
$('<label>').attr('for', 'verify-source').text('Source (optional):'),
$('<br>'),
$('<input>')
.attr({
type: 'text',
id: 'verify-source',
name: 'source',
placeholder: 'https://... or "I was there" or leave blank'
})
.val(existingSource || '')
.css({ width: '100%', marginBottom: '1em', padding: '6px', boxSizing: 'border-box' })
);

if (isBotProposal && existingSource) {
$form.find('label[for="verify-source"]').after(
$('<div>').css({ fontSize: '0.9em', color: '#666', marginBottom: '0.5em' })
.text('Bot suggested source: ' + existingSource)
);
}

$form.append(
$('<label>').attr('for', 'verify-note').text('Note (optional):'),
$('<br>'),
$('<textarea>')
.attr({
id: 'verify-note',
name: 'note',
rows: 3,
placeholder: 'Additional context about your verification...'
})
.css({ width: '100%', marginBottom: '1em', padding: '6px', boxSizing: 'border-box' })
);

$form.append(
$('<button>')
.attr('type', 'submit')
.text('Confirm Verification')
.css({
padding: '8px 16px',
background: '#36c',
color: 'white',
border: 'none',
borderRadius: '3px',
cursor: 'pointer',
marginRight: '8px'
}),
$('<button>')
.attr('type', 'button')
.text('Cancel')
.css({
padding: '8px 16px',
background: '#f8f9fa',
border: '1px solid #a2a9b1',
borderRadius: '3px',
cursor: 'pointer'
})
.on('click', function() {
$overlay.remove();
$dialog.remove();
})
);

$dialog.append($form);

// Style the dialog
$dialog.css({
position: 'fixed',
top: '50%',
left: '50%',
transform: 'translate(-50%, -50%)',
background: 'white',
padding: '20px',
borderRadius: '8px',
boxShadow: '0 4px 20px rgba(0,0,0,0.3)',
zIndex: 10000,
minWidth: '400px',
maxWidth: '90vw'
});

// Add overlay
var $overlay = $('<div>').css({
position: 'fixed',
top: 0,
left: 0,
right: 0,
bottom: 0,
background: 'rgba(0,0,0,0.5)',
zIndex: 9999
}).on('click', function() {
$overlay.remove();
$dialog.remove();
});

$('body').append($overlay).append($dialog);
$dialog.find('#verify-source').focus();
}

function submitShowVerification($show, $form, claimText, $overlay, $dialog) {
var source = $form.find('#verify-source').val().trim();
var note = $form.find('#verify-note').val().trim();
var pageName = mw.config.get('wgPageName');
var userName = mw.config.get('wgUserName');
var timestamp = new Date().toISOString().split('T')[0];

// Disable form while processing
$form.find('button').prop('disabled', true);
$form.find('button[type="submit"]').text('Verifying...');

var api = new mw.Api();

api.get({
action: 'query',
titles: pageName,
prop: 'revisions',
rvprop: 'content',
rvslots: 'main',
formatversion: 2
}).then(function(data) {
var page = data.query.pages[0];
var content = page.revisions[0].slots.main.content;

// For Show template, change status=proposed to status=verified
var newContent = content
.replace(/\|status=proposed/g, '|status=verified')
.replace(/\|by=[^\n|}]*/g, '|by=' + userName)
.replace(/\|source=[^\n|}]*/g, '|source=' + (source || 'verified by ' + userName));

if (newContent === content) {
mw.notify('Could not update show status. It may have already been verified.', { type: 'error' });
$form.find('button').prop('disabled', false);
$form.find('button[type="submit"]').text('Confirm Verification');
return;
}

var editSummary = 'Verified show: ' + claimText.substring(0, 50);

return api.postWithToken('csrf', {
action: 'edit',
title: pageName,
text: newContent,
summary: editSummary
}).then(function() {
// Add to talk page
return addTalkPageEntry(api, pageName, claimText, source, note, userName, timestamp);
}).then(function() {
mw.notify('Show verified!', { type: 'success' });
$overlay.remove();
$dialog.remove();
// Reload to show changes
location.reload();
});
}).catch(function(err) {
mw.notify('Error: ' + err, { type: 'error' });
$form.find('button').prop('disabled', false);
$form.find('button[type="submit"]').text('Confirm Verification');
});
}

/**
* Strip wikitext formatting for comparison purposes.
* Removes bold ('''), italic (''), and common markup.
*/
function stripWikitext(text) {
return text
.replace(/'{2,}/g, '') // Remove '' and '''
.replace(/\[\[([^\]|]+\|)?([^\]]+)\]\]/g, '$2') // [[link|text]] -> text
.replace(/\{\{!\}\}/g, '|') // {{!}} -> |
.replace(/\s+/g, ' ')
.trim()
.toLowerCase();
}

/**
* Find a Bot_proposes or claim template in wikitext that contains the given text.
* Returns {start, end, content} or null if not found.
* Properly handles nested templates like {{!}}.
*/
function findTemplateContaining(wikitext, searchText) {
// Normalize searchText for comparison - collapse whitespace
var normalizedSearch = stripWikitext(searchText).substring(0, 40);

// Find all {{Bot_proposes or {{claim occurrences
var templateRegex = /\{\{(Bot_proposes|claim)\s*\|/gi;
var match;

while ((match = templateRegex.exec(wikitext)) !== null) {
var startIndex = match.index;
var depth = 0;
var i = startIndex;

// Find the matching closing }}
while (i < wikitext.length - 1) {
if (wikitext[i] === '{' && wikitext[i + 1] === '{') {
depth++;
i += 2;
} else if (wikitext[i] === '}' && wikitext[i + 1] === '}') {
depth--;
if (depth === 0) {
var endIndex = i + 2;
var templateContent = wikitext.substring(startIndex, endIndex);

// Extract the actual content (first parameter, before |by= or |source=)
var inner = templateContent.replace(/^\{\{(Bot_proposes|claim)\s*\|\s*/i, '').replace(/\}\}$/, '');
// Remove |by=... and |source=... parameters
inner = inner.replace(/\|by=[^|}]*/gi, '').replace(/\|source=[^|}]*/gi, '');

// Strip wikitext formatting for comparison
var normalizedInner = stripWikitext(inner);

// Check if this template contains our search text
if (normalizedInner.indexOf(normalizedSearch) !== -1) {
return {
start: startIndex,
end: endIndex,
fullMatch: templateContent,
content: inner.trim()
};
}
break;
}
i += 2;
} else {
i++;
}
}
}
return null;
}

/**
* Find a <proposed>...</proposed> block whose contents match the claim.
*
* Simpler than findTemplateContaining() below, and that is the point of
* the tag: there are no balanced braces to walk and no escaped pipes to
* undo, because tag content is never parsed as template parameters.
*
* Returns {start, end, fullMatch, content, wasTag} or null.
*/
function findProposedTagContaining(wikitext, searchText) {
var normalizedSearch = stripWikitext(searchText).substring(0, 40);
var tagRegex = /<proposed(?:\s[^>]*)?>([\s\S]*?)<\/proposed\s*>/gi;
var match;

while ((match = tagRegex.exec(wikitext)) !== null) {
// Block form puts the tags on their own lines; drop one newline
// each side so verifying doesn't leave a blank line behind.
var inner = match[1].replace(/^\n/, '').replace(/\n$/, '');

if (stripWikitext(inner).indexOf(normalizedSearch) !== -1) {
return {
start: match.index,
end: match.index + match[0].length,
fullMatch: match[0],
content: inner,
wasTag: true
};
}
}
return null;
}

function submitVerification($claim, $form, claimText, $overlay, $dialog) {
var source = $form.find('#verify-source').val().trim();
var note = $form.find('#verify-note').val().trim();
var pageName = mw.config.get('wgPageName');
var userName = mw.config.get('wgUserName');
var timestamp = new Date().toISOString().split('T')[0];

// Disable form while processing
$form.find('button').prop('disabled', true);
$form.find('button[type="submit"]').text('Verifying...');

var api = new mw.Api();

api.get({
action: 'query',
titles: pageName,
prop: 'revisions',
rvprop: 'content',
rvslots: 'main',
formatversion: 2
}).then(function(data) {
var page = data.query.pages[0];
var content = page.revisions[0].slots.main.content;

// Try tag syntax first, then the older template wrappers.
var found = findProposedTagContaining(content, claimText) ||
findTemplateContaining(content, claimText);

if (!found) {
mw.notify('Could not find the claim in page source. It may have been modified.', { type: 'error' });
$form.find('button').prop('disabled', false);
$form.find('button[type="submit"]').text('Confirm Verification');
return;
}

// Build replacement - use {{source|...}} for URLs, {{verified|...}} for text
var replacement;
// {{Bot_proposes}} is a template call, so any pipe in the content
// had to be escaped to {{!}} going in. Unescaping is part of
// removing the wrapper, not an extra step -- skipping it is what
// left {{!}} baked into ~25 pages. A <proposed> tag never escaped
// anything, so there is nothing to undo.
var cleanContent = found.wasTag ?
found.content :
found.content.replace(/\{\{!\}\}/g, '|');

if (source && source.match(/^https?:\/\//)) {
replacement = cleanContent + '{{source|' + source + '}}';
} else if (source) {
replacement = cleanContent + '{{verified|' + source + '}}';
} else {
replacement = cleanContent + '{{verified|by ' + userName + '}}';
}

var newContent = content.substring(0, found.start) + replacement + content.substring(found.end);

var editSummary = 'Verified: "' + claimText.substring(0, 50) + (claimText.length > 50 ? '...' : '') + '"';

return api.postWithToken('csrf', {
action: 'edit',
title: pageName,
text: newContent,
summary: editSummary
}).then(function() {
// Add to talk page
return addTalkPageEntry(api, pageName, claimText, source, note, userName, timestamp);
}).then(function() {
mw.notify('Verification recorded!', { type: 'success' });
$overlay.remove();
$dialog.remove();
// Reload to show changes
location.reload();
});
}).catch(function(err) {
mw.notify('Error: ' + err, { type: 'error' });
$form.find('button').prop('disabled', false);
$form.find('button[type="submit"]').text('Confirm Verification');
});
}

function addTalkPageEntry(api, pageName, claimText, source, note, userName, timestamp) {
var talkPage = 'Talk:' + pageName.replace(/^Talk:/, '').replace(/_/g, ' ');

var entry = '\n== Verification by ' + userName + ' (' + timestamp + ') ==\n';
entry += "'''Claim:''' " + claimText + '\n\n';
if (source) {
entry += "'''Source:''' " + source + '\n';
}
if (note) {
entry += "\n'''Note:''' " + note + '\n';
}

return api.postWithToken('csrf', {
action: 'edit',
title: talkPage,
appendtext: entry,
summary: 'Recorded verification of claim'
});
}
})();

Sandbox Thumbnail Test

2026-08-10T20:01:57Z

JMyles: Verified bot edits (removed proposal markers)

== Thumbnail Test ==

=== Standard wiki syntax (no highslide) ===
[[File:PXL_20250211_223356447.jpg|thumb|250px|Standard thumb - should use /images/thumb/]]

=== hsgimg parser function ===
{{#hsgimg:
| source = File:PXL_20250211_223356447.jpg
| width = 250
| caption = hsgimg - currently uses full size
}}

=== Ensemble (test claim, added by bot) ===

{{Ensemble
|Kenny Feinstein
|Tommy Drinkard
|title=Verification test lineup
}}

Brendan Daniel

2026-08-10T13:50:19Z

JMyles: Created page with "{{MusicianInfo |name=Brendan Daniel |image=Brendan Daniel Freedompalooza 2026.jpg |show_instrument=guitar |image_caption=Brendan Daniel at FreedomPalooza 2026 |does1=plays guitar backwards, claims it is because he is 'left-handed' or 'left-wing' or something |does2=didn't see {{m|Justin Myles Holmes}}' FreedomPalooza set in 2026; he just drove by it. }} ==External Links== * [https://www.brendandanielmusic.com/ Official Website] * [https://brendandaniel.bandcamp.com/ Ban..."

{{MusicianInfo
|name=Brendan Daniel
|image=Brendan Daniel Freedompalooza 2026.jpg
|show_instrument=guitar
|image_caption=Brendan Daniel at FreedomPalooza 2026
|does1=plays guitar backwards, claims it is because he is 'left-handed' or 'left-wing' or something
|does2=didn't see {{m|Justin Myles Holmes}}' FreedomPalooza set in 2026; he just drove by it.
}}

==External Links==
* [https://www.brendandanielmusic.com/ Official Website]
* [https://brendandaniel.bandcamp.com/ Bandcamp]

File:Brendan Daniel Freedompalooza 2026.jpg

2026-08-10T13:46:01Z

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

== Description ==

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

== License ==

Cryptograss:Hunter

2026-08-05T14:51:16Z

JMyles:

{{Infobox resource
| image = <pre style="font-size:5px; line-height:1.1; font-family:monospace;">
░ ░░░
▓▒▒▒▒▒▒▒▒▒▒▒▒▒
▒▒▓▒▒▒▒ ░▒▒▒▒▓░
▒▒▒▒▒ ▒▒▒░
▒▒▒▒ ░▒▒▒
▓▒▒▒░ ▒▒▒░
▓▓▒▒▒░ ▓▒▒▒
▒▒▒▒▒▒ ▓▒▒▒
▒▒▒▒▒▒ ░▓▒▒▒
▓▒▓▓▒▒▒ ▓▒▒▒▒
▒▓▒▒▒▒▒▒░ ░░ ▓▓▒▒▒
░▓▒▓▒▒▓▒▒▒░ ▒▒▒▒▒▒░▒▒ ░ ░▒▒▒▓▒▒░ ▓▓▓▒▓▒
▒▒▓▒▒▓▓▓▓▓ ▒▓ ░░░ ▒▒ ░▒ ▓▒▓▒▒▓░
▓▓▓▓▓▓▓▓▓░ ▒ ░▓▒▓▒▒░ ▒ ▓▒░▒ ▒ ░▓▓▒▓▓▒▒
▓▒▒▓▓▓▓▓▓▒ ░▓▒▓▓▓░▒
░▓▓▒▓▓▓▓▓▓ ░▒▒▒▒▒
▒▒▓▓▓▓▓▓▓▓▓▒ ▒▓▒▒▓
▓▓▓▓▓▒▒▒▒░ ░ ░░ ▒ ▒▓▓▒▒░
▓▓▒▓▓▓░▒▒░ ░░▒▒▒▒░ ░▒▒▒▒▓▓
░▒▒▒▓▓▓ ░▓ ▓▓▓▒▒▒░▓▒▓ ░ ▒▒▒▓▓▒▓
▓▓▓▓▓▓ ░░ ▓▒▓▒▒░░▒▒▒░▒▓▓▒ ▒ ▒▓▓▓▓
▓▓▓▓▓▓▓▓▓▒ ▒▒▓▒ ░░░░░░▒▒▒▓ ▓▓▓▒▓
▒▒▒▓▓▓▓▓▓▒▒ ░ ░ ░▒▒░░░░ ░▒ ▒▓▓▓▓▓░
░▓▓▓▓▒▓▒▓ ░ ░ ░░░ ▓▓▓▓▓▒▒
▓ ▓▓▓ ░ ▓▓▓▓▓▓▓░░░
▓▓▓▒░ ▒ ░ ▓▓▓▓▓▓▓▓ ░
░░░ ▓▓ ▒░ ▒ ▒▒▒▓▒▒▒▒░
░░░ ▒ ▒▒▒▒▒▒░ ▒░░▓▒▒▒▒░ ░░
░░ ▒▒▒ ░░▒ ░ ▒▒▒▒░ ▒░ ░ ░▓▒
</pre>
| role = the storyteller
| type = Server
| hostname = hunter.cryptograss.live
| services = User containers, SSH router, Memory Lane watcher
| namesake = [[wikipedia:Robert_Hunter_(lyricist)|Robert Hunter]]
}}
<pre style="font-size:14px; line-height:1.2;">
┌───────────────────────────────────────┐
│ │
│ | | │
│ __ \ | | __ \ __| _ \ __| │
│ | | | | | | | | __/ | │
│ _| |_| \__,_| _| _| \__| \___| _| │
│ │
└───────────────────────────────────────┘
</pre>

'''Hunter''' is the multi-user development server in the [[Cryptograss]] ecosystem, named after [https://en.wikipedia.org/wiki/Robert_Hunter_(lyricist) Robert Hunter], the Grateful Dead lyricist and storyteller.

== Architecture ==

Hunter runs isolated Docker containers for each developer, providing:

* '''User containers''' - each user gets their own [[Cryptograss:Arthel|arthel]]-based development environment
* '''SSH router''' - routes SSH connections to the appropriate user container
* '''Memory Lane watcher''' - monitors Claude Code conversations and posts to the Memory Lane ingest endpoint on [[Cryptograss:Maybelle|Maybelle]]

== Access ==

Developers connect via SSH:
<code>ssh username@hunter.cryptograss.live</code>

Each user's container includes:
* Claude Code with MCP tools
* Access to the shared [[PickiPedia]] MCP server
* Git and development tooling

== Relationship to Maybelle ==

Hunter is deployed and maintained by [[Cryptograss:Maybelle|Maybelle]]. While Hunter handles the storytelling (development work, conversations, code changes), Maybelle handles the integration (builds, deployments, backups).

[[Category:Cryptograss infrastructure]]

Justin Holmes and The Immutable String Band

2026-08-02T15:49:09Z

JMyles:

'''The Immutable String Band''' is a rotating band led by [[Justin Myles Holmes]]. The project is focused on cypherpunk events and building methods of hosting and ticketing live events that funnel funds toward musicians instead of rent-seekers.

The band has five US and two Europe tours, as well as a two-night run in Colombia adjacent to devcon IV. It has features many local musicians from those places, including {{m|Jake Stargel}}, {{m|Skyler Golden}}, {{m|Harry Clark}}, {{m|Pepa Lopera}}, {{m|Cory Walker}}, {{m|Christian Ward}}, as well as touring musicians from the crypto scene such as {{m|Shaka Lei Kaumaka}}, {{m|Lauren Luz}}, and {{m|Jonathan Mann}}.

* [https://justinholmes.com/ Official website]

Justin Holmes and The Immutable String Band

2026-08-02T15:45:47Z

JMyles: Created page with "'''The Immutable String Band''' is a rotating band led by Justin Myles Holmes. The project is focused on cypherpunk events and building methods of hosting and ticketing live events that funnel funds toward musicians instead of rent-seekers."

Talk:David Grier

2026-08-02T05:14:33Z

JMyles: Created page with "Somehow this page doesn't exist? I just started a reddit thread for best Grier vids. I'll paste some amazing ones here as they come up. * https://www.youtube.com/watch?v=BwJ5xSdiQq4"

Somehow this page doesn't exist?

I just started a reddit thread for best Grier vids. I'll paste some amazing ones here as they come up.

* https://www.youtube.com/watch?v=BwJ5xSdiQq4

4masks

2026-07-20T01:51:51Z

JMyles:

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

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

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

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

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

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

Cory Walker

2026-07-19T21:42:40Z

JMyles:

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

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

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

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

Rhiannon Giddens

2026-07-19T17:04:02Z

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

Template:NewsShorts

2026-07-19T17:02:23Z

JMyles:

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

Michael Cleveland

2026-07-19T16:14:56Z

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

Template:See wikipedia page

2026-07-19T16:14:48Z

JMyles:

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

Template:NewsPhoto

2026-07-19T16:12:38Z

JMyles:

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

File:Fibonacci at Grey Fox 2026.MP.jpg

2026-07-19T15:58:21Z

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

== Description ==

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

== License ==

Jake Stargel

2026-07-17T18:01:53Z

JMyles:

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

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

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

Jake Stargel

2026-07-17T17:56:48Z

JMyles:

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

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

File:Jake Stargel and Christian Ward in Colorado.png

2026-07-17T17:54:19Z

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

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

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

== License ==

Jake Stargel

2026-07-17T17:46:54Z

JMyles:

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

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

Jake Stargel

2026-07-17T17:45:23Z

JMyles:

Grey Fox 2026

2026-07-17T14:12:50Z

JMyles:

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

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

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

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

Template:NewsPhoto

2026-07-17T14:00:13Z

JMyles:

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

Carter Eddy

2026-07-17T13:04:30Z

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

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

Grey Fox 2026

2026-07-17T12:31:45Z

JMyles:

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

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

Frank Carter Rische

2026-07-16T23:54:02Z

JMyles:

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

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

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

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

Another Jeff / Geoff

2026-07-16T23:49:42Z

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

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

Grey Fox 2026

2026-07-16T23:49:05Z

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

Template:NewsShorts

2026-07-16T23:14:04Z

JMyles:

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

Template:NewsPhoto

2026-07-16T23:13:10Z

JMyles:

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

Template:NewsPhoto

2026-07-16T23:12:41Z

JMyles:

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

Show:JustinHolmes-25254342

2026-06-06T16:04:52Z

JMyles:

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

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

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

[[Category:Shows]]

Show:JustinHolmes-25247741

2026-06-06T16:02:25Z

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

#REDIRECT [[Show:JustinHolmes-25254342]]

Show:JustinHolmes-25254342

2026-06-06T16:02:25Z

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

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

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

[[Category:Shows]]

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T21:02:19Z

JMyles:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T21:02:02Z

JMyles:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Show:JustinHolmes-25254342

2026-06-02T20:59:35Z

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

Show:JustinHolmes-25254342

2026-06-02T20:59:10Z

JMyles:

Show:JustinHolmes-25254342

2026-06-02T20:56:02Z

JMyles:

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

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

[[Category:Shows]]

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T20:54:14Z

JMyles:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T20:53:56Z

JMyles:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T20:45:00Z

JMyles:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T20:44:42Z

JMyles:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Show:JustinHolmes-25254342

2026-06-02T20:38:26Z

JMyles:

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

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

[[Category:Shows]]

MediaWiki:Gadget-pickipedia-show.css

2026-06-02T20:21:55Z

JMyles:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

MediaWiki:Gadget-pickipedia-show.js

2026-06-02T20:21:39Z

JMyles:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Paul Sanna

2026-06-02T20:15:51Z

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

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

Christina Docenko

2026-06-02T20:15:31Z

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

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