https://mackburnett.com/brand-header.js

1(() => {
2  const brandSelector = "nav .max-w-7xl > a[href='/']:first-child";
3
4  const installBrand = () => {
5    const link = document.querySelector(brandSelector);
6    if (!link || link.dataset.mackBrandInstalled === "true") return;
7
8    link.dataset.mackBrandInstalled = "true";
9    link.classList.add("mack-site-brand");
10    link.setAttribute("aria-label", "Mack Burnett home");
11    link.replaceChildren();
12
13    const mark = document.createElement("img");
14    mark.src = "/assets/mack-b-monogram-brand-guide.png";
15    mark.alt = "";
16    mark.className = "mack-site-brand__mark";
17    mark.width = 48;
18    mark.height = 48;
19
20    const name = document.createElement("span");
21    name.className = "mack-site-brand__name";
22    name.textContent = "Mack Burnett";
23
24    link.append(mark, name);
25  };
26
27  const observer = new MutationObserver(installBrand);
28  observer.observe(document.documentElement, { childList: true, subtree: true });
29
30  if (document.readyState === "loading") {
31    document.addEventListener("DOMContentLoaded", installBrand, { once: true });
32  } else {
33    installBrand();
34  }
35})();