MediaWiki:Common.js: Difference between revisions
Fix logo image sizing |
Add loop attribute, swap in the upgraded 25s video |
||
| (One intermediate revision by the same user not shown) | |||
| Line 38: | Line 38: | ||
} ); | } ); | ||
} ); | } ); | ||
}() ); | |||
/* 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>'; | |||
}() ); | }() ); | ||
Latest revision as of 19:41, 21 August 2026
/* 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>';
}() );