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

<head>
    <link rel="icon" href="/img/icon.svg" />
    <link href='/gridwar.css' rel='stylesheet'>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
        rel="stylesheet">
</head>

<body>
    <span class='info'>
        Your cooldown
    </span>
    <span class='info2'>
        <div>Your grid color</div>
        <input type="color" id="color" value="#e66465">
    </span>
    <svg id="grid">
        <g transform="" id='group'>
        </g>
    </svg>
    <script>
        let host = '/';
    </script>
    <script src="./socket.io/socket.io.js"></script>
    <script src='/gridwar.js'></script>
</body>