favicon and source link

michaelkolesidis · Feb 19, 2023 · 9c436be · 9c436be · vercel · Feb 19, 2023
1 parent 8b5951d
commit 9c436be
Show file tree

Hide file tree

Showing 10 changed files with 23 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.vscode
diff --git a/assets/butt.png → assets/images/butt.png b/assets/butt.png → assets/images/butt.png
diff --git a/assets/butt.svg → assets/images/butt.svg b/assets/butt.svg → assets/images/butt.svg
diff --git a/assets/fart.png → assets/images/fart.png b/assets/fart.png → assets/images/fart.png
diff --git a/assets/fart.svg → assets/images/fart.svg b/assets/fart.svg → assets/images/fart.svg
diff --git a/assets/fart.mp3 → assets/sounds/fart.mp3 b/assets/fart.mp3 → assets/sounds/fart.mp3
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -7,14 +7,15 @@
     <meta name="description" content="" />
     <meta name="keywords" content="" />
     <title>fart</title>
-    <link rel="icon" href="#" type="image/png" sizes="16x16" />
+    <link rel="icon" href="./favicon.ico" type="image/png" sizes="16x16" />
     <link rel="stylesheet" href="styles/style.css" />
     <script src="scripts/main.js" defer></script>
   </head>
   <body>
     <div id="container">
-      <img src="./assets/fart.png" id="fart" alt="fart" />
-      <img src="./assets/butt.png" id="butt" alt="butt" />
+      <img src="./assets/images/fart.png" id="fart" alt="fart" />
+      <img src="./assets/images/butt.png" id="butt" alt="butt" />
     </div>
+    <a href="https://github.com/michaelkolesidis/fart" id="source">source</a>
   </body>
 </html>
diff --git 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
@@ -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;
+}