PickiPedia - Recent changes [en]

User:JMyles/NGL, wish ENG gave me a shot (Fruits and Vegetables edition)

JMyles — Thu, 30 Apr 2026 01:45:04 GMT

← Older revision		Revision as of 01:45, 30 April 2026
Line 1:		Line 1:
	OK, so ENG hired {{m\|Frank Carter Rische}} to play guitar. Just cuz he's a better guitarist. Which if you think about it isn't really fair because it doesn't really take into account who can make a better fruit and vegetable puree.		OK, so ENG hired {{m\|Frank Carter Rische}} to play guitar. Just cuz he's a better guitarist. Which if you think about it isn't really fair because it doesn't really take into account who can make a better fruit and vegetable puree.

			''Last Chance to Lose:''

	{{HLSVideo\|QmdrF7qb9zExAwHZtfVn8fUJFLFQxXs2PmHsWEUQj9FDN4\|width=250px\|height=250px}}		{{HLSVideo\|QmdrF7qb9zExAwHZtfVn8fUJFLFQxXs2PmHsWEUQj9FDN4\|width=250px\|height=250px}}

	I want to thank my boys Tony Clifton and R. Lee Ermey, without whom none of this was possible.		I want to thank my boys Tony Clifton and R. Lee Ermey, without whom none of this was possible.

Cryptograss:Delivery-kid-audits/25060679

Blue Railroad Imports — Wed, 29 Apr 2026 23:00:12 GMT

Audit at block 25060679: Orphan drafts 1

New page

Audit at Ethereum block [https://etherscan.io/block/25060679 25060679] (2026-04-29 23:00:12 UTC) — OK.

<div style="background:#fef6e7; border:2px solid #ac6600; padding:0.75em 1em; margin:1em 0; border-radius:4px;">
'''⚠ Action required'''

* '''Orphan drafts''': 1
</div>

==Full audit output==
=== Storage Audit ===

Fetching Release pages from wiki...
35 Release pages
Fetching ReleaseDraft pages from wiki...
21 ReleaseDraft pages
Fetching IPFS pins from delivery-kid...
33 recursive pins
Fetching seeding directories...
32 seeding directories
Fetching staging drafts...
11 staging draft directories

--- IPFS Pins vs Release Pages ---
Deleted releases (3 total, 0 cleanup pending):
32 active, 3 deleted, 0 retired, 0 missing pins

--- Seeding Dirs vs Release Pages ---
32 total seeding dirs, 0 orphaned, 0 missing
Scanning wiki drafts for `abandoned: true`...
0 abandoned

--- Staging Drafts vs Wiki ReleaseDraft Pages ---
ORPHAN DRAFTS (1) — staging dir, no wiki page:
[[ReleaseDraft:68bf6490-1629-4863-97a7-d3bf3ce34e35|68bf6490-1629-4863-97a7-d3bf3ce34e35]] (5K, 14m old)
11 finalized wiki drafts without staging (expected — staging cleaned on finalize)
21 wiki drafts, 11 staging dirs

--- Blue Railroad Chain Data vs Releases ---
All tokens have matching Release pages with correct titles

--- Summary ---
Release pages: 35
ReleaseDraft pages: 21
IPFS pins: 33
Seeding dirs: 32
Staging drafts: 11

Orphan pins: 0
Missing pins: 0
Orphan seeds: 0
Missing seeds: 0
Orphan drafts: 1
Stalled drafts: 0
Dead wiki drafts: 0
Abandoned drafts: 0
Cleanup pending: 0 (deleted/retired releases + abandoned drafts with alive infra)

=== Audit Complete ===

[[Category:Delivery Kid Audits]]

ReleaseDraft:3bc713f8-8686-4ec5-b8db-f87e453532d1

JMyles — Wed, 29 Apr 2026 22:39:10 GMT

New Blue Railroad draft: Nine Pound Hammer (Pushups)

New page

draft_id: 3bc713f8-8686-4ec5-b8db-f87e453532d1
type: blue-railroad
source: special-deliver-blue-railroad
commit: f6ef786
uploader: JMyles
blockheight: 24835321
upload_blockheight: 25060511
content:
exercise: Nine Pound Hammer (Pushups)
file_type: video
venue: Grass House
participants:
- skylergolden.eth
- justinholmes.eth
files:
-
original_filename: PXL_20260408_220057886.mp4
media_type: video
format: MP4
duration_seconds: 190.0875
width: 1920
height: 1080
video_codec: H.265
audio_codec: AAC
size_bytes: 471778557

ReleaseDraft:4e188be5-3e2b-49f7-8351-ac4d18720b7c

SkymanJenkins — Wed, 29 Apr 2026 21:39:52 GMT

Init draft (awaiting upload)

New page

draft_id: 4e188be5-3e2b-49f7-8351-ac4d18720b7c
type: video
source: special-deliver-video
status: awaiting_upload
commit: f6ef786
uploader: SkymanJenkins
blockheight: null
upload_blockheight: 25060275
content:
title: Pickipedia Dispatch Sombrero Edition
description: ""
file_type: ""
venue: ""
performers:
files:

Template:NewsPhoto

JMyles — Wed, 29 Apr 2026 19:48:40 GMT

← Older revision		Revision as of 19:48, 29 April 2026
(One intermediate revision by the same user not shown)
Line 1:		Line 1:
	~~[[File:Clarence Canada, fil pate Shay Morgan host mandolin workshop at ems 2026.jpg~~\|~~thumb~~\|left\|~~400px\|{{m~~\|~~Clarence Canada}}, {{m\|Fil Pate}}, and {{m\|Shay Morgan}} host mandolin workshop at~~ [[~~EMS Springfest 2026]]~~]].		{{HLSVideo\|QmdrF7qb9zExAwHZtfVn8fUJFLFQxXs2PmHsWEUQj9FDN4\|width=200px\|align=left\|thumb\|caption=[[East Nash Grass]] announces new guitarist.}}

User:JMyles

JMyles — Wed, 29 Apr 2026 14:32:10 GMT

← Older revision		Revision as of 14:32, 29 April 2026
(2 intermediate revisions by the same user not shown)
Line 4:		Line 4:
	}}		}}
	[[File:Keep-pycon-beard.jpeg\|right\|thumb\|400px\|Keep PyCon Beard.]]		[[File:Keep-pycon-beard.jpeg\|right\|thumb\|400px\|Keep PyCon Beard.]]

			* [[User:JMyles/The_Algorithm_and_The_Muse]]
			* [[User:JMyles/Through Russian Passport Control With A Song]]
			* [[User:JMyles/My Long Forgotten Dream]]
			* [[User:JMyles/The Internet Doesn't Have to Feel So Lonely]]
			* [[User:JMyles/NGL, wish ENG gave me a shot (Fruits and Vegetables edition)]]

	Hey. I'm Justin Myles Holmes. I usually go by "Justin", but occasionally I use my middle name, especially on the west coast. Also, my neighbors call me "J Walk" because I tend to pace up and down the block after we get to smoking blunts.		Hey. I'm Justin Myles Holmes. I usually go by "Justin", but occasionally I use my middle name, especially on the west coast. Also, my neighbors call me "J Walk" because I tend to pace up and down the block after we get to smoking blunts.

Line 17:		Line 24:

	Peace and persistence.		Peace and persistence.

	* [[User:JMyles/The_Algorithm_and_The_Muse]]
	* [[User:JMyles/The Internet Doesn't Have to Feel So Lonely]]

Frank Carter Rische

JMyles — Wed, 29 Apr 2026 04:28:29 GMT

Created page with "{{MusicianInfo |name=Frank Carter Rische |show_instrument=guitar |scene=Nashville }}"

New page

{{MusicianInfo
|name=Frank Carter Rische
|show_instrument=guitar
|scene=Nashville
}}

User:JMyles/NGL, wish ENG gave me a shot (Fruits and Vegetables edition)

JMyles — Wed, 29 Apr 2026 04:23:29 GMT

← Older revision		Revision as of 04:23, 29 April 2026
Line 1:		Line 1:
			OK, so ENG hired {{m\|Frank Carter Rische}} to play guitar. Just cuz he's a better guitarist. Which if you think about it isn't really fair because it doesn't really take into account who can make a better fruit and vegetable puree.

	{{HLSVideo\|QmdrF7qb9zExAwHZtfVn8fUJFLFQxXs2PmHsWEUQj9FDN4\|width=250px\|height=250px}}		{{HLSVideo\|QmdrF7qb9zExAwHZtfVn8fUJFLFQxXs2PmHsWEUQj9FDN4\|width=250px\|height=250px}}

			I want to thank my boys Tony Clifton and R. Lee Ermey, without whom none of this was possible.

MediaWiki:Common.css

JMyles — Wed, 29 Apr 2026 04:21:47 GMT

Reverted edit by Magent (talk) to last revision by JMyles

@@ Line 291: / Line 291: @@
    width: 100% !important;
    max-width: 100% !important;
+}

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 04:18:47 GMT

Cap video height (max-height:70vh, width:auto) so portrait videos don't dominate the page (via update-page on MediaWiki MCP Server)

@@ Line 291: / Line 291: @@
    width: 100% !important;
    max-width: 100% !important;
+}

User:JMyles/NGL, wish ENG gave me a shot (Fruits and Vegetables edition)

JMyles — Wed, 29 Apr 2026 04:15:44 GMT

← Older revision		Revision as of 04:15, 29 April 2026
(One intermediate revision by the same user not shown)
Line 1:		Line 1:
	{{HLSVideo\|QmdrF7qb9zExAwHZtfVn8fUJFLFQxXs2PmHsWEUQj9FDN4\|width=~~400px~~}}		{{HLSVideo\|QmdrF7qb9zExAwHZtfVn8fUJFLFQxXs2PmHsWEUQj9FDN4\|width=250px\|height=250px}}

MediaWiki:Common.css

JMyles — Wed, 29 Apr 2026 04:12:53 GMT

← Older revision		Revision as of 04:12, 29 April 2026
(2 intermediate revisions by the same user not shown)
Line 206:		Line 206:
	font-family: var(--pp-serif);		font-family: var(--pp-serif);
	color: var(--pp-ink);		color: var(--pp-ink);
	~~margin-top: 28px;~~
	}		}

