<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>Uno</title>

    <script defer src="../plugins.js"></script>
    <script defer type="module" src="./web/uno.js"></script>

    <link rel="stylesheet" href="./css/uno.css">
</head>
<body>

    <div class="selectColor">

        <img class="cc" id="cc-blue" src="./img/selectColor/BLUE.png">
        <img class="cc" id="cc-red" src="./img/selectColor/RED.png">
        <img class="cc" id="cc-green" src="./img/selectColor/GREEN.png">
        <img class="cc" id="cc-yellow" src="./img/selectColor/YELLOW.png">

    </div>

    <div id="debug">
        <p id="playerInGame"></p>
        <p id="player"></p>
        <p id="cardOnDeck"></p>
        <div id="playerCards"></div>
    </div>

    <div>

        <!-- "Karte legen" Stapel -->
        <img class="stack-put" src="./img/stackCards/StackPutCards.png">
        <img class="stack-put" id="first-put" src="#">
        <img class="stack-put" id="first-put-anim" src="#">


        <!-- "Karte ziehen" Stapel -->
        <img class="stack-draw" src="./img/stackCards/StackDrawCards.png">
        <img class="stack-draw" src="./img/stackCards/FirstDrawCard.png">
        <img class="stack-draw" id="first-draw" src="./img/stackCards/FirstDrawCard.png">

    </div>

    <div id="playerDeck">



    </div>

    <div id="sayUno">
        <img class="uno" id="sayUno-glow" src="./img/sayUnoGlow.png">
        <img class="uno" src="./img/sayUno.png">
    </div>

</body>
</html>