Compare commits

...

2 commits

Author SHA1 Message Date
d2354910c0
hopefully this works 2025-09-09 18:29:56 +03:00
8d1e1de894
implemented audio fix for neocities 2025-09-09 18:23:55 +03:00
7 changed files with 17 additions and 10 deletions

View file

@ -1,6 +1,7 @@
import { audioPath } from './path.js'
let bob = document.getElementById("bob"); let bob = document.getElementById("bob");
let help = document.createElement("audio"); let help = document.createElement("audio");
help.src = "/assets/audio/bob.ogg"; help.src = `${audioPath}bob.ogg`;
help.loop = true; help.loop = true;
bob.appendChild(help); bob.appendChild(help);
window.addEventListener("load", function () { window.addEventListener("load", function () {

View file

@ -1,3 +1,4 @@
import { audioPath } from './path.js'
let pipe = document.getElementById("meow"); let pipe = document.getElementById("meow");
let preload = new Image(); let preload = new Image();
preload.src = "/assets/img/button/braixdragon-cat2.gif"; preload.src = "/assets/img/button/braixdragon-cat2.gif";
@ -9,7 +10,7 @@ function func() {
} }
let audio = document.createElement("audio"); let audio = document.createElement("audio");
audio.src = "/assets/audio/anvil_land_low.ogg"; audio.src = `${audioPath}anvil_land_low.ogg`;
pipe.appendChild(audio); pipe.appendChild(audio);
pipe.addEventListener( pipe.addEventListener(

View file

@ -1,6 +1,7 @@
import { audioPath } from './path.js'
let fox = document.getElementById("fox"); let fox = document.getElementById("fox");
let music = document.createElement("audio"); let music = document.createElement("audio");
music.src = "/assets/audio/fox.ogg"; music.src = `${audioPath}fox.ogg`;
music.loop = true; music.loop = true;
fox.appendChild(music); fox.appendChild(music);
window.addEventListener("load", function () { window.addEventListener("load", function () {

2
_src/assets/js/path.js Normal file
View file

@ -0,0 +1,2 @@
/* this is for neocities. if you self-host, there's no need to use this hack */
export const audioPath = "https://bunsin.space/forgejo/sundae/website/raw/branch/main/_src/assets/audio/";

View file

@ -1,3 +1,4 @@
import { audioPath } from './path.js'
let secret = document.getElementById("piss"); let secret = document.getElementById("piss");
let baby = new Image(); let baby = new Image();
baby.src = "/assets/img/button/piss-baby2.gif"; baby.src = "/assets/img/button/piss-baby2.gif";
@ -9,7 +10,7 @@ function func() {
} }
let flashlight = document.createElement("audio"); let flashlight = document.createElement("audio");
flashlight.src = "/assets/audio/flashlight.ogg"; flashlight.src = `${audioPath}flashlight.ogg`;
secret.appendChild(flashlight); secret.appendChild(flashlight);
secret.addEventListener("mouseover", () => flashlight.play(), { once: true }); secret.addEventListener("mouseover", () => flashlight.play(), { once: true });

View file

@ -1,3 +1,4 @@
import { audioPath } from './path.js'
const imgBasePath = "/assets/img/pkmn/"; const imgBasePath = "/assets/img/pkmn/";
let favorites = [ let favorites = [
{ img: `${imgBasePath}1.png`, title: "Bulbasaur"}, { img: `${imgBasePath}1.png`, title: "Bulbasaur"},
@ -364,7 +365,7 @@ party.forEach(pkmnData => {
document.getElementById("pkmn").appendChild(critter); document.getElementById("pkmn").appendChild(critter);
critter.addEventListener("mouseover", () => { critter.addEventListener("mouseover", () => {
const select = document.createElement("audio"); const select = document.createElement("audio");
select.src = "/assets/audio/select.ogg"; select.src = `${audioPath}select.ogg`;
select.play(); select.play();
}); });
}); });

View file

@ -133,12 +133,12 @@ icon: "M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z"
</li> </li>
{%endfor%} {%endfor%}
</ul> </ul>
<script src="/assets/js/cat.js"></script> <script src="/assets/js/cat.js" type="module"></script>
<script src="/assets/js/fox.js"></script> <script src="/assets/js/fox.js" type="module"></script>
<script src="/assets/js/bob.js"></script> <script src="/assets/js/bob.js" type="module"></script>
<script src="/assets/js/piss.js"></script> <script src="/assets/js/piss.js" type="module"></script>
</nav> </nav>
<div id="pkmn" aria-label="Randomized list of my favorite Pokémon"> <div id="pkmn" aria-label="Randomized list of my favorite Pokémon">
<script src="/assets/js/poke.js"></script> <script src="/assets/js/poke.js" type="module"></script>
</div> </div>
</article> </article>