diff --git a/components/footer.js b/components/footer.js index d104766..8a0c695 100644 --- a/components/footer.js +++ b/components/footer.js @@ -2,20 +2,22 @@ import styles from '../styles/components/Footer.module.css' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faHeart } from '@fortawesome/free-solid-svg-icons' -const Footer = () => ( -
-
-
-

- - Made with by Midblep - -
- NextJS // Vercel // Airtable -

+export default function Footer() { + return ( +
+
+
+ +

+ + Made with by Midblep + +
+ NextJS // Vercel // Airtable +

+
+
-
-) - -export default Footer \ No newline at end of file + ) +} \ No newline at end of file diff --git a/public/js/meow.js b/public/js/meow.js new file mode 100644 index 0000000..1001a10 --- /dev/null +++ b/public/js/meow.js @@ -0,0 +1,6 @@ +const soundBtn = document.querySelector('#clickMeow'); +let myAudio = document.querySelector('#meow'); +soundBtn.addEventListener('click',() => { + myAudio.volume = 0.1; + myAudio.play(); +}); \ No newline at end of file diff --git a/public/sound/meow.mp3 b/public/sound/meow.mp3 new file mode 100644 index 0000000..999963f Binary files /dev/null and b/public/sound/meow.mp3 differ