kickflip.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skatehive Animation</title>
<style>
body {
font-family: monospace;
white-space: pre;
margin: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #000;
color: #0f0;
}
</style>
</head>
<body>
<script>
const frames = [
` discord.gg/skateboard
+--------------------------------------+
| | \\ |
| | _ \\ |
| '. | | | |
| | // | |
| | |/ \\ |
| | / |\\ | |
| | | | | | |
| | | . | | |
| ; | .'| < | \\ |
| / | .- '-\\ \\\\__/ |
| | | | \\ : |
| \\_/ \\ | \\ | |
| : | \\ | |
| | | | \\ |
| _| \\ | . |
| .' ; \\ ) |
| '8\\________|______/__________\\_.:P'|
| 'Y8888888888888888888888888888P' |
| (_) (_)lka |
+------------------------------------+`,
` SKATEHIVE
+--------------------------------------+
| / | |
| / | |
| / | |
| | | |
| | .' | |
| | .' | | |
| \\ .' \\ | |
| | | \\ | |
| | / ; | |
| | | | / |
| | | | | |
| | | \\ | |
| | : | | |
| / \\ | | |
| _ / .> | \\ |
| "88b.__ |____.' \\ | |
| Y88888888888Oooooo._ \\__| _ |
| (_) 'Y888888888888888888P'|
| (_)lka |
+--------------------------------------+ `,
` discord.gg/skateboard
+--------------------------------------+
| \\ _.' \\ | |
| \\ .-' \\ | |
| \\ | \\ | |
| \\ \\ \\ | |
| \\ | \\ \\ |
| : \\ | \\ |
| \\ \\__ | | |
| 88b / \\ | |
| Y8b | | \\ |
| '8b | \\ | |
| _'8b| | | |
| (_) '8b | | |
| '8b | | |
| '8b | | |
| '8b / | |
| '8b | | |
| _8b | / |
| (_)Y8ooooP |
| lka |
+--------------------------------------+`,
` GNARS
+--------------------------------------+
|\\ | '. | |
| \\ \\ \\ | |
| \\ \\ \\ \\ |
| | '. \\ | |
| < / \\ | |
| \\ .'/_ | \\ |
| |8888b. \\ | |
| Y888888b. \\ | |
| Y8888(_)b. | | |
| Y8//88888b. | \\ |
| (_)Y888888b. > | |
| 'Y ⌐◨-◨ 8b. | | |
| 'Y888888b. | | |
| 'Y888888b. | / |
| 'Y888(_)b. / |
| 'Y//8888b. |
| (_)Y888888) |
| """""lka |
| |
+--------------------------------------+`,
` discord.gg/gnars
+--------------------------------------+
| _\\ \\ | | |
|/ \\ | | |
|/ .' \\ | |
|\\ .' __ \\ | |
| \\.' .d88b._ \\ | |
| 888888(_) / | |
| Y8888//88b. | \\ |
| Y88//888888b. \\ \\ |
| (_)8888888888b. \\ | |
| 'Y888 ⌐◨-◨ 88b. _ \\ | |
| 'Y8888888888(_) "" |
| 'Y8888888//8b. |
| 'Y888//8888\\ |
| (_)888888) |
| 'Y888P' |
| lka |
| |
| |
+--------------------------------------+`,
` SKATEHIVE
+--------------------------------------+
|/"" | | | |
|\\___..--' | \\ |
| | \\ |
| \\ . |
| '-..' |
| __ |
| ____ (_)) |
| Y8888888b. |
| Y88b. |
| 'Y8b._ __ |
| 'Y8b._(_)) |
| Y888b. |
| 'Y8b. |
| lka'Y8b. |
| |
| |
| |
| |
+--------------------------------------+`,
`
+--------------------------------------+
| \\ | \\ | |
| | | \\ | |
| / \\ | | |
| _/ \\ | \\ |
| | ___..' | | |
| """ | | |
| ..ooooo... """" |
| d888888888888888oooo.... |
| 888888888888 ⌐◨-◨ 8888888888b. |
| 'Y8888888888888888888888888888| |
| """"""8888888888888888; |
| '''8888888P' |
| lka |
| |
| |
| |
| |
+--------------------------------------+`,
` Gnars ⌐◨-◨
+--------------------------------------+
| \\ ( \\ | | |
| \\ \\ \\ / | |
| \\ | ' | | |
| | | \\ :___; |
| | | \\ | |
| | | | | |
| ; \\ | | |
| .' | | | |
| .(___..--'___________\\ \\__.8 |
| 'Y8888888888888888888b.__'88P' |
| (_)-' (_)-lka |
| |
| |
| |
| |
| |
| |
| |
+--------------------------------------+`,
` SKATEHIVE
+-------------------------------------+
| / .' .' | |
| / .'. .' | |
| | .'.' / / |
| \\ /.' / | |
| | / | /\\ | |
| | / | / \\ | |
| \\ | '" \\ \\ |
| | | | |
| \\ | \\ | |
| | | \\ | |
| | \\ | | |
| / . \\ \\ |
| / . | \\ |
| .--|___.' | \\ |
| 'Y8888888888oooooooo:____:__.. |
| '"(_)"""""""''Y888888888888/ |
| (_) |
| |
+------------------------------------+`,
` ⌐◨-◨
+------------------------------------+
| | _.' / | |
| | _.' _.' / |
| /_.' _.' | |
| .'' .' | |
| / .' _ | |
| |_.-' .' \\ | |
| | / / | |
| | ' \\ | |
| \\ | \\ | |
| \\ | | | |
| | | | | |
| \\ | | : |
| | | \\ \\ |
| | | \\ : |
| / | \\ | |
| __ / | \\ \\ |
| 8888<____.'888ooo..._| \\__oo. |
| "Y88888888888888888b___d88P' |
| (_) """ (_) |
+------------------------------------+`];
function displayFrame(frame) {
document.body.textContent = frame;
}
function animateFrames() {
let frameIndex = 0;
function nextFrame() {
displayFrame(frames[frameIndex]);
frameIndex = (frameIndex + 1) % frames.length;
setTimeout(nextFrame, 100); // Adjust the timeout for animation speed
}
nextFrame();
}
animateFrames();
</script>