/bpa/

>Though maybe you were looking for /bp/?

And that's a good thing.And that's okay.And it was perfect.And it was great.And I accept that.And it was kino.And that's fine by me!And it was absolute cinema.And it was good while it lasted.And (You) enjoyed it.And it was gemmy.

WARNING: /bpa/ was vibe coded by a SVPER ADVANCED ARTIFICIAL INTELLIGENCE!"I, for one, welcome our new robot overlords"

/bpa/ was a "board" that was added to soyjak.party on April 18th, 2026. It contained a single image that was the edited image of Media Pending Approval that says "Board Pending Approval".

"Board" had a script that made the image "Scared" when mouse reached near the image, making it move to a random position on the screen and rotate. If you manage to click on the image, image turns into a "horror mode" which makes the image have negative colours, shake and scale to the full size of the screen.^{[this effect braps sometimes, btw, if that matters.]}

The board had index and catalog options. Catalog version of /bpa/ didn't have a script and was a still image of the Board Pending Approval.

Most likely it was some sort of testing board made by one of the administrators to check certain elements.

To easily click on the image, make sure to right click first on the page and click on Take Screenshot. Then hover your cursor over the BPA picture then click on it as soon as you press ESC on your keyboard, this bypasses Media Pending Approval's detection system, which prevents it from being scared, and allows you to ensure a click. Very useful. (or just tap on it if you have a touchscreen device because it just WORKS, okay?)

The "board" was removed from the boardlist on May 3rd, 2026, for unknown reasons.

The board was still available though, but now the link shows the 404 error which was most likely caused by the Second Great Handover.

This is what happens when you click on the image

Source code

Expand

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>/bpa/ - Board Pending Approval</title>
  <style>
    body {
      margin: 0; height: 100vh; overflow: hidden;
      display: flex; justify-content: center; align-items: center;
      background: #EEF2FF url(//soyjaks.party/stylesheets/img/fade-blue.png) repeat-x 50% 0%;
      cursor: crosshair;
      transition: background 0.05s;
    }
    
    img {
      position: absolute;
      max-width: 250px;
      transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      user-select: none;
      -webkit-user-drag: none;
      z-index: 10;
    }

    /* The Scare State */
    .horror-mode {
      background: #000 !important;
      animation: shake 0.1s infinite;
    }

    .horror-mode img {
      max-width: 100vw !important;
      max-height: 100vh !important;
      transform: scale(5) rotate(0deg) !important;
      filter: invert(1) contrast(200%) brightness(150%);
      left: 50% !important;
      top: 50% !important;
      margin-left: -125px; /* Half of original max-width */
      margin-top: -125px;
      z-index: 999;
    }

    @keyframes shake {
      0% { transform: translate(1px, 1px) rotate(0deg); }
      20% { transform: translate(-3px, 0px) rotate(1deg); }
      40% { transform: translate(1px, -1px) rotate(1deg); }
      60% { transform: translate(-3px, 1px) rotate(0deg); }
      80% { transform: translate(-1px, -1px) rotate(1deg); }
      100% { transform: translate(1px, -2px) rotate(-1deg); }
    }
  </style>
</head>
<body id="body">

  <img src="https://soyjak.st/test/src/1776487317279a.png" id="target">

  <script>
    const target = document.getElementById('target');
    const body = document.getElementById('body');
    let isScared = false;

    // Movement Logic
    document.addEventListener('mousemove', (e) => {
      if (isScared) return;

      const rect = target.getBoundingClientRect();
      const centerX = rect.left + rect.width / 2;
      const centerY = rect.top + rect.height / 2;
      const distance = Math.hypot(e.clientX - centerX, e.clientY - centerY);

      if (distance < 180) {
        const newX = Math.random() * (window.innerWidth - rect.width);
        const newY = Math.random() * (window.innerHeight - rect.height);
        const rotation = (Math.random() - 0.5) * 60;

        target.style.left = `${newX}px`;
        target.style.top = `${newY}px`;
        target.style.transform = `rotate(${rotation}deg)`;
      }
    });

    // Scare Logic
    target.addEventListener('mousedown', () => {
      isScared = true;
      body.classList.add('horror-mode');
      
      // Optional: Reset after 2 seconds to let them breathe
      setTimeout(() => {
        body.classList.remove('horror-mode');
        isScared = false;
        target.style.transform = `scale(1) rotate(0deg)`;
      }, 2000);
    });
  </script>
</body>
</html>

Boards of the Sharty

---

...Of Today
[home / overboard] [date] [soy / qa / raid / incel] [int / pol] [a / biz / fit / mtv / r9k / sude / tech / v / x] [q / news / chive]

...Of Yesteryear
[spam] [craft] [b / webm / leftysoy / giga / bp / test / tttt / suggest / lgbt / ptb / nate / dem / raisin] [tfp / bunker / jarty] [soy2 / tdh / ss]