<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Killfeed</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <div id="killfeed"></div>
    <script>

        function killfeed(player1, player2) {
            const killfeed = document.getElementById("killfeed");

            const killEntry = document.createElement("div");
            killEntry.classList.add("kill");

            killEntry.innerHTML = `
    <span class="killer">${player1}</span>
    <span class="action">killed</span>
    <span class="victim">${player2}</span>
  `;

            killfeed.prepend(killEntry);

            setTimeout(() => {
                killEntry.remove();
            }, 5000);
        }


        if ('alt' in window) {
            alt.on('killfeed', (player1, player2) => {
                killfeed(player1, player2);
            });
        }
    </script>
</body>

</html>