MediaWiki:Common.js - Revision history

Brett: Add loop attribute, swap in the upgraded 25s video

2026-08-21T19:41:46Z

Add loop attribute, swap in the upgraded 25s video

← Older revision		Revision as of 19:41, 21 August 2026
Line 44:		Line 44:
	if ( !placeholder ) return;		if ( !placeholder ) return;
	placeholder.innerHTML =		placeholder.innerHTML =
	'<video controls preload="metadata" poster="/wiki/media/spacelift-diagram-poster.jpg" style="max-width:728px;width:100%;height:auto;">' +		'<video controls loop preload="metadata" poster="/wiki/media/spacelift-diagram-poster.jpg" style="max-width:728px;width:100%;height:auto;">' +
	'<source src="/wiki/media/spacelift-diagram-video.mp4" type="video/mp4">' +		'<source src="/wiki/media/spacelift-diagram-video.mp4" type="video/mp4">' +
	'Your browser does not support embedded video. <a href="/wiki/media/spacelift-diagram-video.mp4">Download the video</a> instead.' +		'Your browser does not support embedded video. <a href="/wiki/media/spacelift-diagram-video.mp4">Download the video</a> instead.' +
	'</video>';		'</video>';
	}() );		}() );

Brett: Inject build-flow video via JS

2026-08-21T19:19:39Z

Inject build-flow video via JS

@@ Line 38: / Line 38: @@
 		} );
 	} );
 }() );

Brett: Fix logo image sizing

2026-08-21T17:10:06Z

Fix logo image sizing

← Older revision		Revision as of 17:10, 21 August 2026
Line 5:		Line 5:
	header.innerHTML =		header.innerHTML =
	'<div class="bf-wrap">' +		'<div class="bf-wrap">' +
	'<a class="bf-name" href="https://brettfullmer.com/"><img src="https://brettfullmer.com/favicon.svg" alt="">Brett Fullmer</a>' +		'<a class="bf-name" href="https://brettfullmer.com/"><img src="https://brettfullmer.com/favicon.svg" alt="" width="24" height="24">Brett Fullmer</a>' +
	'<div class="bf-mobile-actions">' +		'<div class="bf-mobile-actions">' +
	'<a class="bf-cta" href="https://linkedin.com/in/brettfullmer">LinkedIn</a>' +		'<a class="bf-cta" href="https://linkedin.com/in/brettfullmer">LinkedIn</a>' +

Brett: Inject matching masthead with hamburger

2026-08-21T17:04:27Z

Inject matching masthead with hamburger

New page

/* Inject a masthead matching brettfullmer.com's header, with a working hamburger menu. */
( function () {
var header = document.createElement( 'header' );
header.id = 'bf-masthead';
header.innerHTML =
'<div class="bf-wrap">' +
'<a class="bf-name" href="https://brettfullmer.com/"><img src="https://brettfullmer.com/favicon.svg" alt="">Brett Fullmer</a>' +
'<div class="bf-mobile-actions">' +
'<a class="bf-cta" href="https://linkedin.com/in/brettfullmer">LinkedIn</a>' +
'<button class="bf-toggle" aria-label="Toggle menu" aria-expanded="false">' +
'<span></span><span></span><span></span>' +
'</button>' +
'</div>' +
'<nav class="bf-links" id="bf-nav-links">' +
'<a href="https://brettfullmer.com/#about">What I Do</a>' +
'<a href="https://brettfullmer.com/#experience">Experience</a>' +
'<a href="https://brettfullmer.com/#sabbatical">AI Lab</a>' +
'<a href="https://brettfullmer.com/blog/">Blog</a>' +
'<a href="/wiki/Main_Page" class="bf-current">Wiki</a>' +
'<a class="bf-cta bf-cta-desktop" href="https://linkedin.com/in/brettfullmer">LinkedIn</a>' +
'</nav>' +
'</div>';

document.body.insertBefore( header, document.body.firstChild );

var toggle = header.querySelector( '.bf-toggle' );
var links = header.querySelector( '.bf-links' );
toggle.addEventListener( 'click', function () {
var isOpen = links.classList.toggle( 'open' );
toggle.classList.toggle( 'open', isOpen );
toggle.setAttribute( 'aria-expanded', isOpen ? 'true' : 'false' );
} );
links.querySelectorAll( 'a' ).forEach( function ( a ) {
a.addEventListener( 'click', function () {
links.classList.remove( 'open' );
toggle.classList.remove( 'open' );
toggle.setAttribute( 'aria-expanded', 'false' );
} );
} );
}() );