Jay Holtslander JayHoltslander

MP4

With: https://www.ffmpeg.org/ (brew install ffmpeg)

The command I used to strip the unused/silent audio channel + "hint for streaming" was:

ffmpeg -i my-video.mp4 -c copy -an -movflags faststart my-video-nosound-hint.mp4

This caused an 8MB video which was too big for web usage, to become a 10MB file that plays immediately while the video is still downloading.

Before: Lighthouse complained about the page and the video file (Rightly so).

Install with: npm install broken-link-checker -g
Run with: blc https://www.website.com/blog -ro --exclude-external
Run locally and save log with: blc http://localhost:80/blog -ro --exclude-external > output.txt

	<!-- SVG EMOJI FAVICON. See https://twitter.com/LeaVerou/status/1241619866475474946 -->
	<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22>
	<text y=%22.9em%22 font-size=%2290%22>😎</text>
	</svg>">


	<!--ANIMATED ATTEMPT-->
	<!-- SVG EMOJI FAVICON. See https://twitter.com/LeaVerou/status/1241619866475474946 -->
	<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><style>svg{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}svg{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}svg{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}

	// Fetch external data for use with 11ty (https://www.11ty.dev)
	const fetch = require("node-fetch");

	module.exports = async function() {
	console.log( "Fetching titles…" );

	// Sheety API - See: https://sheety.co/
	const response = await fetch("https://v2-api.sheety.co/fc583ad9266228c03ecc1ee9ace31835/starWarsChronologicalOrder/sheet1")
	return response.json();
	};

	// WP FEATURED IMAGE URLS in JSON API
	// See: https://wordpress.stackexchange.com/a/249769/105228
	//
	add_action( 'rest_api_init', 'add_thumbnail_to_JSON' );
	function add_thumbnail_to_JSON() {
	//Add featured image
	register_rest_field(
	'post', // Where to add the field (Here, blog posts. Could be an array)
	'featured_image_src', // Name of new field (You can call this anything)
	array(

	<!-- Email Hack to ensure message preview snippets looks as desired -->
	<div style="display: none; max-height: 0px; overflow: hidden;">{Name (First):1.3} filled out the website contact form and wrote: {Message:7}</div><!-- Insert ͏&zwnj;  hack after hidden preview text -->
	<div style="display: none; max-height: 0px; overflow: hidden;">
	͏ &zwnj;     ͏ &zwnj;     ͏ &zwnj;     ͏ &zwnj;     ͏ &zwnj;     ͏ &zwnj;     ͏ &zwnj;     ͏ &zwnj;
	</div>
	<!-- /Email Hack -->

	<!-- Alert message -->
	<aside>
	<strong>

	<!-- Add to tag "Custom HTML Tag" in GTM with "Firing Trigger" "All Pages" (Page View) for an instant falling snow overlay ontop of your website. -->
	<!-- See: https://bsky.app/profile/jay.holtslander.ca/post/3ma7nio36tk2w -->
	<script>
	(function() {
	var snowContainer = document.createElement('div');
	snowContainer.id = "gtm_snow_root";
	snowContainer.style.cssText = "position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;pointer-events:none!important;z-index:2147483647!important;overflow:hidden!important;display:block!important;background:transparent!important;";
	document.documentElement.appendChild(snowContainer);

	var SNOWFLAKE_COUNT = 150;

	# cwebp Docs: https://developers.google.com/speed/webp/docs/using

	find ./ -type f -name '*.png' -exec sh -c 'cwebp -q 75 $1 -o "${1%.png}.webp"' _ {} \; &&
	find ./ -type f -name '*.jpg' -exec sh -c 'cwebp -q 75 $1 -o "${1%.jpg}.webp"' _ {} \;

	#!/usr/bin/env bash

	/Applications/VLC.app/Contents/MacOS/VLC "$@"