/bpa/
IT'S OVER
/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. 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 on May 3rd, 2026, for unknown reasons.
Source code[edit | edit source]
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] [soy /
spam /
qa /
raid /
r]
[craft]
[int /
pol]
[a /
an /
asp /
biz /
mtv /
r9k /
tech /
v /
sude /
x]
[q /
news /
chive]
...Of Yesteryear
[b /
webm /
leftysoy /
giga /
bp /
test /
tttt /
suggest /
lgbt /
ptb /
nate /
dem /
raisin /
fit]
[tfp /
bunker /
jarty]
[soy2 /
tdh /
ss]
