immcrab/GorillaStreak

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@300;400;900&display=swap" rel="stylesheet">
    <title>Gorilla Streak | imcrab</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background: #000;
            font-family: 'Londrina Solid', cursive;
            animation: backgroundAnimation 10s infinite ease-in-out;
            font-size: 30px;
        }
        @keyframes fade {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }
        @keyframes slide {
            0% { transform: translateY(0); }
            50% { transform: translateY(-10px); transform: rotate(3deg); }
            100% { transform: translateY(0); }
        }
        @keyframes slideforcrab {
            0% { transform: translateY(0); }
            50% { transform: translateY(10px); transform: rotate(-3deg);  }
            100% { transform: translateY(0); }
        }
        a {
            text-decoration: none;
            color: inherit;
        }
        a:hover {
            text-decoration: underline;
        }
        @keyframes backgroundAnimation {
            0% { background-color: #000; }
            50% { background-color: #131313; }
            100% { background-color: #000000; }
        }
        .glow {
            text-shadow: 0 0 1px #0f0, 0 0 2px #0f0, 0 0 4px #0f0, 0 0 8px #0f0;
        }
        .paragraph {
            max-width: 790px;
            margin: 0 auto;
        }
        @keyframes scaleandrotate {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.01); }
            100% { transform: scale(1); }
        }
        @keyframes rotate {
            0% { transform: rotate(0deg); }
            50% { transform: rotate(1deg); }
            100% { transform: rotate(0deg); }
        }
        .github {
            animation: scaleandrotate, rotate 5s infinite ease-in-out;
            border: white 5px solid;
            border-radius: 15px;
        }
        </style>
</head>
<body>
    <div style="display: flex; justify-content: center; align-items: center; height: 100vh; flex-direction: column;">
        <h1 class="glow" style="color: #0f0; font-size: 5em; animation: slide 3s infinite;"><a href="https://github.com/immcrab/GorillaStreak/releases/latest" target="_blank">Gorilla Streak</a></h1>
        <h2 class="glow" style="color: #0f0; font-size: 2em; animation: slideforcrab 4s infinite;">by <a href="https://youtube.com/@imcrab">imcrab</a></h2>
    </div>

    <br>

    <div>
        <p class="paragraph" style="color: rgb(161, 161, 161); text-align: center; font-size: 1.2em;">
            Gorilla Streak is a mod for Gorilla Tag that sends a message in a Discord channel whenever you achieve a streak of when you get on Gorilla Tag everyday.
            <br>
            Download the latest version from the <a href="https://github.com/immcrab/GorillaStreak/releases/latest">link</a> above and join the community on <a href="https://discord.gg/NSxxTcf9SD" target="_blank">Discord</a>.
        </p>
    </div>
    <br><br>
    <div style="text-align: center;">
        <iframe class="github" style="overflow: hidden; overflow-y: hidden; overflow-x: hidden;" src="websites/github.com.html" width="768" height="432" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
    </div>
    <br><br>
    <br><br>
</body>
</html>