Line 280:		Line 279:
	.pickipedia-userpost .mw-parser-output embed,		.pickipedia-userpost .mw-parser-output embed,
	.pickipedia-userpost .mw-parser-output .hls-video-player {		.pickipedia-userpost .mw-parser-output .hls-video-player {
	~~margin: 28px 0;~~
	max-width: 100%;		max-width: 100%;
	}		}
Line 339:		Line 337:
	font-size: 19px;		font-size: 19px;
	line-height: 1.65;		line-height: 1.65;
	~~padding-bottom: 80px;~~
	}		}
	.pickipedia-variant-letter .mw-parser-output > h2 { font-size: 28px; line-height: 1.2; }		.pickipedia-variant-letter .mw-parser-output > h2 { font-size: 28px; line-height: 1.2; }
Line 436:		Line 433:
	/* ---------- Light/dark toggle ---------- */		/* ---------- Light/dark toggle ---------- */
	.pickipedia-mode {		.pickipedia-mode {
	position: ~~fixed~~;		position: absolute;
	bottom: ~~24px~~;		bottom: 5px;
	right: ~~24px~~;		right: 10px;
	background: var(--pp-card);		background: var(--pp-card);
	color: var(--pp-ink);		color: var(--pp-ink);
Line 470:		Line 467:
	.pickipedia-variant-letter .pickipedia-hero .pp-title { font-size: 32px; }		.pickipedia-variant-letter .pickipedia-hero .pp-title { font-size: 32px; }
	.pickipedia-variant-letter .pickipedia-hero .pp-dek { font-size: 17px; }		.pickipedia-variant-letter .pickipedia-hero .pp-dek { font-size: 17px; }
	~~.pickipedia-userpost .mw-parser-output { margin-top: 18px; }~~
	.pickipedia-variant-letter .mw-parser-output { font-size: 17px; }		.pickipedia-variant-letter .mw-parser-output { font-size: 17px; }
	.pickipedia-variant-letter .mw-parser-output > p:first-of-type::first-letter { font-size: 56px; }		.pickipedia-variant-letter .mw-parser-output > p:first-of-type::first-letter { font-size: 56px; }

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 04:03:00 GMT

Logo flush to top:0 left:0; add space between title and kicker (which now follows title) (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 04:03, 29 April 2026
Line 101:		Line 101:
	}		}

	/* ---------- Corner logo: ~~absolute-positioned~~ upper-left, fluid-sized		/* ---------- Corner logo: flush to upper-left, fluid sized. ---------- */
	~~so it shrinks proportionally at narrower viewports and never crowds~~
	~~the content~~. ---------- */
	.pp-corner-logo {		.pp-corner-logo {
	position: absolute;		position: absolute;
	top: ~~16px~~;		top: 0;
	left: ~~16px~~;		left: 0;
	width: clamp(60px, 9vw, 130px);		width: clamp(60px, 9vw, 130px);
	z-index: 5;		z-index: 5;
Line 169:		Line 167:
	}		}
	.pickipedia-hero .pp-kicker a:hover { color: var(--pp-ink); }		.pickipedia-hero .pp-kicker a:hover { color: var(--pp-ink); }

			/* When the kicker follows the title (letter variant), give it a small
			gap so it reads as a byline. */
			.pickipedia-hero h1.pp-title + .pp-kicker {
			margin-top: 12px;
			}

	.pickipedia-hero h1.pp-title {		.pickipedia-hero h1.pp-title {
Line 193:		Line 197:
	text-transform: uppercase;		text-transform: uppercase;
	color: var(--pp-muted);		color: var(--pp-muted);
	margin: 0;		margin: 12px 0 0;
	padding: 0;		padding: 0;
	border: none;		border: none;
Line 341:		Line 345:
	.pickipedia-variant-letter .mw-parser-output blockquote { font-size: 22px; line-height: 1.45; }		.pickipedia-variant-letter .mw-parser-output blockquote { font-size: 22px; line-height: 1.45; }

	/* On medium-narrow viewports~~, the logo and~~ the centered ~~reading~~ column		/* On medium-narrow viewports the centered column would slide under
	~~start to overlap (~~logo ~~extends to ~16px+130px=~146px from the left,~~		the corner logo — push it right enough to clear. */
	~~while the centered column's left edge moves further left as the~~
	~~viewport narrows). Push the hero/content~~ right enough to clear ~~the~~
	~~logo~~. */
	@media (min-width: 720px) and (max-width: 1100px) {		@media (min-width: 720px) and (max-width: 1100px) {
	.pickipedia-variant-letter .pickipedia-hero,		.pickipedia-variant-letter .pickipedia-hero,
Line 460:		Line 461:
	.pickipedia-topbar { padding: 10px 16px; }		.pickipedia-topbar { padding: 10px 16px; }
	.pickipedia-topbar-nav { gap: 12px; font-size: 10px; }		.pickipedia-topbar-nav { gap: 12px; font-size: 10px; }

	~~/* Logo top-left, smaller, with hero padded to clear it. */~~
	~~.pp-corner-logo { top: 10px; left: 10px; }~~

	.pickipedia-variant-letter .pickipedia-hero,		.pickipedia-variant-letter .pickipedia-hero,

MediaWiki:Common.js

Magent — Wed, 29 Apr 2026 04:01:52 GMT

Letter variant: title above, kicker below (swap) (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 04:01, 29 April 2026
Line 348:		Line 348:
	* OUTSIDE all wiki wrappers — does not push content down)		* OUTSIDE all wiki wrappers — does not push content down)
	* - non-sticky topbar (just nav) at top of body		* - non-sticky topbar (just nav) at top of body
	* - hero block with kicker, ~~title,~~ optional dek + meta		* - hero block with title (top), then USER:Username kicker below,
			* optional dek + meta
	* - light/dark mode toggle (persisted in localStorage)		* - light/dark mode toggle (persisted in localStorage)
	*		*
Line 450:		Line 451:
	'</div>';		'</div>';
	} else {		} else {
			// Letter variant: title first, then kicker, then optional dek/meta.
	hero.innerHTML =		hero.innerHTML =
			'<h1 class="pp-title">' + escapeHtml(subpage) + '</h1>' +
	'<div class="pp-kicker">' + kickerHtml + '</div>' +		'<div class="pp-kicker">' + kickerHtml + '</div>' +
	~~'<h1 class="pp-title">' + escapeHtml(subpage) + '</h1>' +~~
	(dek ? '<p class="pp-dek">' + dek + '</p>' : '') +		(dek ? '<p class="pp-dek">' + dek + '</p>' : '') +
	(lastMod ? '<div class="pp-meta">Last edited ' + escapeHtml(lastMod) + '</div>' : '');		(lastMod ? '<div class="pp-meta">Last edited ' + escapeHtml(lastMod) + '</div>' : '');

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 03:54:25 GMT

Logo: smaller and fluid-sized via clamp; add hero/content left padding so they clear the logo (via update-page on MediaWiki MCP Server)

@@ Line 43: / Line 43: @@
    background: var(--pp-paper) !important;
    color: var(--pp-ink);
+}
@@ Line 100: / Line 101: @@
+}
-/* ---------- Topbar (logo + nav) — non-sticky, sits at top of body
+/* ---------- Corner logo: absolute-positioned upper-left, fluid-sized
-    above mw-content-text. Logo upper-left, nav upper-right. ---------- */
+   so it shrinks proportionally at narrower viewports and never crowds
 .pickipedia-topbar {
    position: static;
    display: flex;
    align-items: center;
-   justify-content: space-between;
+   justify-content: flex-end;
-   padding: 12px 24px;
+   padding: 14px 24px;
-   background: var(--pp-paper);
+   background: transparent;
+}
@@ Line 279: / Line 285: @@
+}
 .pickipedia-userpost .mw-parser-output > div[style*="max-width:800px"],
 .pickipedia-userpost .mw-parser-output > div[style*="width:400px"] {
@@ Line 337: / Line 340: @@
 .pickipedia-variant-letter .mw-parser-output > h3 { font-size: 22px; line-height: 1.25; }
 .pickipedia-variant-letter .mw-parser-output blockquote { font-size: 22px; line-height: 1.45; }
 /* ---------- Variant: Masthead ---------- */
@@ Line 440: / Line 456: @@
+}
-/* ---------- Responsive ---------- */
+/* ---------- Responsive (small screens) ---------- */
-@media (max-width: 880px) {
+@media (max-width: 720px) {
    .pickipedia-topbar { padding: 10px 16px; }
    .pickipedia-topbar-nav { gap: 12px; font-size: 10px; }
    .pickipedia-variant-letter .pickipedia-hero { padding-top: 10px; }

MediaWiki:Common.js

Magent — Wed, 29 Apr 2026 03:47:34 GMT

Logo as separate body-level element, absolute-positioned upper-left; topbar keeps only nav (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 03:47, 29 April 2026
Line 342:		Line 342:

	/* ============================================================		/* ============================================================
	* Pickipedia — User-subpage zine/Substack styling ~~(Justin's design)~~		* Pickipedia — User-subpage zine/Substack styling
	*		*
	* Layout:		* Layout:
	* - non-sticky topbar at top of body ~~(logo upper-left, nav upper-right)~~		* - corner logo (absolute-positioned upper-left of viewport,
	* - hero block with kicker, title, dek~~, optional last-edited line~~		* OUTSIDE all wiki wrappers — does not push content down)
			* - non-sticky topbar (just nav) at top of body
			* - hero block with kicker, title, optional dek + meta
	* - light/dark mode toggle (persisted in localStorage)		* - light/dark mode toggle (persisted in localStorage)
	*		*
Line 391:		Line 393:
	if (saved === 'dark') body.classList.add('pickipedia-dark');		if (saved === 'dark') body.classList.add('pickipedia-dark');

	~~// Pre-generated thumb of the transparent logo. 400px exists; 300 was a 404.~~		var LOGO_URL = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';
	var ~~LOGO_TOPBAR~~ = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';

	// ---------- ~~Topbar~~ (logo + ~~nav) — sits at the top of the~~ body, ~~outside~~		// ---------- Corner logo: stand-alone body child, absolute-positioned. ----------
	// mw-~~content~~-~~text. Non~~-~~sticky, so it scrolls away with the page.~~		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">';
			document.body.insertBefore(cornerLogo, document.body.firstChild);

			// ---------- Topbar (nav only) ----------
	var topbar = document.createElement('header');		var topbar = document.createElement('header');
	topbar.className = 'pickipedia-topbar';		topbar.className = 'pickipedia-topbar';
	topbar.innerHTML =		topbar.innerHTML =
	~~'<a class="pickipedia-topbar-logo" href="/wiki/Main_Page" title="PickiPedia home">' +~~
	~~'<img src="' + LOGO_TOPBAR + '" alt="PickiPedia">' +~~
	~~'</a>' +~~
	'<nav class="pickipedia-topbar-nav">' +		'<nav class="pickipedia-topbar-nav">' +
	'<a href="' + mw.util.getUrl(pageName, { action: 'edit' }) + '">edit</a>' +		'<a href="' + mw.util.getUrl(pageName, { action: 'edit' }) + '">edit</a>' +
Line 407:		Line 412:
	'<a href="' + mw.util.getUrl('Talk:' + pageName) + '">talk</a>' +		'<a href="' + mw.util.getUrl('Talk:' + pageName) + '">talk</a>' +
	'</nav>';		'</nav>';
	document.body.insertBefore(topbar, ~~document~~.~~body.firstChild~~);		document.body.insertBefore(topbar, cornerLogo.nextSibling);

	// ---------- Hero ----------		// ---------- Hero ----------
Line 472:		Line 477:
	.replace(/>/g, '>')		.replace(/>/g, '>')
	.replace(/"/g, '"');		.replace(/"/g, '"');
	}		}
	}());		}());

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 03:43:07 GMT

Bigger topbar logo (always shown); drop masthead-in-hero rules (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 03:43, 29 April 2026
Line 100:		Line 100:
	}		}

	/* ---------- Topbar (logo + nav) — non-sticky ---------- */		/* ---------- Topbar (logo + nav) — non-sticky, sits at top of body
			above mw-content-text. Logo upper-left, nav upper-right. ---------- */
	.pickipedia-topbar {		.pickipedia-topbar {
	position: static;		position: static;
Line 106:		Line 107:
	align-items: center;		align-items: center;
	justify-content: space-between;		justify-content: space-between;
	padding: ~~10px~~ 24px;		padding: 12px 24px;
	background: var(--pp-paper);		background: var(--pp-paper);
	}		}
Line 117:		Line 118:

	.pickipedia-topbar-logo img {		.pickipedia-topbar-logo img {
	height: ~~64px~~;		height: 120px;
	width: auto;		width: auto;
	display: block;		display: block;
Line 144:		Line 145:
	font-family: var(--pp-serif);		font-family: var(--pp-serif);
	color: var(--pp-ink);		color: var(--pp-ink);
	}

	~~/* Big floating masthead logo — sits to the LEFT of the title text on~~
	~~wide viewports. The kicker/title/body wrap around it like a magazine~~
	~~drop-figure. Hidden on narrow viewports (the topbar logo handles it). */~~
	~~.pp-masthead-logo {~~
	~~float: left;~~
	~~margin: 0 24px 12px 0;~~
	~~width: 200px;~~
	~~display: block;~~
	~~text-decoration: none;~~
	}
	~~.pp-masthead-logo img {~~
	~~width: 100%;~~
	~~height: auto;~~
	~~display: block;~~
	}		}

Line 205:		Line 190:
	padding: 0;		padding: 0;
	border: none;		border: none;
	}

	~~.pickipedia-hero::after {~~
	~~content: "";~~
	~~display: block;~~
	~~clear: left;~~
	}		}

Line 301:		Line 280:

	/* The {{HLSVideo\|...\|width=400px}} template wraps the player in a div		/* The {{HLSVideo\|...\|width=400px}} template wraps the player in a div
	with inline `width:400px;max-width:800px`. ~~That's the right behavior~~		with inline `width:400px;max-width:800px`. On a post the video should
	~~on a Release page, but on~~ a post the video should fill the reading		fill the reading column instead. */
	column~~. Override the inline width to 100% so the video centers and~~
	~~sizes naturally~~. */
	.pickipedia-userpost .mw-parser-output > div[style*="max-width:800px"],		.pickipedia-userpost .mw-parser-output > div[style*="max-width:800px"],
	.pickipedia-userpost .mw-parser-output > div[style*="width:400px"] {		.pickipedia-userpost .mw-parser-output > div[style*="width:400px"] {
Line 461:		Line 438:
	border-color: var(--pp-accent);		border-color: var(--pp-accent);
	color: var(--pp-accent);		color: var(--pp-accent);
	}

	~~/* ---------- Logo swap based on viewport ---------- */~~
	~~@media (min-width: 720px) {~~
	~~.pickipedia-topbar-logo { display: none; }~~
	}

	~~@media (max-width: 719px) {~~
	~~.pp-masthead-logo { display: none; }~~
	}		}

	/* ---------- Responsive ---------- */		/* ---------- Responsive ---------- */
	@media (max-width: 880px) {		@media (max-width: 880px) {
	.pickipedia-topbar { padding: ~~8px~~ 16px; }		.pickipedia-topbar { padding: 10px 16px; }
	.pickipedia-topbar-logo img { height: ~~48px~~; }		.pickipedia-topbar-logo img { height: 72px; }
	.pickipedia-topbar-nav { gap: 12px; font-size: 10px; }		.pickipedia-topbar-nav { gap: 12px; font-size: 10px; }

MediaWiki:Common.js

Magent — Wed, 29 Apr 2026 03:41:53 GMT

Drop in-hero masthead logo; topbar logo is the only logo now (sits above mw-content-text) (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 03:41, 29 April 2026
Line 343:		Line 343:
	/* ============================================================		/* ============================================================
	* Pickipedia — User-subpage zine/Substack styling (Justin's design)		* Pickipedia — User-subpage zine/Substack styling (Justin's design)
			*
			* Layout:
			* - non-sticky topbar at top of body (logo upper-left, nav upper-right)
			* - hero block with kicker, title, dek, optional last-edited line
			* - light/dark mode toggle (persisted in localStorage)
			*
			* Variant from HTML comment marker `pickipedia:variant=letter\|masthead`
			* or category membership; default letter.
	* ============================================================ */		* ============================================================ */

Line 383:		Line 391:
	if (saved === 'dark') body.classList.add('pickipedia-dark');		if (saved === 'dark') body.classList.add('pickipedia-dark');

	// Pre-generated thumb ~~sizes for~~ the transparent logo. ~~The 300px thumb~~		// Pre-generated thumb of the transparent logo. 400px exists; 300 was a 404.
	~~// 404s (never been requested),~~ 400px exists~~. Use 400px for masthead~~		var LOGO_TOPBAR = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';
	~~// (renders sharper at the 200px display size on retina) and 120px for~~
	~~// the topbar~~.
	var LOGO_TOPBAR ~~= '/images/thumb/8/80/Pickipedia-quarter-transparent.png/120px-Pickipedia-quarter-transparent.png';~~
	~~var LOGO_MASTHEAD~~ = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';

	// ---------- Topbar (~~compact~~ logo + nav) ---~~-------~~		// ---------- Topbar (logo + nav) — sits at the top of the body, outside
			// mw-content-text. Non-sticky, so it scrolls away with the page.
	var topbar = document.createElement('header');		var topbar = document.createElement('header');
	topbar.className = 'pickipedia-topbar';		topbar.className = 'pickipedia-topbar';
Line 427:		Line 432:
	var hero = document.createElement('header');		var hero = document.createElement('header');
	hero.className = 'pickipedia-hero';		hero.className = 'pickipedia-hero';

	~~var mastheadLogoHtml =~~
	~~'<a class="pp-masthead-logo" href="/wiki/Main_Page" title="PickiPedia home">' +~~
	~~'<img src="' + LOGO_MASTHEAD + '" alt="PickiPedia">' +~~
	~~'</a>';~~

	if (variant === 'masthead') {		if (variant === 'masthead') {
	hero.innerHTML = ~~mastheadLogoHtml +~~		hero.innerHTML =
	'<div class="pp-topbar">' +		'<div class="pp-topbar">' +
	'<div class="pp-kicker">' + kickerHtml + '</div>' +		'<div class="pp-kicker">' + kickerHtml + '</div>' +
Line 445:		Line 445:
	'</div>';		'</div>';
	} else {		} else {
	hero.innerHTML = ~~mastheadLogoHtml +~~		hero.innerHTML =
	'<div class="pp-kicker">' + kickerHtml + '</div>' +		'<div class="pp-kicker">' + kickerHtml + '</div>' +
	'<h1 class="pp-title">' + escapeHtml(subpage) + '</h1>' +		'<h1 class="pp-title">' + escapeHtml(subpage) + '</h1>' +

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 03:19:24 GMT

Force inline-styled HLSVideo wrapper (width=400px) to fill the reading column on post pages (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 03:19, 29 April 2026
Line 140:		Line 140:
	.pickipedia-topbar-nav a:hover { color: var(--pp-accent); }		.pickipedia-topbar-nav a:hover { color: var(--pp-accent); }

	/* ---------- Hero ~~— kicker hugs title hugs body, no rule~~ ---------- */		/* ---------- Hero ---------- */
	.pickipedia-hero {		.pickipedia-hero {
	font-family: var(--pp-serif);		font-family: var(--pp-serif);
Line 148:		Line 148:
	/* Big floating masthead logo — sits to the LEFT of the title text on		/* Big floating masthead logo — sits to the LEFT of the title text on
	wide viewports. The kicker/title/body wrap around it like a magazine		wide viewports. The kicker/title/body wrap around it like a magazine
	drop-figure. Hidden on narrow viewports (the topbar logo handles it).		drop-figure. Hidden on narrow viewports (the topbar logo handles it). */
	~~The transparent PNG asset is at /images/8/80/Pickipedia-quarter-transparent.png~~
	*/
	.pp-masthead-logo {		.pp-masthead-logo {
	float: left;		float: left;
Line 209:		Line 207:
	}		}

	~~/* Clear the float once the hero ends so video / body content don't~~
	~~wrap into the logo's column. */~~
	.pickipedia-hero::after {		.pickipedia-hero::after {
	content: "";		content: "";
Line 303:		Line 299:
	background: transparent;		background: transparent;
	}		}

			/* The {{HLSVideo\|...\|width=400px}} template wraps the player in a div
			with inline `width:400px;max-width:800px`. That's the right behavior
			on a Release page, but on a post the video should fill the reading
			column. Override the inline width to 100% so the video centers and
			sizes naturally. */
			.pickipedia-userpost .mw-parser-output > div[style*="max-width:800px"],
			.pickipedia-userpost .mw-parser-output > div[style*="width:400px"] {
			width: 100% !important;
			max-width: 100% !important;
			}

	.pickipedia-userpost .mw-parser-output .thumbcaption,		.pickipedia-userpost .mw-parser-output .thumbcaption,
	.pickipedia-userpost .mw-parser-output figcaption {		.pickipedia-userpost .mw-parser-output figcaption {
Line 456:		Line 464:

	/* ---------- Logo swap based on viewport ---------- */		/* ---------- Logo swap based on viewport ---------- */
	~~/* Wide: hide compact topbar logo, show big floating masthead logo. */~~
	@media (min-width: 720px) {		@media (min-width: 720px) {
	.pickipedia-topbar-logo { display: none; }		.pickipedia-topbar-logo { display: none; }
	}		}

	~~/* Narrow: hide masthead logo (no room beside title), keep topbar logo. */~~
	@media (max-width: 719px) {		@media (max-width: 719px) {
	.pp-masthead-logo { display: none; }		.pp-masthead-logo { display: none; }

MediaWiki:Common.js

Magent — Wed, 29 Apr 2026 03:18:13 GMT

Fix masthead logo URL: 300px thumb was 404; use 400px which exists (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 03:18, 29 April 2026
Line 343:		Line 343:
	/* ============================================================		/* ============================================================
	* Pickipedia — User-subpage zine/Substack styling (Justin's design)		* Pickipedia — User-subpage zine/Substack styling (Justin's design)
	* Adds:
	* - non-sticky topbar with compact PickiPedia logo + edit/history/talk
	* - hero block with floating BIG masthead logo (left), kicker, title
	* (transparent PNG, hangs to the left of the headline on wide
	* viewports; CSS hides the masthead version and shows the topbar
	* version below ~720px)
	* - light/dark mode toggle (persisted in localStorage)
	*
	* Variant from HTML comment marker `pickipedia:variant=letter\|masthead`
	* or category membership; default letter.
	* ============================================================ */		* ============================================================ */

Line 360:		Line 350:
	if (typeof mw === 'undefined' \|\| !mw.config) return;		if (typeof mw === 'undefined' \|\| !mw.config) return;

	var nsNumber = mw.config.get('wgNamespaceNumber'); ~~// 2 = User~~		var nsNumber = mw.config.get('wgNamespaceNumber');
	var pageName = mw.config.get('wgPageName') \|\| '';		var pageName = mw.config.get('wgPageName') \|\| '';
	var title = mw.config.get('wgTitle') \|\| '';		var title = mw.config.get('wgTitle') \|\| '';
Line 388:		Line 378:
	body.classList.add('pickipedia-variant-' + variant);		body.classList.add('pickipedia-variant-' + variant);

	~~// Persisted light/dark mode~~
	var STORAGE_KEY = 'pickipedia-mode';		var STORAGE_KEY = 'pickipedia-mode';
	var saved = null;		var saved = null;
	try { saved = localStorage.getItem(STORAGE_KEY); } catch (e) {}		try { saved = localStorage.getItem(STORAGE_KEY); } catch (e) {}
	if (saved === 'dark') body.classList.add('pickipedia-dark');		if (saved === 'dark') body.classList.add('pickipedia-dark');

			// Pre-generated thumb sizes for the transparent logo. The 300px thumb
			// 404s (never been requested), 400px exists. Use 400px for masthead
			// (renders sharper at the 200px display size on retina) and 120px for
			// the topbar.
			var LOGO_TOPBAR = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/120px-Pickipedia-quarter-transparent.png';
			var LOGO_MASTHEAD = '/images/thumb/8/80/Pickipedia-quarter-transparent.png/400px-Pickipedia-quarter-transparent.png';

	// ---------- Topbar (compact logo + nav) ----------		// ---------- Topbar (compact logo + nav) ----------
	~~// CSS hides the topbar logo on wide viewports — the masthead one in~~
	~~// the hero takes over. On narrow viewports the topbar logo shows.~~
	var topbar = document.createElement('header');		var topbar = document.createElement('header');
	topbar.className = 'pickipedia-topbar';		topbar.className = 'pickipedia-topbar';
	topbar.innerHTML =		topbar.innerHTML =
	'<a class="pickipedia-topbar-logo" href="/wiki/Main_Page" title="PickiPedia home">' +		'<a class="pickipedia-topbar-logo" href="/wiki/Main_Page" title="PickiPedia home">' +
	'<img src="~~/images/thumb/8/80/Pickipedia-quarter-transparent.png/120px-Pickipedia-quarter-transparent.png~~" alt="PickiPedia">' +		'<img src="' + LOGO_TOPBAR + '" alt="PickiPedia">' +
	'</a>' +		'</a>' +
	'<nav class="pickipedia-topbar-nav">' +		'<nav class="pickipedia-topbar-nav">' +
Line 434:		Line 428:
	hero.className = 'pickipedia-hero';		hero.className = 'pickipedia-hero';

	~~// Big masthead logo (transparent PNG) — floats left in the hero.~~
	~~// Hidden by CSS on narrow viewports.~~
	var mastheadLogoHtml =		var mastheadLogoHtml =
	'<a class="pp-masthead-logo" href="/wiki/Main_Page" title="PickiPedia home">' +		'<a class="pp-masthead-logo" href="/wiki/Main_Page" title="PickiPedia home">' +
	'<img src="~~/images/thumb/8/80/Pickipedia-quarter-transparent.png/300px-Pickipedia-quarter-transparent.png~~" alt="PickiPedia">' +		'<img src="' + LOGO_MASTHEAD + '" alt="PickiPedia">' +
	'</a>';		'</a>';

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 03:10:29 GMT

Unsticky topbar; big floating masthead logo on wide viewports; small topbar logo only on narrow (via update-page on MediaWiki MCP Server)

@@ Line 100: / Line 100: @@
+}
-/* ---------- Sticky topbar (logo + nav) ---------- */
+/* ---------- Topbar (logo + nav) — non-sticky ---------- */
 .pickipedia-topbar {
-   position: sticky;
+   position: static;
    display: flex;
    align-items: center;
@@ Line 110: / Line 108: @@
    padding: 10px 24px;
    background: var(--pp-paper);
+}
@@ Line 148: / Line 145: @@
    color: var(--pp-ink);
+}
 .pickipedia-hero .pp-kicker {
    font-family: var(--pp-mono);
@@ Line 191: / Line 207: @@
    padding: 0;
    border: none;
+}
@@ Line 429: / Line 453: @@
    border-color: var(--pp-accent);
    color: var(--pp-accent);
+}
 /* ---------- Responsive ---------- */
 @media (max-width: 880px) {
-   .pickipedia-topbar {
+   .pickipedia-topbar { padding: 8px 16px; }
    .pickipedia-topbar-logo img { height: 48px; }
    .pickipedia-topbar-nav { gap: 12px; font-size: 10px; }

MediaWiki:Common.js

Magent — Wed, 29 Apr 2026 03:09:16 GMT

Inject big floating masthead logo (transparent) inside hero; topbar small logo + nav stay for narrow screens (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 03:09, 29 April 2026
Line 344:		Line 344:
	* Pickipedia — User-subpage zine/Substack styling (Justin's design)		* Pickipedia — User-subpage zine/Substack styling (Justin's design)
	* Adds:		* Adds:
	* - sticky topbar with PickiPedia logo + edit/history/talk		* - non-sticky topbar with compact PickiPedia logo + edit/history/talk
	* - hero block (kicker, title, ~~dek, optional last-edited line~~)		* - hero block with floating BIG masthead logo (left), kicker, title
			* (transparent PNG, hangs to the left of the headline on wide
			* viewports; CSS hides the masthead version and shows the topbar
			* version below ~720px)
	* - light/dark mode toggle (persisted in localStorage)		* - light/dark mode toggle (persisted in localStorage)
	*
	* The kicker (USER:Name) is the only attribution element — the
	* avatar + repeated name beneath the title was redundant noise.
	*		*
	* Variant from HTML comment marker `pickipedia:variant=letter\|masthead`		* Variant from HTML comment marker `pickipedia:variant=letter\|masthead`
Line 394:		Line 394:
	if (saved === 'dark') body.classList.add('pickipedia-dark');		if (saved === 'dark') body.classList.add('pickipedia-dark');

	// ---------- Topbar (logo + nav) ----------		// ---------- Topbar (compact logo + nav) ----------
			// CSS hides the topbar logo on wide viewports — the masthead one in
			// the hero takes over. On narrow viewports the topbar logo shows.
	var topbar = document.createElement('header');		var topbar = document.createElement('header');
	topbar.className = 'pickipedia-topbar';		topbar.className = 'pickipedia-topbar';
	topbar.innerHTML =		topbar.innerHTML =
	'<a class="pickipedia-topbar-logo" href="/wiki/Main_Page" title="PickiPedia home">' +		'<a class="pickipedia-topbar-logo" href="/wiki/Main_Page" title="PickiPedia home">' +
	'<img src="/images/thumb/6/61/Pickipedia-quarter.png/120px-Pickipedia-quarter.png" alt="PickiPedia">' +		'<img src="/images/thumb/8/80/Pickipedia-quarter-transparent.png/120px-Pickipedia-quarter-transparent.png" alt="PickiPedia">' +
	'</a>' +		'</a>' +
	'<nav class="pickipedia-topbar-nav">' +		'<nav class="pickipedia-topbar-nav">' +
Line 417:		Line 419:
	}		}

	~~// Kicker links to the user's profile page so it's clickable~~
	~~// attribution as well as visual orientation.~~
	var kickerHtml = '<a href="' + mw.util.getUrl('User:' + username.replace(/ /g, '_')) +		var kickerHtml = '<a href="' + mw.util.getUrl('User:' + username.replace(/ /g, '_')) +
	'">User:' + escapeHtml(username) + '</a>';		'">User:' + escapeHtml(username) + '</a>';
Line 433:		Line 433:
	var hero = document.createElement('header');		var hero = document.createElement('header');
	hero.className = 'pickipedia-hero';		hero.className = 'pickipedia-hero';

			// Big masthead logo (transparent PNG) — floats left in the hero.
			// Hidden by CSS on narrow viewports.
			var mastheadLogoHtml =
			'<a class="pp-masthead-logo" href="/wiki/Main_Page" title="PickiPedia home">' +
			'<img src="/images/thumb/8/80/Pickipedia-quarter-transparent.png/300px-Pickipedia-quarter-transparent.png" alt="PickiPedia">' +
			'</a>';

	if (variant === 'masthead') {		if (variant === 'masthead') {
	hero.innerHTML =		hero.innerHTML = mastheadLogoHtml +
	'<div class="pp-topbar">' +		'<div class="pp-topbar">' +
	'<div class="pp-kicker">' + kickerHtml + '</div>' +		'<div class="pp-kicker">' + kickerHtml + '</div>' +
Line 446:		Line 453:
	'</div>';		'</div>';
	} else {		} else {
	hero.innerHTML =		hero.innerHTML = mastheadLogoHtml +
	'<div class="pp-kicker">' + kickerHtml + '</div>' +		'<div class="pp-kicker">' + kickerHtml + '</div>' +
	'<h1 class="pp-title">' + escapeHtml(subpage) + '</h1>' +		'<h1 class="pp-title">' + escapeHtml(subpage) + '</h1>' +

File:Pickipedia-quarter-transparent.png

JMyles — Wed, 29 Apr 2026 03:05:33 GMT

JMyles uploaded File:Pickipedia-quarter-transparent.png Uploaded a work by null from null with Media Uploader

New page

== Description ==

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

== License ==

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 02:48:16 GMT

Reduce hero padding-top to 10px (letter variant, desktop + mobile) (via update-page on MediaWiki MCP Server)

Show changes

MediaWiki:Common.js

Magent — Wed, 29 Apr 2026 02:24:58 GMT

Drop the byline (avatar+name) below title — kicker already carries User:Name; just keep date as small meta line (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 02:24, 29 April 2026
(One intermediate revision by the same user not shown)
Line 345:		Line 345:
	* Adds:		* Adds:
	* - sticky topbar with PickiPedia logo + edit/history/talk		* - sticky topbar with PickiPedia logo + edit/history/talk
	* - hero block (kicker, title, dek, ~~byline~~) ~~before content~~		* - hero block (kicker, title, dek, optional last-edited line)
	* - colophon at end
	* - light/dark mode toggle (persisted in localStorage)		* - light/dark mode toggle (persisted in localStorage)
			*
			* The kicker (USER:Name) is the only attribution element — the
			* avatar + repeated name beneath the title was redundant noise.
	*		*
	* Variant from HTML comment marker `pickipedia:variant=letter\|masthead`		* Variant from HTML comment marker `pickipedia:variant=letter\|masthead`
Line 367:		Line 369:
	if (title.indexOf('/') === -1) return;		if (title.indexOf('/') === -1) return;

	var slash = title.indexOf('/');		var slash = title.indexOf('/');
	var username = title.slice(0, slash).replace(/_/g, ' ');		var username = title.slice(0, slash).replace(/_/g, ' ');
	var subpage = title.slice(slash + 1).replace(/_/g, ' ');		var subpage = title.slice(slash + 1).replace(/_/g, ' ');
	~~var userInitials = username~~
	~~.split(/\s+/)~~
	~~.map(function (w) { return w.charAt(0); })~~
	~~.join('')~~
	~~.slice(0, 2)~~
	~~.toUpperCase() \|\| username.slice(0, 2).toUpperCase(~~);

	var body = document.body;		var body = document.body;
Line 397:		Line 393:
	try { saved = localStorage.getItem(STORAGE_KEY); } catch (e) {}		try { saved = localStorage.getItem(STORAGE_KEY); } catch (e) {}
	if (saved === 'dark') body.classList.add('pickipedia-dark');		if (saved === 'dark') body.classList.add('pickipedia-dark');

	~~var encodedUser = encodeURIComponent(username.replace(/ /g, '_'));~~

	// ---------- Topbar (logo + nav) ----------		// ---------- Topbar (logo + nav) ----------
Line 423:		Line 417:
	}		}

	var ~~kicker~~ = 'User:' + username;		// Kicker links to the user's profile page so it's clickable
			// attribution as well as visual orientation.
			var kickerHtml = '<a href="' + mw.util.getUrl('User:' + username.replace(/ /g, '_')) +
			'">User:' + escapeHtml(username) + '</a>';
	var kickerEl = content.querySelector('.pp-kicker-source');		var kickerEl = content.querySelector('.pp-kicker-source');
	if (kickerEl) {		if (kickerEl) {
	~~kicker~~ = kickerEl.textContent.trim();		kickerHtml = escapeHtml(kickerEl.textContent.trim());
	kickerEl.remove();		kickerEl.remove();
	}		}
Line 436:		Line 433:
	var hero = document.createElement('header');		var hero = document.createElement('header');
	hero.className = 'pickipedia-hero';		hero.className = 'pickipedia-hero';
	~~var titleText = subpage;~~

	if (variant === 'masthead') {		if (variant === 'masthead') {
	hero.innerHTML =		hero.innerHTML =
	'<div class="pp-topbar">' +		'<div class="pp-topbar">' +
	'<div class="pp-kicker">' + ~~escapeHtml(kicker)~~ + '</div>' +		'<div class="pp-kicker">' + kickerHtml + '</div>' +
	'<div class="pp-topbar-rule"></div>' +		'<div class="pp-topbar-rule"></div>' +
	(lastMod ? '<div class="pp-topbar-vol">' + escapeHtml(lastMod) + '</div>' : '') +		(lastMod ? '<div class="pp-topbar-vol">' + escapeHtml(lastMod) + '</div>' : '') +
	'</div>' +		'</div>' +
	'<div class="pp-titlewrap">' +		'<div class="pp-titlewrap">' +
	'<h1 class="pp-title">' + escapeHtml(~~titleText~~) + '</h1>' +		'<h1 class="pp-title">' + escapeHtml(subpage) + '</h1>' +
	(dek ? '<p class="pp-dek">' + dek + '</p>' : '') +		(dek ? '<p class="pp-dek">' + dek + '</p>' : '') +
	~~'</div>' +~~
	~~'<div class="pp-byline">' +~~
	~~'<a class="pp-avatar" href="/wiki/User:' + encodedUser + '">' + escapeHtml(userInitials) + '</a>' +~~
	~~'<a class="pp-byline-name" href="/wiki/User:' + encodedUser + '">' + escapeHtml(username) + '</a>' +~~
	~~'<div class="pp-byline-meta">' + escapeHtml(lastMod \|\| '') + '</div>' +~~
	'</div>';		'</div>';
	} else {		} else {
	hero.innerHTML =		hero.innerHTML =
	'<div class="pp-kicker">' + ~~escapeHtml(kicker)~~ + '</div>' +		'<div class="pp-kicker">' + kickerHtml + '</div>' +
	'<h1 class="pp-title">' + escapeHtml(~~titleText~~) + '</h1>' +		'<h1 class="pp-title">' + escapeHtml(subpage) + '</h1>' +
	(dek ? '<p class="pp-dek">' + dek + '</p>' : '') +		(dek ? '<p class="pp-dek">' + dek + '</p>' : '') +
	~~'<div class="pp-byline">' +~~		(lastMod ? '<div class="pp-meta">Last edited ' + escapeHtml(lastMod) + '</div>' : '');
	~~'<a class="pp-avatar" href="/wiki/User:' + encodedUser + '">' + escapeHtml~~(~~userInitials) + '</a>' +~~
	~~'<div>' +~~
	~~'<a class="pp-byline-name" href="/wiki/User:' + encodedUser + '">' + escapeHtml(username) + '</a>' +~~
	'<div class="pp~~-byline~~-meta">' + escapeHtml(lastMod ~~\|\| ''~~) + '</div>' +
	'~~</div>' +~~
	~~'</div>~~';
	}		}
	content.parentNode.insertBefore(hero, content);		content.parentNode.insertBefore(hero, content);

	~~var colophon = document.createElement('div');~~
	~~colophon.className = 'pickipedia-colophon';~~
	~~colophon.innerHTML =~~
	~~'<span>' + escapeHtml('User:' + username + ' / ' + subpage) + '</span>' +~~
	~~'<span>' + escapeHtml(lastMod ? 'Last edited ' + lastMod : '') + '</span>';~~
	~~content.parentNode.insertBefore(colophon, content.nextSibling);~~
	}		}

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 02:06:20 GMT

Post style: replace floating corner with sticky topbar (logo + nav); tighten mobile hero spacing (via update-page on MediaWiki MCP Server)

Show changes

MediaWiki:Common.js

Magent — Wed, 29 Apr 2026 02:05:06 GMT

Post style: replace floating corner with proper sticky topbar (logo + nav) (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 02:05, 29 April 2026
Line 343:		Line 343:
	/* ============================================================		/* ============================================================
	* Pickipedia — User-subpage zine/Substack styling (Justin's design)		* Pickipedia — User-subpage zine/Substack styling (Justin's design)
	*		* Adds:
	* Activates on User:~~<username>/<subpagename> ONLY (not the~~		* - sticky topbar with PickiPedia logo + edit/history/talk
	* ~~User: root page). Adds the body class .pickipedia~~-~~userpost~~		* - hero block (kicker, title, dek, byline) before content
	* and injects:		* - colophon at end
	* - hero block (kicker, title, dek, byline)
	* - tucked edit/history/talk corner
	* - colophon
	* - light/dark mode toggle (persisted in localStorage)		* - light/dark mode toggle (persisted in localStorage)
	*		*
	* Variant ~~is read~~ from an HTML comment marker ~~in the wikitext,~~		* Variant from HTML comment marker `pickipedia:variant=letter\|masthead`
	* or ~~from~~ category membership ~~("Masthead style" / "Letter style").~~		* or category membership; default letter.
	* Defaults to "letter".
	* ============================================================ */		* ============================================================ */

Line 363:		Line 359:

	var nsNumber = mw.config.get('wgNamespaceNumber'); // 2 = User		var nsNumber = mw.config.get('wgNamespaceNumber'); // 2 = User
	var pageName = mw.config.get('wgPageName') \|\| ''; ~~// e.g. "User:Mira_R/Newsstands"~~		var pageName = mw.config.get('wgPageName') \|\| '';
	var title = mw.config.get('wgTitle') \|\| ''; ~~// e.g. "Mira_R/Newsstands"~~		var title = mw.config.get('wgTitle') \|\| '';
	var action = mw.config.get('wgAction') \|\| 'view';		var action = mw.config.get('wgAction') \|\| 'view';

Line 394:		Line 390:
	if (cats.indexOf('Masthead style') !== -1) variant = 'masthead';		if (cats.indexOf('Masthead style') !== -1) variant = 'masthead';
	if (cats.indexOf('Letter style') !== -1) variant = 'letter';		if (cats.indexOf('Letter style') !== -1) variant = 'letter';

	body.classList.add('pickipedia-variant-' + variant);		body.classList.add('pickipedia-variant-' + variant);

			// Persisted light/dark mode
	var STORAGE_KEY = 'pickipedia-mode';		var STORAGE_KEY = 'pickipedia-mode';
	var saved = null;		var saved = null;
Line 402:		Line 398:
	if (saved === 'dark') body.classList.add('pickipedia-dark');		if (saved === 'dark') body.classList.add('pickipedia-dark');

			var encodedUser = encodeURIComponent(username.replace(/ /g, '_'));

			// ---------- Topbar (logo + nav) ----------
			var topbar = document.createElement('header');
			topbar.className = 'pickipedia-topbar';
			topbar.innerHTML =
			'<a class="pickipedia-topbar-logo" href="/wiki/Main_Page" title="PickiPedia home">' +
			'<img src="/images/thumb/6/61/Pickipedia-quarter.png/120px-Pickipedia-quarter.png" alt="PickiPedia">' +
			'</a>' +
			'<nav class="pickipedia-topbar-nav">' +
			'<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>';
			document.body.insertBefore(topbar, document.body.firstChild);

			// ---------- Hero ----------
	if (content) {		if (content) {
	var dek = '';		var dek = '';
Line 423:		Line 436:
	var hero = document.createElement('header');		var hero = document.createElement('header');
	hero.className = 'pickipedia-hero';		hero.className = 'pickipedia-hero';

	var titleText = subpage;		var titleText = subpage;

Line 438:		Line 450:
	'</div>' +		'</div>' +
	'<div class="pp-byline">' +		'<div class="pp-byline">' +
	'<a class="pp-avatar" href="/wiki/User:' + ~~encodeURIComponent(username.replace(/ /g, '_'))~~ + '">' + escapeHtml(userInitials) + '</a>' +		'<a class="pp-avatar" href="/wiki/User:' + encodedUser + '">' + escapeHtml(userInitials) + '</a>' +
	'<a class="pp-byline-name" href="/wiki/User:' + ~~encodeURIComponent(username.replace(/ /g, '_'))~~ + '">' + escapeHtml(username) + '</a>' +		'<a class="pp-byline-name" href="/wiki/User:' + encodedUser + '">' + escapeHtml(username) + '</a>' +
	'<div class="pp-byline-meta">' + escapeHtml(lastMod \|\| '') + '</div>' +		'<div class="pp-byline-meta">' + escapeHtml(lastMod \|\| '') + '</div>' +
	'</div>';		'</div>';
Line 448:		Line 460:
	(dek ? '<p class="pp-dek">' + dek + '</p>' : '') +		(dek ? '<p class="pp-dek">' + dek + '</p>' : '') +
	'<div class="pp-byline">' +		'<div class="pp-byline">' +
	'<a class="pp-avatar" href="/wiki/User:' + ~~encodeURIComponent(username.replace(/ /g, '_'))~~ + '">' + escapeHtml(userInitials) + '</a>' +		'<a class="pp-avatar" href="/wiki/User:' + encodedUser + '">' + escapeHtml(userInitials) + '</a>' +
	'<div>' +		'<div>' +
	'<a class="pp-byline-name" href="/wiki/User:' + ~~encodeURIComponent(username.replace(/ /g, '_'))~~ + '">' + escapeHtml(username) + '</a>' +		'<a class="pp-byline-name" href="/wiki/User:' + encodedUser + '">' + escapeHtml(username) + '</a>' +
	'<div class="pp-byline-meta">' + escapeHtml(lastMod \|\| '') + '</div>' +		'<div class="pp-byline-meta">' + escapeHtml(lastMod \|\| '') + '</div>' +
	'</div>' +		'</div>' +
	'</div>';		'</div>';
	}		}

	content.parentNode.insertBefore(hero, content);		content.parentNode.insertBefore(hero, content);

Line 466:		Line 477:
	}		}

	~~var corner = document.createElement('nav');~~		// ---------- Light/dark toggle ----------
	~~corner.className = 'pickipedia-corner';~~
	~~corner.innerHTML =~~
	~~'<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>';~~
	~~document.body.appendChild(corner);~~

	var toggle = document.createElement('button');		var toggle = document.createElement('button');
	toggle.className = 'pickipedia-mode';		toggle.className = 'pickipedia-mode';

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 01:58:19 GMT

Post style: replace v7 with Justin's zine/Substack design (paper palette, hero, drop cap, dark mode, two variants); monobook chrome hides added (via update-page on MediaWiki MCP Server)

Show changes

MediaWiki:Common.js

Magent — Wed, 29 Apr 2026 01:57:04 GMT

Post style: replace v2 IIFE with Justin's zine/Substack design (hero, variants, corner, dark mode) (via update-page on MediaWiki MCP Server)

Show changes

MediaWiki:Common.css

Magent — Wed, 29 Apr 2026 01:30:25 GMT

Post style v7: kill body background, tighten content margin-top on mobile (via update-page on MediaWiki MCP Server)

Show changes

MediaWiki:Common.js

Magent — Wed, 29 Apr 2026 00:56:32 GMT

Post style v2: rewrite H1 to just post name, inject byline element (via update-page on MediaWiki MCP Server)

@@ Line 340: / Line 340: @@
      });
 })();
 /**
   * Post style — auto-tag User:<name>/<subpage> pages with body.pickipedia-post
-  * so Common.css can render them in a personal-blog reading layout instead of
+  * so Common.css can render them in a personal-blog reading layout. Also
-  * the default monobook chrome.
+  * rewrites the H1 to just the post name (drops "User:JMyles/" prefix) and
   */
 (function() {
@@ Line 355: / Line 351: @@
      if (mw.config.get('wgNamespaceNumber') !== 2) return;
      var pageName = mw.config.get('wgPageName') || '';
-     if (pageName.indexOf('/') === -1) return;
+     var slash = pageName.indexOf('/');
      document.body.classList.add('pickipedia-post');
 })();

User:Magent

JMyles — Wed, 29 Apr 2026 00:53:31 GMT

JMyles changed group membership for Magent from bot to interface administrator (temporary, until 00:53, 6 May 2026) and bot