diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx index e91f56e..9459581 100644 --- a/src/components/Navbar.jsx +++ b/src/components/Navbar.jsx @@ -1,8 +1,17 @@ -import React from 'react'; +import React, { useState } from 'react'; import NavbarLogo from './images/NavbarLogo.png'; +// import NavbarLogo2 from './images/NavbarLogo2.png'; +// import LogoToggle from './music/LogoToggle.mp3' const Navbar = (props) => { const { name, score, start } = props; + // const [ oldLogo, setOldLogo] = useState(false); + + // const toggleLogo = () => { + // setOldLogo(!oldLogo) + // const toggleJingle = new Audio(LogoToggle); + // toggleJingle.play(); + // } return (
Logo diff --git a/src/components/images/NavbarLogo2.png b/src/components/images/NavbarLogo2.png new file mode 100644 index 0000000..f63ed9f Binary files /dev/null and b/src/components/images/NavbarLogo2.png differ diff --git a/src/components/images/NavbarLogo2.png:Zone.Identifier b/src/components/images/NavbarLogo2.png:Zone.Identifier new file mode 100644 index 0000000..6b317c8 --- /dev/null +++ b/src/components/images/NavbarLogo2.png:Zone.Identifier @@ -0,0 +1,4 @@ +[ZoneTransfer] +ZoneId=3 +ReferrerUrl=https://cdn2.steamgriddb.com/file/sgdb-cdn/icon/c133fb1bb634af68c5088f3438848bfd.png +HostUrl=https://cdn2.steamgriddb.com/file/sgdb-cdn/icon/c133fb1bb634af68c5088f3438848bfd.png diff --git a/src/components/music/LogoToggle.mp3 b/src/components/music/LogoToggle.mp3 new file mode 100644 index 0000000..e2f3aba Binary files /dev/null and b/src/components/music/LogoToggle.mp3 differ diff --git a/src/components/music/LogoToggle.mp3:Zone.Identifier b/src/components/music/LogoToggle.mp3:Zone.Identifier new file mode 100644 index 0000000..68d16ad --- /dev/null +++ b/src/components/music/LogoToggle.mp3:Zone.Identifier @@ -0,0 +1,4 @@ +[ZoneTransfer] +ZoneId=3 +ReferrerUrl=about:client +HostUrl=https://vgmsite.com/soundtracks/banjo-kazooie-s-great-adventure-complete-sound-version/kfjhnkzm/4-26%20Collect%20Extra%20Life.mp3