Kumi
3261e761fb
Audio file structures are refactored to include attribution data, which is dynamically appended to the HTML. This change centralizes the management of audio attributes and presentation, simplifying future audio feature enhancements. A new function, `updateVolumes()`, streamlines volume updates on input change events, improving code readability and maintainability.
32 lines
852 B
HTML
32 lines
852 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Nice Noise!</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div id="sound-controls">
|
|
<div class="sound">
|
|
<button id="toggle">Play / Pause</button>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer-content">
|
|
<p><button id="attributions-button">Audio Attributions</button></p>
|
|
</div>
|
|
</footer>
|
|
|
|
<div id="attribution-modal" class="modal">
|
|
<div class="modal-content">
|
|
<span class="close-button">×</span>
|
|
<h2>Audio Attributions</h2>
|
|
<ul id="audio-attribution-list">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|