mirror of
https://github.com/luxfhe/example-secret-santa.git
synced 2026-10-30 18:13:17 +00:00
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
export const AsciiSantaBackground = () => {
|
|
// ASCII art Santa hat pattern
|
|
const santaHat = `
|
|
*
|
|
/|\\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/ | \\
|
|
/______________|______________\\
|
|
| |
|
|
|______________________________|
|
|
`;
|
|
|
|
// Repeat the pattern to fill the background
|
|
const repeatedPattern = Array(6).fill(santaHat).join('\n');
|
|
|
|
return (
|
|
<div
|
|
className="fixed inset-0 pointer-events-none overflow-hidden z-0"
|
|
aria-hidden="true"
|
|
>
|
|
<pre
|
|
className="text-pastel-pink/[0.08] text-[10px] leading-tight font-mono whitespace-pre select-none"
|
|
style={{
|
|
position: 'absolute',
|
|
top: '50%',
|
|
left: '50%',
|
|
transform: 'translate(-50%, -50%)',
|
|
}}
|
|
>
|
|
{repeatedPattern}
|
|
</pre>
|
|
</div>
|
|
);
|
|
};
|