diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..600d2d3 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vscode \ No newline at end of file diff --git a/assets/butt.png b/assets/images/butt.png similarity index 100% rename from assets/butt.png rename to assets/images/butt.png diff --git a/assets/butt.svg b/assets/images/butt.svg similarity index 100% rename from assets/butt.svg rename to assets/images/butt.svg diff --git a/assets/fart.png b/assets/images/fart.png similarity index 100% rename from assets/fart.png rename to assets/images/fart.png diff --git a/assets/fart.svg b/assets/images/fart.svg similarity index 100% rename from assets/fart.svg rename to assets/images/fart.svg diff --git a/assets/fart.mp3 b/assets/sounds/fart.mp3 similarity index 100% rename from assets/fart.mp3 rename to assets/sounds/fart.mp3 diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..03651e3 Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html index 0969569..fb3ceb6 100644 --- a/index.html +++ b/index.html @@ -7,14 +7,15 @@ fart - +
- fart - butt + fart + butt
+ source diff --git a/scripts/main.js b/scripts/main.js index 1916831..d1b4c6e 100644 --- a/scripts/main.js +++ b/scripts/main.js @@ -1,8 +1,12 @@ +// Copyright (c) 2023 Michael Kolesidis (michael.kolesidis@gmail.com) +// Licensed under the GNU Affero General Public License v3.0. +// https://www.gnu.org/licenses/gpl-3.0.html + const butt = document.getElementById("butt"); const fart = document.getElementById("fart"); butt.addEventListener("click", () => { - const fartSound = new Audio("./assets/fart.mp3"); + const fartSound = new Audio("./assets/sounds/fart.mp3"); fartSound.play(); setTimeout(() => { fart.style.opacity = 1; diff --git a/styles/style.css b/styles/style.css index 8ee41b2..5ba44bd 100644 --- a/styles/style.css +++ b/styles/style.css @@ -46,3 +46,16 @@ img { #fart { opacity: 0; } + +a { + text-decoration: none; + color: black; + position: absolute; + bottom: 0; + left: 0; + margin: 5px; +} + +a:hover { + color: white; +}