Hattie Blake

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>Hattie Blake</title>
	<link>https://blakehattie.com</link>
	<description>Hattie Blake</description>
	<pubDate>Tue, 24 Mar 2026 20:17:06 +0000</pubDate>
	<generator>https://blakehattie.com</generator>
	<language>en</language>
	
		
	<item>
		<title>HOMEPAGE</title>
				
		<link>https://blakehattie.com/HOMEPAGE</link>

		<pubDate>Tue, 24 Mar 2026 20:17:06 +0000</pubDate>

		<dc:creator>Hattie Blake</dc:creator>

		<guid isPermaLink="true">https://blakehattie.com/HOMEPAGE</guid>

		<description>
#trail-container {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 10;
  overflow: hidden;
}

.imagetrail {
  position: absolute;
  max-width: 45vw;
  max-height: 40vh;
  pointer-events: auto;
  cursor: pointer;
  transition: opacity 0.6s;
}

#lb-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99999;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#lb-overlay.active { display: flex; }

#lb-img {
  max-height: 90vh;
  max-width: 90vw;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

#lb-close, #lb-prev, #lb-next {
  position: fixed;
  background: none;
  border: none;
  cursor: pointer;
  font-family: "Neue Haas Grotesk", sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  color: #fff;
  z-index: 100000;
  padding: 1rem;
}
#lb-close { top: 1rem; right: 1rem; }
#lb-prev  { top: 50%; left: 0; transform: translateY(-50%); }
#lb-next  { top: 50%; right: 0; transform: translateY(-50%); }

body.lb-open { overflow: hidden; }

@media (max-width: 768px) {
  [grid-row][grid-gutter="4"] {
    margin-top: 0 !important;
  }

  .hb-nav {
    margin-top: 80px;
  }

  #trail-container {
    top: 130px;
  }

  #lb-prev, #lb-next {
    font-size: 1.8rem;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.2);
  }

  #lb-close {
    font-size: 1rem;
    padding: 1.2rem;
  }

  .hamburger,
  .nav-hamburger,
  [class*="hamburger"],
  [class*="burger"],
  [data-nav-toggle] {
    display: none !important;
  }
}


  CLOSE
  ←
  &#60;img id="lb-img" src="" alt=""&#62;
  →


