zyl/pipefall
1
0
Fork 0
mirror of https://github.com/zyllian/pipefall.git synced 2025-01-18 03:32:55 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

add pipe image

Browse source
This commit is contained in:
Zoey 2023-04-23 11:18:26 -07:00
parent 23b42d1006
commit d246b4b0ac
No known key found for this signature in database
GPG key ID: 0E87B6A5795E040B
4 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
index.css
View file

@ -1,3 +1,12 @@
body { body {
font-family: sans-serif; font-family: sans-serif;
} }
.pipe {
max-width: 50%;
cursor: pointer;
}
.center-contents {
text-align: center;
}

5
index.html
View file

@ -9,8 +9,11 @@
</head> </head>
<body> <body>
<h1>pipefall</h1>
<audio id="pipefall" src="/pipefall.mp3">pipefall</audio> <audio id="pipefall" src="/pipefall.mp3">pipefall</audio>
<h1>pipefall</h1>
<p class="center-contents">
<img class="pipe" src="/pipe.jpg" alt="metal pipe from metal pipe fallout sound effect videos">
</p>
<p><button id="play-now">play now</button></p> <p><button id="play-now">play now</button></p>
</body> </body>

4
index.js
View file

@ -10,4 +10,8 @@
}; };
now.addEventListener("click", play); now.addEventListener("click", play);
for (let pipe of document.querySelectorAll(".pipe")) {
pipe.addEventListener("click", play);
}
})(); })();

BIN
pipe.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 101 KiB