zachleat

html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

zachleat

<responsive-image
	path="./src/images/home-store.jpg"
	alt="The front entrance to a store"
	:widths="[350, null]" />

<!-- BECOMES -->

<picture>
	<source srcset="/v3/img/respimg/ef7c5bc4-350.webp 350w, /v3/img/respimg/ef7c5bc4.webp 589w" type="image/webp">
	<source srcset="/v3/img/respimg/ef7c5bc4-350.jpeg 350w, /v3/img/respimg/ef7c5bc4.jpeg 589w" type="image/jpeg">

zachleat

const eleventyVue = require("@11ty/eleventy-plugin-vue");

module.exports = function(eleventyConfig) {
  // Use Defaults
  eleventyConfig.addPlugin(eleventyVue);

  // OR, Use your own options
  eleventyConfig.addPlugin(eleventyVue, {
	  // Directory for single file components (defaults to includes folder)
		componentsDirectory: "",

zachleat

module.exports = function(eleventyConfig) {
  // you’ll have to get a list of all the tags in your talks.json here which is not great but pretty easy
  ["Web Assembly"].forEach(function(tag) {
    eleventyConfig.addCollection(tag, function(collection) {
      return collection.getFilteredByTag("talks").filter(item => {
        // note here the use of the pagination alias `talk`
      	return (item.data.talk.tags || []).indexOf(tag) > -1;
      });
    });
  });

zachleat

<!-- throws an error, missing [alt] attribute -->
{% img src="img/9a93578a.png", loading="lazy" %}

<!-- local img source, outputs a standard <img> tag -->
{% img src="img/9a93578a.png", alt="zachleat’s Avatar", loading="lazy" %}

<!-- remote img source -->
<!-- download using avatar-local-cache, outputs <picture> with webp and png fallback -->
{% img src="https://www.gravatar.com/avatar/e1899004c71c7043343196103e210be3?default=404", alt="zachleat’s Avatar", loading="lazy" %}

zachleat

const Eleventy = require("@11ty/eleventy");

(async function() {
	let inst = new Eleventy();
	await inst.init();
	await inst.write();
})();

zachleat

{
      "type": "entry",
      "author": {
        "type": "card",
        "name": "",
        "photo": "",
        "url": ""
      },
      "url": "https://remysharp.com/2019/06/11/ejecting-disqus",
      "published": "2019-06-11T00:00:00",

zachleat

(function() {
	let fontSizes = new Set();
	document.querySelectorAll("*").forEach(function(node) {
		fontSizes.add(window.getComputedStyle(node).getPropertyValue("font-size"));
	});
	return Array.from(fontSizes).sort();
})();

zachleat

;(function ($) {
  function Lettering() {}
  
  Lettering.prototype.splitText = function() {};

  Lettering.prototype.injector = function() {};

  window.LetteringJS = Lettering;
})(jQuery);

zachleat

Dear Zach Leatherman,

Today the FCC voted to remove net neutrality rules that restricted Internet service providers from throttling specific parts of the Internet, creating "Paid Prioritization" plans, and blocking or reducing access to competitive products. 

We at XXX stand committed to Net Neutrality and to treating all customer data as the highest priority and will not throttle, cap, or limit access to any legal site on the Internet.   When our data usage gets high on links we increase the speed we can handle instead of trying to reduce the speed you use.

We believe the Internet should remain open and we will do our part for our customers to make sure that happens.

Thanks,