You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 lines
1.5 KiB

2 years ago
2 years ago
  1. <!DOCTYPE html>
  2. <html lang="de">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Uno</title>
  6. <script defer src="../plugins.js"></script>
  7. <script defer type="module" src="./web/uno.js"></script>
  8. <link rel="stylesheet" href="./css/uno.css">
  9. </head>
  10. <body>
  11. <div class="selectColor">
  12. <img class="cc" id="cc-blue" src="./img/selectColor/BLUE.png">
  13. <img class="cc" id="cc-red" src="./img/selectColor/RED.png">
  14. <img class="cc" id="cc-green" src="./img/selectColor/GREEN.png">
  15. <img class="cc" id="cc-yellow" src="./img/selectColor/YELLOW.png">
  16. </div>
  17. <div id="debug">
  18. <p id="playerInGame"></p>
  19. <p id="player"></p>
  20. <p id="cardOnDeck"></p>
  21. <div id="playerCards"></div>
  22. </div>
  23. <div>
  24. <!-- "Karte legen" Stapel -->
  25. <img class="stack-put" src="./img/stackCards/StackPutCards.png">
  26. <img class="stack-put" id="first-put" src="#">
  27. <img class="stack-put" id="first-put-anim" src="#">
  28. <!-- "Karte ziehen" Stapel -->
  29. <img class="stack-draw" src="./img/stackCards/StackDrawCards.png">
  30. <img class="stack-draw" src="./img/stackCards/FirstDrawCard.png">
  31. <img class="stack-draw" id="first-draw" src="./img/stackCards/FirstDrawCard.png">
  32. </div>
  33. <div id="playerDeck">
  34. </div>
  35. <div id="sayUno">
  36. <img class="uno" id="sayUno-glow" src="./img/sayUnoGlow.png">
  37. <img class="uno" src="./img/sayUno.png">
  38. </div>
  39. </body>
  40. </html>