Hri7566
/
mpp-frontend-dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

idk

This commit is contained in:
Hri7566 2021-05-31 18:33:42 +00:00
parent ba98ca58f1
commit 7402586ab6
4 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -9,10 +9,7 @@
<body>
<div id="social">
<div id="like-button">
<div class="fb-like" data-href="https://www.facebook.com/MultiplayerPiano/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
</div>
<div id="inclinations"></div>
<div id="more-button"></div>
</div>
<div id="chat">

BIN
kitten1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

5
screen.css
View File

@ -116,6 +116,11 @@ table { border: 0; padding: 0; margin: 0; }
#midi-btn { position: absolute; left: 300px; top: 32px; }
#record-btn { position: absolute; left: 420px; top: 32px; }
#synth-btn { position: absolute; left: 540px; top: 32px; }
#social #more-button { margin-top: 4px; width: 77px; height: 90px; border-radius: 5px; border: 1px solid #abb; cursor: pointer;
transition: all 0.25s; box-shadow: 1px 1px 8px #bb9; color: #788; text-shadow: none;
background: url('/web/20150317155006im_/http://www.multiplayerpiano.com/kitten1.png') 0px 4px no-repeat; background-color: #dee; }
#social #more-button:hover { color: #899; background-color: #e8f8f0; transition: background-color 0.25s; }
#tooltip { position: absolute; pointer-events: none; background: #000; color: #fff; font-size: 10px; }
.knob { cursor: pointer; }

8
script.js
View File

@ -3186,8 +3186,16 @@ Rect.prototype.contains = function(x, y) {
function catSound() {
let sounds = ["https://www.myinstants.com/media/sounds/meow2.mp3", "https://www.myinstants.com/media/sounds/meow_QO6VsE6.mp3", "https://www.myinstants.com/media/sounds/cat-meow-mp3.mp3"]
let random = sounds[Math.floor(Math.random()*sounds.length)]
const meow = new Audio(random);
meow.play();
}
document.getElementById('more-button').onclick = catSound