bump scripts

update README.md
bump scripts
2026-04-14 19:13:51 +00:00 · 2026-04-14 09:33:45 -07:00 · 2026-04-14 09:26:16 -07:00 · 2026-04-14 09:23:14 -07:00 · 2026-04-14 08:56:59 -07:00 · 2026-04-14 03:09:20 -07:00
9 changed files with 143 additions and 78 deletions
--- a/README.md
+++ b/README.md
@@ -1,3 +1 @@
 ![Badge](https://hitscounter.dev/api/hit?url=https%3A%2F%2Ftimmypidashev.dev&label=Visits&icon=eye-fill&color=%23198754)
 <img src=".github/preview.jpeg" title="Preview"/>
--- a/public/blog/thinkpad-t440p-coreboot-guide/eeprom_chip_4mb.webp
+++ b/public/blog/thinkpad-t440p-coreboot-guide/eeprom_chip_4mb.webp
--- a/public/blog/thinkpad-t440p-coreboot-guide/eeprom_chip_8mb.webp
+++ b/public/blog/thinkpad-t440p-coreboot-guide/eeprom_chip_8mb.webp
--- a/public/blog/thinkpad-t440p-coreboot-guide/spi_flasher_assembly.webp
+++ b/public/blog/thinkpad-t440p-coreboot-guide/spi_flasher_assembly.webp
--- a/public/scripts
+++ b/public/scripts
--- a/src/components/hero/index.tsx
+++ b/src/components/hero/index.tsx
@@ -439,8 +439,15 @@ function GlitchCountdown({ seconds }: { seconds: number }) {
 export default function Hero() {
  const [phase, setPhase] = useState<
-    "intro" | "full" | "retired" | "countdown" | "glitch"
+    "intro" | "full" | "retired" | "countdown" | "glitch" | "void"
-  >("intro");
+  >(() => {
    if (import.meta.env.DEV && typeof window !== "undefined") {
      const p = new URLSearchParams(window.location.search);
      if (p.has("debug-glitch")) return "glitch";
      if (p.has("debug-countdown")) return "countdown";
    }
    return "intro";
  });
  const [fading, setFading] = useState(false);
  const [cycle, setCycle] = useState(0);
  const [countdown, setCountdown] = useState(150);
@@ -482,49 +489,81 @@ export default function Hero() {
  }, [phase]);
  // Glitch → transition into void
-  const glitchRef = useRef<HTMLDivElement>(null);
+  // Apply animation directly to each visible element (works on both desktop + mobile)
  // On mobile, filter/transform on <body> doesn't reach fixed-position children,
  // so we target the elements themselves
  useEffect(() => {
    if (phase !== "glitch") return;
    // Apply glitch to all direct children of the layout wrapper
    const wrapper = glitchRef.current?.closest("main")?.parentElement || document.body;
    const style = document.createElement("style");
    style.textContent = `
-      .hero-glitch-child {
+      .hero-glitch-shake {
-        animation: hero-glitch 3s ease-in forwards;
+        animation: hero-glitch-shake 3s ease-in forwards !important;
      }
-      @keyframes hero-glitch {
+      @keyframes hero-glitch-shake {
-        0% { filter: none; transform: none; opacity: 1; }
+        0% { transform: none; }
-        5% { filter: hue-rotate(90deg) saturate(3); transform: skewX(2deg); }
+        5% { transform: skewX(2deg); }
-        10% { filter: invert(1); transform: skewX(-3deg) translateX(5px); }
+        10% { transform: skewX(-3deg) translateX(5px); }
-        15% { filter: hue-rotate(180deg) brightness(1.5); transform: scale(1.02); }
+        15% { transform: scale(1.02); }
-        20% { filter: saturate(5) contrast(2); transform: skewX(1deg) translateY(-2px); }
+        20% { transform: skewX(1deg) translateY(-2px); }
-        25% { filter: invert(1) hue-rotate(270deg); transform: skewX(-2deg); }
+        25% { transform: skewX(-2deg); }
-        30% { filter: brightness(2) saturate(0); transform: scale(0.98); }
+        30% { transform: scale(0.98); }
-        40% { filter: hue-rotate(45deg) contrast(3); transform: translateX(-3px); }
+        40% { transform: translateX(-3px); }
-        50% { filter: invert(1) brightness(0.5); transform: skewX(4deg) skewY(1deg); }
+        50% { transform: skewX(4deg) skewY(1deg); }
-        60% { filter: saturate(0) brightness(1.8); transform: scale(1.01); }
+        60% { transform: scale(1.01); }
-        70% { filter: hue-rotate(180deg) brightness(0.3); transform: none; }
+        70% { transform: none; }
-        80% { filter: contrast(5) saturate(0); transform: skewX(-1deg); }
+        80% { transform: skewX(-1deg); }
-        90% { filter: brightness(0.1); transform: scale(0.99); opacity: 0.1; }
+        90% { transform: none; }
-        100% { filter: brightness(0); transform: none; opacity: 0; }
+        100% { transform: none; }
      }
      .hero-glitch-filter {
        animation: hero-glitch-filter 3s ease-in forwards !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 99999 !important;
        pointer-events: none !important;
      }
      @keyframes hero-glitch-filter {
        0% { backdrop-filter: none; background: transparent; }
        5% { backdrop-filter: hue-rotate(90deg) saturate(3); }
        10% { backdrop-filter: invert(1); }
        15% { backdrop-filter: hue-rotate(180deg) brightness(1.5); }
        20% { backdrop-filter: saturate(5) contrast(2); }
        25% { backdrop-filter: invert(1) hue-rotate(270deg); }
        30% { backdrop-filter: brightness(2) saturate(0); }
        40% { backdrop-filter: hue-rotate(45deg) contrast(3); }
        50% { backdrop-filter: invert(1) brightness(0.5); }
        60% { backdrop-filter: saturate(0) brightness(1.8); }
        70% { backdrop-filter: hue-rotate(180deg) brightness(0.3); }
        80% { backdrop-filter: contrast(5) saturate(0); }
        90% { backdrop-filter: brightness(0); background: #000; }
        100% { backdrop-filter: brightness(0); background: #000; }
      }
    `;
    document.head.appendChild(style);
-    const children = Array.from(wrapper.children) as HTMLElement[];
+    // Overlay for backdrop-filter (color distortion — works on all platforms)
-    children.forEach(child => child.classList.add("hero-glitch-child"));
+    const overlay = document.createElement("div");
    overlay.className = "hero-glitch-filter";
    document.body.appendChild(overlay);
    // Shake transforms on all layout elements
    const targets = document.querySelectorAll<HTMLElement>(
      "header, main, footer, nav"
    );
    targets.forEach(el => el.classList.add("hero-glitch-shake"));
    // After glitch animation, transition to void phase
    const timeout = setTimeout(() => {
-      children.forEach(child => child.classList.remove("hero-glitch-child"));
+      targets.forEach(el => el.classList.remove("hero-glitch-shake"));
      overlay.remove();
      style.remove();
      setPhase("void");
    }, 3000);
    return () => {
      clearTimeout(timeout);
-      children.forEach(child => child.classList.remove("hero-glitch-child"));
+      targets.forEach(el => el.classList.remove("hero-glitch-shake"));
      overlay.remove();
      style.remove();
    };
  }, [phase]);
@@ -587,7 +626,7 @@ export default function Hero() {
  }
  if (phase === "glitch") {
-    return <div ref={glitchRef} className="min-h-screen" />;
+    return <div className="min-h-screen" />;
  }
  if (phase === "countdown") {
--- a/src/components/void/index.tsx
+++ b/src/components/void/index.tsx
@@ -151,28 +151,20 @@ export default function VoidExperience({ token }: VoidExperienceProps) {
  const [visitCount, setVisitCount] = useState<number | null>(null);
  const [dissolving, setDissolving] = useState(false);
-  // Inject CSS + hide cursor + force fullscreen feel on mobile
+  // Inject CSS + hide cursor + hide layout chrome underneath
  useEffect(() => {
    const style = document.createElement("style");
    style.textContent = GLITCH_CSS;
    document.head.appendChild(style);
    document.body.style.cursor = "none";
    // Push mobile tab bar off-screen by making the page taller than viewport
    const meta = document.querySelector('meta[name="viewport"]');
    const origContent = meta?.getAttribute("content") || "";
    meta?.setAttribute("content", "width=device-width, initial-scale=1, interactive-widget=resizes-content");
    document.documentElement.style.overflow = "hidden";
    document.body.style.overflow = "hidden";
    // Scroll down slightly to trigger mobile browsers hiding the tab bar
    window.scrollTo(0, 1);
    return () => {
      style.remove();
      document.body.style.cursor = "";
      document.documentElement.style.overflow = "";
      document.body.style.overflow = "";
      if (meta) meta.setAttribute("content", origContent);
    };
  }, []);
@@ -212,7 +204,7 @@ export default function VoidExperience({ token }: VoidExperienceProps) {
  const corruption = getCorruption(activeSegment);
  return (
-    <div className="fixed inset-0 bg-black" style={{ height: "100dvh" }}>
+    <div className="fixed inset-0 bg-black z-[9999]" style={{ height: "100dvh" }}>
      {/* 3D Canvas — full glitch (transforms + filters) */}
      <div className={`fixed inset-0 z-[10] ${getCanvasGlitch(activeSegment, dissolving)}`}>
        <Canvas
@@ -225,17 +217,16 @@ export default function VoidExperience({ token }: VoidExperienceProps) {
        </Canvas>
      </div>
-      {/* Typewriter — filter-only glitch (no transform shift) */}
+      {/* Typewriter — glitch class applied to inner text, not the fixed container */}
      {visitCount !== null && (
-        <div className={getTextGlitch(activeSegment, dissolving)}>
+        <VoidTypewriter
-          <VoidTypewriter
+          startSegment={0}
-            startSegment={0}
+          onPhaseComplete={handlePhaseComplete}
-            onPhaseComplete={handlePhaseComplete}
+          onSegmentChange={handleSegmentChange}
-            onSegmentChange={handleSegmentChange}
+          visitCount={visitCount}
-            visitCount={visitCount}
+          corruption={corruption}
-            corruption={corruption}
+          glitchClass={getTextGlitch(activeSegment, dissolving)}
-          />
+        />
        </div>
      )}
    </div>
  );
--- a/src/components/void/typewriter.tsx
+++ b/src/components/void/typewriter.tsx
@@ -11,6 +11,7 @@ interface VoidTypewriterProps {
  onSegmentChange: (index: number) => void;
  visitCount: number;
  corruption: number;
  glitchClass: string;
 }
 function getTextNodes(node: Node): Text[] {
@@ -25,7 +26,7 @@ function getTextNodes(node: Node): Text[] {
  return nodes;
 }
-export default function VoidTypewriter({ startSegment, onPhaseComplete, onSegmentChange, visitCount, corruption }: VoidTypewriterProps) {
+export default function VoidTypewriter({ startSegment, onPhaseComplete, onSegmentChange, visitCount, corruption, glitchClass }: VoidTypewriterProps) {
  const containerRef = useRef<HTMLDivElement>(null);
  const corruptionRef = useRef(corruption);
  corruptionRef.current = corruption;
@@ -85,7 +86,7 @@ export default function VoidTypewriter({ startSegment, onPhaseComplete, onSegmen
    <div className="fixed inset-0 z-[50] flex justify-center items-center pointer-events-none">
      <div
        ref={containerRef}
-        className="text-xl md:text-3xl font-bold text-center max-w-[85vw] md:max-w-[70vw] break-words text-white leading-relaxed"
+        className={`text-xl md:text-3xl font-bold text-center max-w-[85vw] md:max-w-[70vw] break-words text-white leading-relaxed ${glitchClass}`}
      >
        <Typewriter
          key={`void-${startSegment}-${visitCount}`}
--- a/src/content/blog/thinkpad-t440p-coreboot-guide.mdx
+++ b/src/content/blog/thinkpad-t440p-coreboot-guide.mdx
@@ -44,14 +44,20 @@ Install the following programs. These will be needed to compile coreboot and fla
 <Commands
  description="Install prerequisite packages"
-  archCommand="sudo pacman -S base-devel curl git gcc-ada ncurses zlib nasm sharutils unzip flashrom"
+  archCommand="sudo pacman -S base-devel curl git gcc-ada ncurses zlib nasm sharutils unzip flashrom usbutils chafa libwebp"
-  debianCommand="sudo apt install build-essential curl git gnat libncurses-dev zlib1g-dev nasm sharutils unzip flashrom"
+  debianCommand="sudo apt install build-essential curl git gnat libncurses-dev zlib1g-dev nasm sharutils unzip flashrom usbutils chafa webp"
-  fedoraCommand="sudo dnf install @development-tools curl git gcc-gnat ncurses-devel zlib-devel nasm sharutils unzip flashrom"
+  fedoraCommand="sudo dnf install @development-tools curl git gcc-gnat ncurses-devel zlib-devel nasm sharutils unzip flashrom usbutils chafa libwebp-tools"
-  gentooCommand="sudo emerge --ask sys-devel/base-devel net-misc/curl dev-vcs/git sys-devel/gcc ncurses dev-libs/zlib dev-lang/nasm app-arch/sharutils app-arch/unzip sys-apps/flashrom"
+  gentooCommand="sudo emerge --ask sys-devel/base-devel net-misc/curl dev-vcs/git sys-devel/gcc ncurses dev-libs/zlib dev-lang/nasm app-arch/sharutils app-arch/unzip sys-apps/flashrom sys-apps/usbutils media-gfx/chafa media-libs/libwebp"
-  nixCommand="nix-env -i stdenv curl git gcc gnat ncurses zlib nasm sharutils unzip flashrom"
+  nixCommand="nix-env -i stdenv curl git gcc gnat ncurses zlib nasm sharutils unzip flashrom usbutils chafa libwebp"
  client:load
 />
 `usbutils` provides `lsusb` (used to verify the CH341A). `chafa` and the
 `libwebp` tools are optional — the interactive script uses them to render
 reference images inline in your terminal when supported (and to transcode
 webp images to png if your chafa build doesn't support webp natively).
 Without them the script falls back to printing a URL.
 ## Disassembling the Laptop
 1. **Power off your laptop**: Make sure your T440p is completely powered off and unplugged from any power source.
 2. **Remove the battery**: Flip the laptop over and remove the battery by sliding the latch to the unlock position and lifting it out.
@@ -59,24 +65,39 @@ Install the following programs. These will be needed to compile coreboot and fla
 ## Locating the EEPROM Chips
-In order to flash the laptop, you will need to have access to two EEPROM chips located next to the sodimm RAM.
+In order to flash the laptop, you will need to have access to two EEPROM chips
 located next to the SODIMM RAM. They are different sizes and hold different
 firmware — read them in the order shown below.
-![EEPROM Chips Location](/blog/thinkpad-t440p-coreboot-guide/eeprom_chips_location.png)
+The **4MB (top)** chip — smaller, farther from the CPU:
 ![4MB EEPROM chip location](/blog/thinkpad-t440p-coreboot-guide/eeprom_chip_4mb.webp)
 The **8MB (bottom)** chip — larger, closer to the CPU, holds the Intel ME firmware:
 ![8MB EEPROM chip location](/blog/thinkpad-t440p-coreboot-guide/eeprom_chip_8mb.webp)
 ## Assembling the SPI Flasher
 Place the SPI flasher ribbon cable into the correct slot and make sure its the 3.3v variant
-![SPI Flasher Assembly](/blog/thinkpad-t440p-coreboot-guide/spi_flasher_assembly.png)
+![SPI Flasher Assembly](/blog/thinkpad-t440p-coreboot-guide/spi_flasher_assembly.webp)
-After the flasher is ready, connect it to your machine and ensure its ready to use:
+After the flasher is ready, plug it into a USB port on your machine (leave the clip
 unattached for now) and confirm the kernel sees it:
 <Command
-  description="Ensure the CH341A flasher is being detected"
+  description="Verify CH341A is on the USB bus"
-  command="flashrom --programmer ch341a_spi"
+  command="lsusb | grep 1a86:5512"
 />
-Flashrom should report that programmer initialization was a success.
+A matching line (e.g. `Bus 001 Device 00X: ID 1a86:5512 QinHeng Electronics`)
 confirms the programmer is plugged in and the host recognises it.
 > Do **not** run `flashrom --programmer ch341a_spi` at this stage — with no
 > chip clipped on, flashrom will report "No EEPROM/flash device found" and
 > exit non-zero. That's expected, not a failure of the programmer. The chip
 > probe happens in the next section, paired with the actual read.
 ## Extracting Original BIOS
@@ -89,11 +110,14 @@ the T440p will be done.
  client:load
 />
-Next, extract the original rom from both EEPROM chips. This is 
+Next, extract the original ROM from both EEPROM chips. Do the **4MB (top)
-done by attaching the programmer to the correct chip and running
+chip first** — it's the smaller of the two, so reads finish faster and any
-the subsequent commands. It may take longer than expected, and 
+setup issues (clip alignment, pin 1, voltage) surface quickly. Then move
-ensuring the bios was properly extracted is important before proceeding
+the clip to the **8MB (bottom) chip**.
-further.
+
 Each chip is read twice so the two reads can be diffed to catch flaky
 contact. The reads can take a while (tens of seconds to a couple of
 minutes per pass) — that's normal.
 <CommandSequence
  commands={[
@@ -115,11 +139,18 @@ further.
  client:load
 />
 > **If flashrom errors with "Multiple flash chip definitions match":**
 > Your chip's silicon ID matches several part variants (common for Winbond
 > W25Q* parts). Re-run the command with `-c <chipname>` to disambiguate, e.g.
 > `sudo flashrom --programmer ch341a_spi -c W25Q32JV -r 4mb_backup1.bin`.
 > Use the same `-c` value for every subsequent read/write on that chip.
 > The newest variant in the list is usually a safe default.
 If the diff checks pass, combine both files into one ROM.
 <Command
  description="Combine 4MB & 8MB into one ROM"
-  command="cat 8mb_backup_1.bin 4mb_backup1.bin > t440p-original.rom"
+  command="cat 8mb_backup1.bin 4mb_backup1.bin > t440p-original.rom"
  client:load
 />
@@ -140,7 +171,7 @@ a new bios image.
  client:load
 />
-We will need to build `idftool`, which will be used to export all necessary blobs
+We will need to build `ifdtool`, which will be used to export all necessary blobs
 from our original bios, and `cbfstool`, which will be used to extract __mrc.bin__(a blob 
 from a haswell chromebook peppy image).
@@ -258,9 +289,14 @@ Then open the configuration menu:
 Key settings to configure:
 - **Mainboard** &rarr; Mainboard vendor: **Lenovo** &rarr; Mainboard model: **ThinkPad T440p**
- **Chipset** &rarr; Add Intel descriptor.bin, ME firmware, and GbE configuration (set paths to your blobs)
+  (`CONFIG_BOARD_LENOVO_THINKPAD_T440P=y`)
- **Chipset** &rarr; Add haswell MRC file (set path to mrc.bin)
+- **Chipset** &rarr; Add Intel descriptor.bin (`CONFIG_HAVE_IFD_BIN`), ME firmware (`CONFIG_HAVE_ME_BIN`),
- **Payload** &rarr; Choose your preferred payload (GRUB2, SeaBIOS, or edk2)
+  and GbE configuration (`CONFIG_HAVE_GBE_BIN`) — set paths to your extracted blobs.
 - **Chipset** &rarr; Add Haswell MRC file (`CONFIG_HAVE_MRC` / `CONFIG_MRC_FILE`) — set path to `mrc.bin`.
 - **Payload** &rarr; Choose your preferred payload: GRUB2 (`CONFIG_PAYLOAD_GRUB2`), SeaBIOS
  (`CONFIG_PAYLOAD_SEABIOS`), or Tianocore/edk2 (`CONFIG_PAYLOAD_TIANOCORE`).
 - **Devices** &rarr; (optional, GT730M only) Enable `CONFIG_VGA_BIOS_DGPU` and set
  `CONFIG_VGA_BIOS_DGPU_FILE` to your extracted GT730M VBIOS (PCI ID `10de,1292`).
 ## Building and Flashing 
@@ -344,7 +380,7 @@ Reboot to apply `iomem=relaxed`
 <Command
  description="Flash the original bios"
-  command="sudo flashrom -p internal:laptop=force_I_want_a_brick -r ~/t440p-coreboot/t440p-original.rom"
+  command="sudo flashrom -p internal:laptop=force_I_want_a_brick -w ~/t440p-coreboot/t440p-original.rom"
 />
 And that about wraps it up! If you liked the guide, leave a reaction or comment any changes or fixes
Author	SHA1	Message	Date
Timothy Pidashev	222e01d18e	bump scripts	2026-04-14 09:33:45 -07:00
Timothy Pidashev	384ae63300	update README.md	2026-04-14 09:26:16 -07:00
Timothy Pidashev	eac8018a83	bump scripts	2026-04-14 09:23:14 -07:00
Timothy Pidashev	de546d6ff0	bump scripts	2026-04-14 08:56:59 -07:00
Timothy Pidashev	9965bd3529	update submodules	2026-04-14 03:09:20 -07:00
Timothy Pidashev	f0ae0b9ce1	hero bugfixes/improvements	2026-04-08 22:25:26 -07:00
`@@ -1,3 +1 @@`

	`![Badge](https://hitscounter.dev/api/hit?url=https%3A%2F%2Ftimmypidashev.dev&label=Visits&icon=eye-fill&color=%23198754)`
	`<img src=".github/preview.jpeg" title="Preview"/>`	`<img src=".github/preview.jpeg" title="Preview"/>`