MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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="" width="24" height="24">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' );
		} );
	} );
}() );
/* Inject the build-flow video into its placeholder (raw <video> tags get sanitized by MediaWiki) */
( function () {
	var placeholder = document.getElementById( 'wiki-video-spacelift-build' );
	if ( !placeholder ) return;
	placeholder.innerHTML =
		'<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">' +
			'Your browser does not support embedded video. <a href="/wiki/media/spacelift-diagram-video.mp4">Download the video</a> instead.' +
		'</video>';
}() );