mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-23 19:49:50 +02:00
revert: april fool's
This commit is contained in:
1 parent
6755115c8a
commit
e9412bc404
2 files changed
+2
-78
No files matched your search
@@ -25,77 +25,3 @@
|
|||||||
setInterval(halloweenFrame, 1000 / 30);
|
setInterval(halloweenFrame, 1000 / 30);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script>
|
|
||||||
const elements = new Set<HTMLElement>();
|
|
||||||
|
|
||||||
function handle(event: PointerEvent) {
|
|
||||||
for (const element of elements) {
|
|
||||||
const rect = element.getBoundingClientRect();
|
|
||||||
|
|
||||||
const x0 = (rect.left + rect.right) / 2;
|
|
||||||
const y0 = (rect.top + rect.bottom) / 2;
|
|
||||||
|
|
||||||
const S = (window.innerWidth + window.innerHeight) / 2;
|
|
||||||
const s = S * 2 ** -6;
|
|
||||||
|
|
||||||
const dx = event.clientX - x0;
|
|
||||||
const dy = event.clientY - y0;
|
|
||||||
const d = Math.sqrt(dx ** 2 + dy ** 2);
|
|
||||||
|
|
||||||
const nx = dx / d;
|
|
||||||
const ny = dy / d;
|
|
||||||
|
|
||||||
const l = Math.tanh(d);
|
|
||||||
const x = -s * nx * l;
|
|
||||||
const y = -s * ny * l;
|
|
||||||
|
|
||||||
element.style.transform = `translate(${x}px, ${y}px)`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
window.addEventListener("pointermove", handle);
|
|
||||||
window.addEventListener("pointerdown", handle);
|
|
||||||
|
|
||||||
setInterval(() => {
|
|
||||||
const discovered = new Set<HTMLElement>(
|
|
||||||
document.querySelectorAll("span, a, h1, h2, h3, h4, h5, h6"),
|
|
||||||
);
|
|
||||||
const difference = discovered.difference(elements);
|
|
||||||
|
|
||||||
for (const element of difference) {
|
|
||||||
const styles = element.computedStyleMap();
|
|
||||||
const position = styles.get("position")?.toString();
|
|
||||||
const isMovable = position === undefined || position === "static";
|
|
||||||
|
|
||||||
if (!isMovable) continue;
|
|
||||||
|
|
||||||
elements.add(element);
|
|
||||||
element.style.position = "relative";
|
|
||||||
|
|
||||||
if (
|
|
||||||
element instanceof HTMLSpanElement ||
|
|
||||||
element instanceof HTMLAnchorElement
|
|
||||||
) {
|
|
||||||
element.addEventListener("mouseover", () => {
|
|
||||||
if (element.children.length !== 0) return;
|
|
||||||
|
|
||||||
element.dataset.original = element.textContent ?? "";
|
|
||||||
element.textContent = "PLEASE don't click me";
|
|
||||||
});
|
|
||||||
|
|
||||||
element.addEventListener("mouseout", () => {
|
|
||||||
if (element.children.length !== 0) return;
|
|
||||||
|
|
||||||
element.textContent = element.dataset.original!;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, 1000);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
html {
|
|
||||||
filter: saturate(80%) hue-rotate(20deg) brightness(90%);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -130,8 +130,7 @@ const strings = getStrings(locale);
|
|||||||
<Flex direction="column" align="center" gap="1">
|
<Flex direction="column" align="center" gap="1">
|
||||||
<Heading size={{ initial: "8", xs: "9" }} weight="bold" align="center">
|
<Heading size={{ initial: "8", xs: "9" }} weight="bold" align="center">
|
||||||
<Flex align="center" gap={{ initial: "2", xs: "4" }}>
|
<Flex align="center" gap={{ initial: "2", xs: "4" }}>
|
||||||
<!-- BlitzKit -->
|
BlitzKit
|
||||||
Keep Your Distance
|
|
||||||
{
|
{
|
||||||
isBranchNamed && (
|
isBranchNamed && (
|
||||||
<Code
|
<Code
|
||||||
@@ -147,8 +146,7 @@ const strings = getStrings(locale);
|
|||||||
</Heading>
|
</Heading>
|
||||||
|
|
||||||
<Text color="gray" align="center" size="4">
|
<Text color="gray" align="center" size="4">
|
||||||
<!-- {literals(strings.website.home.hero.credit, { name: "TrèsAbhi" })} -->
|
{literals(strings.website.home.hero.credit, { name: "TrèsAbhi" })}
|
||||||
I'm a little sick
|
|
||||||
</Text>
|
</Text>
|
||||||
</Flex>
|
</Flex>
|
||||||
</Flex>
|
</Flex>
|
||||||
|
|||||||
Reference in new issue
Block a user