diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..660ba0b
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index a3ef6fc..dda0300 100644
--- a/index.html
+++ b/index.html
@@ -4,20 +4,26 @@
The Myrtle Tree
+
-
-
-
-
-
-
diff --git a/main.js b/main.js
index 27df6d9..5a3db45 100644
--- a/main.js
+++ b/main.js
@@ -1,14 +1,30 @@
const backgroundAudio = document.getElementById("backgroundAudio");
+const playPauseButton = document.getElementById("playPause")
+let audioPlaying = false
-const playAudio = () => {
- backgroundAudio.play();
-};
-
-const pauseAudio = () => {
- backgroundAudio.pause();
+const playPauseAudio = () => {
+ if (audioPlaying === true) {
+ playPauseButton.innerHTML = playPauseButton.innerHTML.replace('pause', 'play');
+ backgroundAudio.pause();
+ audioPlaying = false;
+ } else {
+ playPauseButton.innerHTML = playPauseButton.innerHTML.replace('play', 'pause');
+ backgroundAudio.play();
+ audioPlaying = true;
+ }
};
const stopAudio = () => {
- backgroundAudio.pause();
backgroundAudio.currentTime = 0;
+ audioPlaying = true;
+ playPauseAudio();
+};
+
+const begin = () => {
+ // First pause the audio
+ playPauseAudio();
+
+ // Then fade everything out
+
+ // Finally, load in the new content
};
diff --git a/public/audio/1.ogg b/public/audio/1.ogg
deleted file mode 100644
index ba17a5a..0000000
Binary files a/public/audio/1.ogg and /dev/null differ
diff --git a/public/audio/roli.webm b/public/audio/roli.weba
similarity index 100%
rename from public/audio/roli.webm
rename to public/audio/roli.weba
diff --git a/public/images/menu.svg b/public/images/menu.svg
index 33c224e..cb00e26 100644
--- a/public/images/menu.svg
+++ b/public/images/menu.svg
@@ -1,4 +1,41 @@
-
-