var allImages = [
  "https://freight.cargo.site/t/original/i/eaa3d961c1b9b1b9e71924ae7845e330c13a4500f6d52121a52edebf9755b7c2/8--7178rachel19834-2.jpg",
  "https://freight.cargo.site/t/original/i/0c05b5dc84556502a3988ed115a8e9a2d3649201df478dd7d833958057c1491e/R1-07608-033A.jpg",
  "https://freight.cargo.site/t/original/i/aeb8a64570fcd8c6d3ced47ebbdf29656a1944631f4986eeb5b3313894211098/IMG_0035.jpg",
  "https://freight.cargo.site/t/original/i/693f34eac3719f71e4b82e6593fead6e7a87c4dff4776abd67ae078aea57ea51/000153250002.jpg",
  "https://freight.cargo.site/t/original/i/fec9d55b8b25b5176a116fd316130412217b568d9659b534751110b3237204fb/000177950005.jpg",
  "https://freight.cargo.site/t/original/i/eb85fb196f8fa004f0ee3dab908d22f1d0ee57893985ccfaca94b3d9a64abe3a/2508180007_4.jpg",
  "https://freight.cargo.site/t/original/i/dd9c933803257095fa476dc8475b69e5ea0c67c12d76649cf1402defc87ed2cb/IMG_0043-2.jpg",
  "https://freight.cargo.site/t/original/i/060339192ad7f00c7411de2c39f450d5cc5685b9884faa1ea873c29e50948322/000177940006-1.jpg",
  "https://freight.cargo.site/t/original/i/32741001f90fec465e1ee4ca26bb11b1ef330d3e5bd83e76793b9ff7ef099827/000153240004.jpg",
  "https://freight.cargo.site/t/original/i/447d18e06b9418dd3fb3d869332b87ccafddca175237e3ac2ea20fa0dd1dd92f/33577901-ba8f-4c7b-9b24-6a8b80fa15ca.JPG",
  "https://freight.cargo.site/t/original/i/9396944a9bee98b8fc6a24d62af0c9f80d0333059319626d0db4df2bec0276ba/000015130008.jpg",
  "https://freight.cargo.site/t/original/i/6dbc60b67b63b8f05ec97dc096a8d0e3e1578c2f63256ab92859626eb89c0a83/000015130003.jpg",
  "https://freight.cargo.site/t/original/i/e509395ade1e66f814d3e971816674b63e591313d2b48317fe582a3808749aa8/000010570005.jpg",
  "https://freight.cargo.site/t/original/i/d2ef81d1a853270006c9b3fd1e0e99a8fb206879b456b791d8e9430c551f4a7e/265938hamit0403.jpg",
  "https://freight.cargo.site/t/original/i/ed9adb64bc4ab2c3e3c9ff6a101305027c5c6349be0aea4be0ba2b4e9dc3d20f/5017hattie788-47.jpg",
  "https://freight.cargo.site/t/original/i/756c91563221e8a4e87c7aff9dd1851d1ae0bdfb59159b891bad3448853438c8/5017hattie788-38.jpg",
  "https://freight.cargo.site/t/original/i/5804f5aa6a92da6da94dca48076cbc69a8b3f61ff7a4d5a6a94853566b9e3e95/1691hatti1020-10.jpg",
  "https://freight.cargo.site/t/original/i/7663a9405e7c5b161aae2e5790170df9ad24beade7ae3508aa01512ffd16a878/36--7437mauricio1228.jpg",
  "https://freight.cargo.site/t/original/i/91a9bd03b2362209554343efdf90bad51032bb94520d99d14eca683b82735c0f/30--5816harriet4782-2.jpg",
  "https://freight.cargo.site/t/original/i/15213eee4b0a3696c95d261656ee62b6fac30f3a81353d6d5502c72990df2efb/29--7178rachel1985.jpg",
  "https://freight.cargo.site/t/original/i/967eacf6cb06c05f6f81aeaf5c02ac7a5b9c9ada37cab1b9e41e947d373a8c09/20--5816harriet4782.jpg",
  "https://freight.cargo.site/t/original/i/93938846ea92b052185b7df0038dcb02cfb60a564792d706a9fb60b369d06135/14--5816harriet4783-2.jpg",
  "https://freight.cargo.site/t/original/i/5fcb7992b1a2e40b5ea13daa1d857136a5421149e9624fdc5b0300f877384228/9I5B9632.jpg",
  "https://freight.cargo.site/t/original/i/4c4cf7e7bfcefecc127a292fc17bcb51ddbe8ba7e4321b5fbdd3c58e2a343c66/7--5816haariet4787.jpg",
  "https://freight.cargo.site/t/original/i/23437f257cd49782ddfbb706a1767724fb9f05f2f81d49884cd9f913517ab955/7--5816haariet4784.jpg",
  "https://freight.cargo.site/t/original/i/7f2735bc22afb28c46b4aaeeba73cceeb4cc810f9c61f40c0b23e9d262422efb/4-1203mauri1503.jpg",
  "https://freight.cargo.site/t/original/i/97f09658a3e0d79cd0e6d2b2c0e75f006ae191758bb1fa951dd1e72f15dad735/3--5816harriet4782-2.jpg",
  "https://freight.cargo.site/t/original/i/37e45fdfc6d44b284720c3445952840c74b321cefd01f6b4ab6a75930231b104/2--0036hatte3768.jpg",
  "https://freight.cargo.site/t/original/i/ba70b973bdf42b7fb42e0b9cd8280b23c996b3488dd17b8afd2869a2a9012d9e/000040230001.jpg",
  "https://freight.cargo.site/t/original/i/4c76b7638e9cfd6f2c9004f222f294b9b5ea05a4ef5de1c158f37523ef4e1210/30--7437mauricio1227.jpg",
  "https://freight.cargo.site/t/original/i/b69609a0a73c53fb54f778cb8c1a2c0e9c62f39cc1dc5e15c1719bc8fa39df61/11--7437mauricio1228.jpg",
  "https://freight.cargo.site/t/original/i/49fe143962e21a7c2633d597636feaa6fac89536479923ce0827ea87e4241427/R1-07442-0020.JPG",
  "https://freight.cargo.site/t/original/i/c06518351a0843205b0ef08cceb67f95d5a68ad79654adb9bc6ed89c275d663f/9--7437mauricio1229.jpg",
  "https://freight.cargo.site/t/original/i/ab708f43e8ef1ba70f354e3b4005b2fd30afa61f4535bc310ff5475963633b88/000177970009.jpg",
  "https://freight.cargo.site/t/original/i/c6fc0e3bc49b2d0ac35815b08523d0a5af8802b71fb25c7fea3cda2c5ec74437/R1-07442-0018.JPG",
  "https://freight.cargo.site/t/original/i/66029d1e2ff123a08e46149c7b810bd819191d47d73e10994e4e77f90586a6be/55938ha0405-min.jpg",
  "https://freight.cargo.site/t/original/i/3e8ce4c65aa0f271a49e6f200d842785a50cc6e131428b32c5d2eaf559675532/Screenshot-2023-05-14-at-14.04.29.png",
  "https://freight.cargo.site/t/original/i/5ca928eceb1173ef6d9e0b63d94e6e2529958225ad593e57b95b3387918ae449/000015120007.jpg",
  "https://freight.cargo.site/t/original/i/44d901eb52090d8cb7e8633c7abab620193fd0cb5768e08218321e3f7c7eff06/Screenshot-2023-05-14-at-13.59.15.png",
  "https://freight.cargo.site/t/original/i/c86d1fdd54c8de63936fdfd3a265f10ac7124edbf5cc32d08adf5de660120370/R1-06461-0006.jpg",
  "https://freight.cargo.site/t/original/i/c1b9b871af397f2fd1c4e4ca12fe0bdd2dbc2cd9070acd0f4058aba17e95e41f/12-2976HAR134.jpg"
];

