kevinveenbirkenbach/roulette-wheel
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/roulette-wheel.git synced 2025-11-04 02:58:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

add wheel & colors change & delete items fix & add item animation

Browse Source
This commit is contained in:
p-wojt
2022-01-01 19:48:12 +01:00
parent 9649216920
commit 0f955e3ce2
14 changed files with 563 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@@ -9,17 +9,22 @@
<link rel="stylesheet" href="app.css" />
</head>
<body>
<div class="light-dark-mode">
<img class="moon-sun" src='static/moon.png' alt="mode">
</div>
<div class="menu">
<div class="open-close-menu">
</div>
<div class="counter">
</div>
<div class="item-menu">
<label for="new-item">Item name</label>
<input name="new-item" minlength="1" maxlength="32">
<button class="new-item-button">Add</button>
<button class="remove-all-items-button">Remove all</button>
</div>
<!-- <div class="open-close-menu">
<img class="close-arrow" src="static/right-arrow.png" alt="close menu" />
</div> -->
<p class="counter"></p>
<label for="new-item">Item name</label>
<input name="new-item" minlength="1" maxlength="32" />
<button class="add-item-button">Add</button>
<button class="remove-all-items-button">Remove all</button>
<ul class="menu-item-list"></ul>
</div>
<div class="roulette-wheel">
<canvas></canvas>
</div>
</body>
</html>