admin/34919-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.5 Music added

Browse Source
This commit is contained in:
Flatlogic Bot 2025-10-13 11:20:51 +00:00
parent fb15a0747a
commit 08fe9491a0
3 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/css/style.css
View File

@ -189,3 +189,16 @@ body {
text-align: center; text-align: center;
padding: 2rem 0; padding: 2rem 0;
} }
#music-toggle {
position: fixed;
bottom: 20px;
right: 20px;
padding: 10px 15px;
background-color: #333;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
z-index: 1000;
}

17
assets/js/main.js Normal file
View File

@ -0,0 +1,17 @@
document.addEventListener('DOMContentLoaded', function() {
const music = document.getElementById('background-music');
const musicToggle = document.getElementById('music-toggle');
if (music && musicToggle) {
musicToggle.addEventListener('click', function() {
if (music.paused) {
music.play();
musicToggle.textContent = 'Pause Music';
} else {
music.pause();
musicToggle.textContent = 'Play Music';
}
});
}
});

3
index.php
View File

@ -32,6 +32,8 @@
<?php endif; ?> <?php endif; ?>
</head> </head>
<body> <body>
<audio id="background-music" src="https://www.bensound.com/bensound-music/bensound-rainyday.mp3" loop></audio>
<button id="music-toggle">Play Music</button>
<header class="main-header"> <header class="main-header">
<div class="container"> <div class="container">
@ -138,5 +140,6 @@
</div> </div>
</footer> </footer>
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
</body> </body>
</html> </html>