// ── Trail ────────────────────────────────────────────────────
var currentImageIndex = 0;
var imageTrail = [];
var lastImageCoords = null;
var overlay   = document.getElementById("lb-overlay");
var lbImg     = document.getElementById("lb-img");
var container = document.getElementById("trail-container");

allImages.forEach(function(src) {
  var img = new Image();
  img.src = src;
});

function showImage(x, y) {
  if (overlay.classList.contains("active")) return;
  if (lastImageCoords &#38;&#38;
      Math.sqrt(Math.pow(x - lastImageCoords.x, 2) + Math.pow(y - lastImageCoords.y, 2))  5) {
    var old = imageTrail.shift();
    old.style.opacity = "0";
    setTimeout(function() { old.remove(); }, 600);
  }

  lastImageCoords = { x: x, y: y };
}

document.addEventListener("mousemove", function(e) {
  showImage(e.clientX, e.clientY);
});

// Freeze page scroll while trail is active
document.addEventListener("touchmove", function(e) {
  e.preventDefault();
  showImage(e.touches[0].clientX, e.touches[0].clientY);
}, { passive: false });

// ── Lightbox ─────────────────────────────────────────────────
var lbIndex = 0;
var savedZIndexes = [];

function openLightbox(src) {
  lbIndex = allImages.indexOf(src);
  if (lbIndex === -1) lbIndex = 0;
  lbImg.src = allImages[lbIndex];
  overlay.classList.add("active");
  document.body.classList.add("lb-open");

  savedZIndexes = [];
  document.querySelectorAll("*").forEach(function(el) {
    if (el === overlay &#124;&#124; overlay.contains(el)) return;
    var computed = window.getComputedStyle(el);
    if ((computed.position === "fixed" &#124;&#124; computed.position === "sticky") &#38;&#38;
        computed.zIndex !== "auto" &#38;&#38; parseInt(computed.zIndex) &#62; 0) {
      savedZIndexes.push({ el: el, z: el.style.zIndex });
      el.style.zIndex = "0";
    }
  });
}

function closeLightbox() {
  overlay.classList.remove("active");
  document.body.classList.remove("lb-open");
  savedZIndexes.forEach(function(item) { item.el.style.zIndex = item.z; });
  savedZIndexes = [];
}

function showNext() {
  lbIndex = (lbIndex + 1) % allImages.length;
  lbImg.src = allImages[lbIndex];
}

function showPrev() {
  lbIndex = (lbIndex - 1 + allImages.length) % allImages.length;
  lbImg.src = allImages[lbIndex];
}

document.getElementById("lb-close").addEventListener("click", closeLightbox);
document.getElementById("lb-next").addEventListener("click", showNext);
document.getElementById("lb-prev").addEventListener("click", showPrev);

document.addEventListener("keydown", function(e) {
  if (!overlay.classList.contains("active")) return;
  if (e.key === "ArrowRight") showNext();
  if (e.key === "ArrowLeft")  showPrev();
  if (e.key === "Escape")     closeLightbox();
});

// Swipe to browse on mobile
var swipeStartX = 0;
overlay.addEventListener("touchstart", function(e) {
  swipeStartX = e.touches[0].clientX;
}, { passive: true });

overlay.addEventListener("touchend", function(e) {
  var diff = swipeStartX - e.changedTouches[0].clientX;
  if (Math.abs(diff) &#62; 50) {
    if (diff &#62; 0) showNext();
    else showPrev();
  }
}, { passive: true });
</description>
		
	</item>
		
	</channel>
</rss>