I added a meow sound for cat and some fixed and added cursor for volume #7
@@ -37,7 +37,7 @@
|
||||
|
||||
|
||||
<footer>
|
||||
<span>made by kennethnym <3 · </span>
|
||||
<a target="_blank" href="https://github.com/kennethnym/infinifi">github</a>
|
||||
![]() if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment) if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment)
|
||||
<a target="_blank" rel="noopener noreferrer" href="https://github.com/kennethnym/infinifi">github</a>
|
||||
![]() if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment) if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment)
|
||||
</footer>
|
||||
|
||||
<canvas id="bg"></canvas>
|
||||
|
||||
![]() if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment) if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment)
![]() if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment) if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment)
|
@@ -133,9 +133,10 @@ playBtn.onmousedown = () => {
|
||||
);
|
||||
};
|
||||
|
||||
catImg.addEventListener("mouseover", () => {
|
||||
// Cat audio sound function
|
||||
catImg.onmousedown = () => {
|
||||
meowAudio.play();
|
||||
});
|
||||
};
|
||||
|
||||
playBtn.onclick = () => {
|
||||
if (isPlaying) {
|
||||
|
@@ -26,7 +26,6 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -152,10 +151,6 @@ a {
|
||||
display: flex;
|
||||
![]() i prefer the default cursor for the button as it aligns with how the operating system behaves. imo many websites got it wrong (github included) by using pointer cursor for buttons when it should be reserved for links! i prefer the default cursor for the button as it aligns with how the operating system behaves. imo many websites got it wrong (github included) by using pointer cursor for buttons when it should be reserved for links!
|
||||
}
|
||||
|
||||
.button-container .button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.volume-slider-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -179,7 +174,6 @@ a {
|
||||
appearance: none;
|
||||
border: 2px solid var(--text);
|
||||
background-color: var(--base);
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
![]() the operating system also uses default cursor for sliders, which is why i refrained from using the operating system also uses default cursor for sliders, which is why i refrained from using `col-resize`.
![]() my windows didn't showed so I thought of using that my windows didn't showed so I thought of using that
|
||||
input[type="range"]::-webkit-slider-runnable-track {
|
||||
@@ -296,4 +290,4 @@ input[type="range"]::-ms-fill-upper {
|
||||
.button:after {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment)
if u could revert the indent changes back to using tab that would be great. (biome doesn't support html at the moment)