Skip to content

Commit

Permalink
stuff
Browse files Browse the repository at this point in the history
  • Loading branch information
@SprintingSnail69
SprintingSnail69 authored Nov 9, 2024
1 parent 4b75f11 commit f562070
Show file tree
Hide file tree
Showing 5 changed files with 466 additions and 14 deletions.
233 changes: 233 additions & 0 deletions brawlstars.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,233 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title class="title">CoolSounds</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
</head>

<!-- Here is the link: file:///home/chronos/u-3c3080f4eb3a3ea8718618a71936a5ea9f3541d5/MyFiles/Downloads/Soundboard/index.html -->

<body>
<br>
<nav>
<ul>
<li><a href="index.html">Sounds</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="brawlstars.html">Brawl Stars SFX</a></li>
</ul>
</nav>
<br><br>
<div class="soundboard hidden">

<h1 class="head">Brawl Stars SFX</h1>
<p class="para" style="margin-top: -60px;">Press S to stop all sound</p>
<center>
<div class="toggle-container">
<label class="toggle-switch">
<input type="checkbox" id="overlapSwitch" onclick="toggleOverlap()">
<span class="slider"></span>
</label>
<span id="overlapText">Sound Overlapping</span>
</div>
</center>
<br><br>
<div class="buttons">

<button onclick="playSound('sfx1')">Supercell Sound</button>
<button onclick="playSound('sfx2')">Showdown Sound</button>
<button onclick="playSound('sfx3')">Showdown OST</button>
<button onclick="playSound('sfx4')">Respawn Sound</button>
<button onclick="playSound('sfx5')">Man Man Dela</button>

</div>

<audio class="Audio" id="sfx1" src="audio/supercell.mp3"></audio>
<audio class="Audio" id="sfx2" src="audio/showdown.mp3"></audio>
<audio class="Audio" id="sfx3" src="audio/showdownfullsong.mp3"></audio>
<audio class="Audio" id="sfx4" src="audio/respawn.mp3"></audio>
<audio class="Audio" id="sfx5" src="audio/mandela.mp3"></audio>
<!--Add more audio like above-->

<br><br><br>
<footer>
<p class="pg">Made by <a href="https://SprintingSnail69.github.io" target="_blank">SprintingSnail69</a> and <a href="https://cobblesteve01.github.io" target="_blank">cobblesteve01</a></p>
</footer>

</div>

</div>

<div class="snowflakes" aria-hidden="true">
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<!-- Add more snowflake divs as needed -->
</div>

<!--JS files teehee-->
<script src="sound.js"></script>

</body>
</html>
11 changes: 1 addition & 10 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@
<ul>
<li><a href="index.html">Sounds</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="brawlstars.html">Brawl Stars SFX</a></li>
</ul>
</nav>
<br><br>
Expand Down Expand Up @@ -70,12 +71,7 @@ <h1 class="head">CoolSounds</h1>
<button onclick="playSound('sound35')">Meow Sad Song</button>
<button onclick="playSound('sound36')">Cool Sounds</button>
<button onclick="playSound('sound37')">Skibidi Scarab</button>
<button onclick="playSound('sound38')">Man Man Dela</button>
<button onclick="playSound('sound39')">Haggstrom</button>
<button onclick="playSound('sound40')">Supercell Sound</button>
<button onclick="playSound('sound41')">Showdown Sound</button>
<button onclick="playSound('sound42')">Showdown OST</button>
<button onclick="playSound('sound43')">Respawn Sound</button>
<button onclick="playSound('sound44')">Skibidi Toilet</button>
<button onclick="playSound('sound45')">Toothless Meme</button>
<button onclick="playSound('sound46')">Ding Dong Eat It Up</button>
Expand Down Expand Up @@ -121,12 +117,7 @@ <h1 class="head">CoolSounds</h1>
<audio class="Audio" id="sound35" src="audio/sad-cat-song.mp3"></audio>
<audio class="Audio" id="sound36" src="audio/cool.mp3"></audio>
<audio class="Audio" id="sound37" src="audio/flyingarabskibidiscarab.mp3"></audio>
<audio class="Audio" id="sound38" src="audio/mandela.mp3"></audio>
<audio class="Audio" id="sound39" src="audio/haggstrom.mp3"></audio>
<audio class="Audio" id="sound40" src="audio/supercell.mp3"></audio>
<audio class="Audio" id="sound41" src="audio/showdown.mp3"></audio>
<audio class="Audio" id="sound42" src="audio/showdownfullsong.mp3"></audio>
<audio class="Audio" id="sound43" src="audio/respawn.mp3"></audio>
<audio class="Audio" id="sound44" src="audio/skibidi.mp3"></audio>
<audio class="Audio" id="sound45" src="audio/toothless.mp3"></audio>
<audio class="Audio" id="sound46" src="audio/eatitup.mp3"></audio>
Expand Down
Loading

0 comments on commit f562070

Please sign in to comment.