diff --git a/README.md b/README.md
index 2464d38..d340c91 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,23 @@
# assignment_royalty_free_music_player
-Ushering in the reign of Royalty Free Music w/ JavaScript.
+
+by Brennan Fulmer
+
+https://brennanfulmer.github.io/assignment_royalty_free_music_player/
+
+All songs used are owned by their respective artists, and are only being used
+by me under their creative commons licenses. I have made no changes to the
+songs and have received no endorsement from their creators. For more from these
+musicians see the links to their albums below. I've also included links to
+their albums licenses for compliance reasons.
+
+Siesta and Fireworks by Jahzzar
+https://freemusicarchive.org/music/Jahzzar/Travellers_Guide/
+https://creativecommons.org/licenses/by-sa/3.0/
+
+Favorite Secrets and Bronco Romp by Waylon Thornton
+https://freemusicarchive.org/music/Waylon_Thornton/Mystery_Club/
+https://creativecommons.org/licenses/by-nc-sa/3.0/us/
+
+Springish by Gillicuddy
+https://freemusicarchive.org/music/gillicuddy/Plays_Guitar/
+https://creativecommons.org/licenses/by-nc/3.0/
diff --git a/assets/audio/Bronco_Romp_by_Waylon_Thornton.mp3 b/assets/audio/Bronco_Romp_by_Waylon_Thornton.mp3
new file mode 100644
index 0000000..859b094
Binary files /dev/null and b/assets/audio/Bronco_Romp_by_Waylon_Thornton.mp3 differ
diff --git a/assets/audio/Favorite_Secrets_by_Waylon_Thornton.mp3 b/assets/audio/Favorite_Secrets_by_Waylon_Thornton.mp3
new file mode 100644
index 0000000..3f6ef4e
Binary files /dev/null and b/assets/audio/Favorite_Secrets_by_Waylon_Thornton.mp3 differ
diff --git a/assets/audio/Fireworks_by_Jahzzar.mp3 b/assets/audio/Fireworks_by_Jahzzar.mp3
new file mode 100644
index 0000000..aa17b0d
Binary files /dev/null and b/assets/audio/Fireworks_by_Jahzzar.mp3 differ
diff --git a/assets/audio/Siesta_by_Jahzzar.mp3 b/assets/audio/Siesta_by_Jahzzar.mp3
new file mode 100644
index 0000000..1db27d7
Binary files /dev/null and b/assets/audio/Siesta_by_Jahzzar.mp3 differ
diff --git a/assets/audio/Springish_by_Gillicuddy.mp3 b/assets/audio/Springish_by_Gillicuddy.mp3
new file mode 100644
index 0000000..d3af7c8
Binary files /dev/null and b/assets/audio/Springish_by_Gillicuddy.mp3 differ
diff --git a/assets/images/crown.png b/assets/images/crown.png
new file mode 100644
index 0000000..a7880e3
Binary files /dev/null and b/assets/images/crown.png differ
diff --git a/assets/images/song_pause.png b/assets/images/song_pause.png
new file mode 100644
index 0000000..49eb822
Binary files /dev/null and b/assets/images/song_pause.png differ
diff --git a/assets/images/song_play.png b/assets/images/song_play.png
new file mode 100644
index 0000000..4fe69ad
Binary files /dev/null and b/assets/images/song_play.png differ
diff --git a/assets/images/status_pause.gif b/assets/images/status_pause.gif
new file mode 100644
index 0000000..5813d12
Binary files /dev/null and b/assets/images/status_pause.gif differ
diff --git a/assets/images/status_play.gif b/assets/images/status_play.gif
new file mode 100644
index 0000000..ab32a47
Binary files /dev/null and b/assets/images/status_play.gif differ
diff --git a/assets/images/status_switch.gif b/assets/images/status_switch.gif
new file mode 100644
index 0000000..b198d24
Binary files /dev/null and b/assets/images/status_switch.gif differ
diff --git a/assets/mockups/No_Song_Playing_Mockup.PNG b/assets/mockups/No_Song_Playing_Mockup.PNG
new file mode 100644
index 0000000..0fa773a
Binary files /dev/null and b/assets/mockups/No_Song_Playing_Mockup.PNG differ
diff --git a/assets/mockups/Song_Playing_Mockup.PNG b/assets/mockups/Song_Playing_Mockup.PNG
new file mode 100644
index 0000000..3958a9c
Binary files /dev/null and b/assets/mockups/Song_Playing_Mockup.PNG differ
diff --git a/assets/scripts/music_player.js b/assets/scripts/music_player.js
new file mode 100644
index 0000000..548249a
--- /dev/null
+++ b/assets/scripts/music_player.js
@@ -0,0 +1,129 @@
+
+var statusBar = document.getElementsByClassName("status")[0].children,
+ statusPlay = statusBar[1],
+ statusPause = statusBar[2],
+ statusSong = statusBar[4],
+ statusArtist = statusBar[5],
+ audios = document.querySelectorAll("audio"),
+ songs = document.getElementsByClassName("song"),
+ songPlay = document.getElementsByClassName("song-play"),
+ songPause = document.getElementsByClassName("song-pause");
+
+function pauser(song) {
+ song[4].pause();
+ song[0].classList.remove("hide");
+ song[1].classList.remove("playing");
+ statusPlay.classList.remove("hide");
+ statusPause.classList.remove("playing");
+}
+
+function starter(song) {
+ song[4].play();
+ song[0].classList.add("hide");
+ song[1].classList.add("playing");
+ statusPlay.classList.add("hide");
+ statusPause.classList.add("playing");
+ statusSong.innerHTML = song[2].innerHTML;
+ statusArtist.innerHTML = song[3].innerHTML;
+
+ for (var step = 0; step < 5; step++) {
+ if (audios[step].paused && audios[step].currentTime > 0) {
+ audios[step].currentTime = 0;
+ }
+ }
+}
+
+function seek() {
+ for (var piece in songs) {
+ if (
+ songs[piece].children[2].innerHTML == statusSong.innerHTML &&
+ songs[piece].children[3].innerHTML == statusArtist.innerHTML
+ ) {
+ return songs[piece];
+ }
+ }
+}
+
+function lookup(listing) {
+ for (var sequence = 0; sequence < 5; sequence++) {
+ if (songs[sequence].getAttribute("num") == listing) {
+ return songs[sequence].children;
+ }
+ }
+}
+
+function next(current) {
+ pauser(current.children);
+
+ if (current.getAttribute("num") == 5) {
+ var numeral = 1;
+ } else {
+ var numeral = parseFloat(current.getAttribute("num")) + 1;
+ }
+
+ starter(lookup(numeral));
+}
+
+// song play button
+for (var counter = 0; counter < 5; counter++) {
+ songPlay[counter].addEventListener("click", function(action) {
+ var played = document.getElementsByClassName("song-pause playing")[0];
+
+ if (played != undefined) {
+ pauser(played.parentNode.children);
+ }
+
+ starter(action.target.parentNode.children);
+ });
+}
+// song play button
+
+// status play button
+statusPlay.addEventListener("click", function() {
+ starter(seek().children);
+});
+// status play button
+
+// song pause button
+for (var limit = 0; limit < 5; limit++) {
+ songPause[limit].addEventListener("click", function(root) {
+ pauser(root.target.parentNode.children);
+ });
+}
+// song pause button
+
+// status pause button
+statusPause.addEventListener("click", function() {
+ pauser(seek().children);
+});
+// status pause button
+
+// status previous button
+statusBar[0].addEventListener("click", function() {
+ var subjectSong = seek();
+
+ pauser(subjectSong.children);
+
+ if (subjectSong.getAttribute("num") == 1) {
+ var symbol = 5;
+ } else {
+ var symbol = subjectSong.getAttribute("num") - 1;
+ }
+
+ starter(lookup(symbol));
+});
+// status previous button
+
+// status after button
+statusBar[3].addEventListener("click", function() {
+ next(seek());
+});
+// status after button
+
+// song finish handler
+for (var tick = 0; tick < 5; tick++) {
+ audios[tick].addEventListener("ended", function(ended) {
+ next(ended.target.parentNode);
+ });
+}
+// song finish handler
diff --git a/assets/styles/.sass-cache/9edf36bc8269fd1b1dbdee2bb41858fd75e95dd8/input.scssc b/assets/styles/.sass-cache/9edf36bc8269fd1b1dbdee2bb41858fd75e95dd8/input.scssc
new file mode 100644
index 0000000..2466d18
Binary files /dev/null and b/assets/styles/.sass-cache/9edf36bc8269fd1b1dbdee2bb41858fd75e95dd8/input.scssc differ
diff --git a/assets/styles/input.scss b/assets/styles/input.scss
new file mode 100644
index 0000000..8efbca1
--- /dev/null
+++ b/assets/styles/input.scss
@@ -0,0 +1,255 @@
+
+* {
+ font-family: sans-serif;
+}
+
+body {
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+}
+
+.title {
+ background-color: lightgrey;
+ width: calc(100% - 2px);
+ border: 1px solid black;
+ height: 64px;
+}
+
+.crown {
+ height: 36px;
+ width: 36px;
+ margin: {
+ top: 13px;
+ left: 16px;
+ }
+}
+
+h1 {
+ font: {
+ size: 32px;
+ weight: bold;
+ }
+ margin: {
+ left: 66px;
+ top: -37.5px;
+ }
+}
+
+@media screen and (max-width: 575px) {
+ h1 {
+ font-size: 24px;
+ width: 240px;
+ margin-top: -48px;
+ }
+}
+
+.song {
+ width: calc(100% - 2px);
+ height: 52px;
+ min-height: 52px;
+ border: {
+ bottom: 1px solid black;
+ left: 1px solid black;
+ right: 1px solid black;
+ }
+}
+
+.song-pause {
+ width: 30px;
+ display: none;
+ height: 30px;
+ margin: {
+ top: 11.5px;
+ left: 12px;
+ }
+}
+
+.song-play {
+ width: 30px;
+ height: 30px;
+ margin: {
+ top: 11.5px;
+ left: 12px;
+ }
+}
+
+h2 {
+ font: {
+ size: 16px;
+ weight: bold;
+ }
+ margin: {
+ top: -37px;
+ left: 60px;
+ }
+}
+
+h3 {
+ color: grey;
+ font-size: 12px;
+ margin: {
+ top: -11px;
+ left: 60px;
+ }
+}
+
+@media screen and (max-width: 575px) {
+ h2 {
+ font-size: 12px;
+ margin-top: -40px;
+ max-width: 350px;
+ }
+ h3 {
+ max-width: 350px;
+ }
+}
+
+.status {
+ width: calc(100% - 2px);
+ border: 1px solid black;
+ margin-top: 18%;
+ background-color: black;
+ height: 80px;
+}
+
+.previous-button {
+ height: 40px;
+ width: 40px;
+ transform: scaleX(-1);
+ margin: {
+ bottom: 4px;
+ left: 16px;
+ }
+}
+
+.status-pause {
+ width: 50px;
+ display: none;
+ height: 50px;
+ margin: {
+ top: 14px;
+ left: 16px;
+ }
+}
+
+.status-play {
+ width: 50px;
+ height: 50px;
+ margin: {
+ top: 14px;
+ left: 16px;
+ }
+}
+
+.after-button {
+ height: 40px;
+ width: 40px;
+ margin: {
+ bottom: 4px;
+ left: 16px;
+ }
+}
+
+h4 {
+ color: white;
+ font-size: 20px;
+ margin: {
+ top: -51px;
+ left: 210px;
+ }
+}
+
+h5 {
+ color: grey;
+ font-size: 16px;
+ margin: {
+ top: -23px;
+ left: 210px;
+ }
+}
+
+.hide {
+ display: none;
+}
+
+.playing {
+ display: initial;
+}
+
+@media screen and (max-width: 1279px) {
+ .previous-button {
+ margin-left: 10px;
+ }
+
+ .status-play, .status-pause {
+ margin-left: 6px;
+ }
+
+ .after-button {
+ margin-left: 6px;
+ }
+
+ h4 {
+ margin-left: 176px;
+ }
+
+ h5 {
+ margin-left: 176px;
+ }
+
+}
+
+@media screen and (max-width: 959px) {
+ .status-play, .status-pause {
+ margin-left: 4px;
+ }
+
+ .after-button {
+ margin-left: 4px;
+ }
+
+ h4 {
+ font-size: 18px;
+ max-width: 500px;
+ margin: {
+ top: -62px;
+ left: 170px;
+ }
+ }
+
+ h5 {
+ max-width: 500px;
+ margin-left: 170px;
+ }
+}
+
+@media screen and (max-width: 750px) {
+ * {
+ overflow: hidden;
+ }
+
+ h4 {
+ font-size: 14px;
+ }
+
+ h5 {
+ font-size: 14px;
+ margin-top: -16px;
+ }
+}
+
+@media screen and (max-width: 479px) {
+ h4 {
+ font-size: 12px;
+ margin-top: -60px;
+ }
+
+ h5 {
+ font-size: 12px;
+ margin-top: -12px;
+ }
+}
diff --git a/assets/styles/normalize.css b/assets/styles/normalize.css
new file mode 100644
index 0000000..47b010e
--- /dev/null
+++ b/assets/styles/normalize.css
@@ -0,0 +1,341 @@
+/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/assets/styles/style.css b/assets/styles/style.css
new file mode 100644
index 0000000..68b72a7
--- /dev/null
+++ b/assets/styles/style.css
@@ -0,0 +1,177 @@
+* {
+ font-family: sans-serif; }
+
+body {
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ width: 100%;
+ position: absolute; }
+
+.title {
+ background-color: lightgrey;
+ width: calc(100% - 2px);
+ border: 1px solid black;
+ height: 64px; }
+
+.crown {
+ height: 36px;
+ width: 36px;
+ margin-top: 13px;
+ margin-left: 16px; }
+
+h1 {
+ font-size: 32px;
+ font-weight: bold;
+ margin-left: 66px;
+ margin-top: -37.5px; }
+
+@media screen and (max-width: 575px) {
+ h1 {
+ font-size: 24px;
+ width: 240px;
+ margin-top: -48px; } }
+.song {
+ width: calc(100% - 2px);
+ height: 52px;
+ min-height: 52px;
+ border-bottom: 1px solid black;
+ border-left: 1px solid black;
+ border-right: 1px solid black; }
+
+.song-pause {
+ width: 30px;
+ display: none;
+ height: 30px;
+ margin-top: 11.5px;
+ margin-left: 12px; }
+
+.song-play {
+ width: 30px;
+ height: 30px;
+ margin-top: 11.5px;
+ margin-left: 12px; }
+
+h2 {
+ font-size: 16px;
+ font-weight: bold;
+ margin-top: -37px;
+ margin-left: 60px; }
+
+h3 {
+ color: grey;
+ font-size: 12px;
+ margin-top: -11px;
+ margin-left: 60px; }
+
+@media screen and (max-width: 575px) {
+ h2 {
+ font-size: 12px;
+ margin-top: -40px;
+ max-width: 350px; }
+
+ h3 {
+ max-width: 350px; } }
+.status {
+ width: calc(100% - 2px);
+ border: 1px solid black;
+ margin-top: 18%;
+ background-color: black;
+ height: 80px; }
+
+.previous-button {
+ height: 40px;
+ width: 40px;
+ transform: scaleX(-1);
+ margin-bottom: 4px;
+ margin-left: 16px; }
+
+.status-pause {
+ width: 50px;
+ display: none;
+ height: 50px;
+ margin-top: 14px;
+ margin-left: 16px; }
+
+.status-play {
+ width: 50px;
+ height: 50px;
+ margin-top: 14px;
+ margin-left: 16px; }
+
+.after-button {
+ height: 40px;
+ width: 40px;
+ margin-bottom: 4px;
+ margin-left: 16px; }
+
+h4 {
+ color: white;
+ font-size: 20px;
+ margin-top: -51px;
+ margin-left: 210px; }
+
+h5 {
+ color: grey;
+ font-size: 16px;
+ margin-top: -23px;
+ margin-left: 210px; }
+
+.hide {
+ display: none; }
+
+.playing {
+ display: initial; }
+
+@media screen and (max-width: 1279px) {
+ .previous-button {
+ margin-left: 10px; }
+
+ .status-play, .status-pause {
+ margin-left: 6px; }
+
+ .after-button {
+ margin-left: 6px; }
+
+ h4 {
+ margin-left: 176px; }
+
+ h5 {
+ margin-left: 176px; } }
+@media screen and (max-width: 959px) {
+ .status-play, .status-pause {
+ margin-left: 4px; }
+
+ .after-button {
+ margin-left: 4px; }
+
+ h4 {
+ font-size: 18px;
+ max-width: 500px;
+ margin-top: -62px;
+ margin-left: 170px; }
+
+ h5 {
+ max-width: 500px;
+ margin-left: 170px; } }
+@media screen and (max-width: 750px) {
+ * {
+ overflow: hidden; }
+
+ h4 {
+ font-size: 14px; }
+
+ h5 {
+ font-size: 14px;
+ margin-top: -16px; } }
+@media screen and (max-width: 479px) {
+ h4 {
+ font-size: 12px;
+ margin-top: -60px; }
+
+ h5 {
+ font-size: 12px;
+ margin-top: -12px; } }
+
+/*# sourceMappingURL=style.css.map */
diff --git a/assets/styles/style.css.map b/assets/styles/style.css.map
new file mode 100644
index 0000000..d191cff
--- /dev/null
+++ b/assets/styles/style.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AACA,CAAE;EACA,WAAW,EAAE,UAAU;;AAGzB,IAAK;EACH,WAAW,EAAE,MAAM;EACnB,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,QAAQ;;AAGpB,MAAO;EACL,gBAAgB,EAAE,SAAS;EAC3B,KAAK,EAAE,gBAAgB;EACvB,MAAM,EAAE,eAAe;EACvB,MAAM,EAAE,IAAI;;AAGd,MAAO;EACL,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EAET,UAAG,EAAE,IAAI;EACT,WAAI,EAAE,IAAI;;AAId,EAAG;EAEC,SAAI,EAAE,IAAI;EACV,WAAM,EAAE,IAAI;EAGZ,WAAI,EAAE,IAAI;EACV,UAAG,EAAE,OAAO;;AAIhB,oCAAqC;EACnC,EAAG;IACD,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,KAAK;AAIrB,KAAM;EACJ,KAAK,EAAE,gBAAgB;EACvB,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAEd,aAAM,EAAE,eAAe;EACvB,WAAI,EAAE,eAAe;EACrB,YAAK,EAAE,eAAe;;AAI1B,WAAY;EACV,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,IAAI;EAEV,UAAG,EAAE,MAAM;EACX,WAAI,EAAE,IAAI;;AAId,UAAW;EACT,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EAEV,UAAG,EAAE,MAAM;EACX,WAAI,EAAE,IAAI;;AAId,EAAG;EAEC,SAAI,EAAE,IAAI;EACV,WAAM,EAAE,IAAI;EAGZ,UAAG,EAAE,KAAK;EACV,WAAI,EAAE,IAAI;;AAId,EAAG;EACD,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,IAAI;EAEb,UAAG,EAAE,KAAK;EACV,WAAI,EAAE,IAAI;;AAId,oCAAqC;EACnC,EAAG;IACD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,KAAK;;EAElB,EAAG;IACD,SAAS,EAAE,KAAK;AAIpB,OAAQ;EACN,KAAK,EAAE,gBAAgB;EACvB,MAAM,EAAE,eAAe;EACvB,UAAU,EAAE,GAAG;EACf,gBAAgB,EAAE,KAAK;EACvB,MAAM,EAAE,IAAI;;AAGd,gBAAiB;EACf,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,UAAU;EAEnB,aAAM,EAAE,GAAG;EACX,WAAI,EAAE,IAAI;;AAId,aAAc;EACZ,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,IAAI;EAEV,UAAG,EAAE,IAAI;EACT,WAAI,EAAE,IAAI;;AAId,YAAa;EACX,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EAEV,UAAG,EAAE,IAAI;EACT,WAAI,EAAE,IAAI;;AAId,aAAc;EACZ,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EAET,aAAM,EAAE,GAAG;EACX,WAAI,EAAE,IAAI;;AAId,EAAG;EACD,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,IAAI;EAEb,UAAG,EAAE,KAAK;EACV,WAAI,EAAE,KAAK;;AAIf,EAAG;EACD,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,IAAI;EAEb,UAAG,EAAE,KAAK;EACV,WAAI,EAAE,KAAK;;AAIf,KAAM;EACJ,OAAO,EAAE,IAAI;;AAGf,QAAS;EACP,OAAO,EAAE,OAAO;;AAGlB,qCAAsC;EACpC,gBAAiB;IACf,WAAW,EAAE,IAAI;;EAGnB,2BAA4B;IAC1B,WAAW,EAAE,GAAG;;EAGlB,aAAc;IACZ,WAAW,EAAE,GAAG;;EAGlB,EAAG;IACD,WAAW,EAAE,KAAK;;EAGpB,EAAG;IACD,WAAW,EAAE,KAAK;AAKtB,oCAAqC;EACnC,2BAA4B;IAC1B,WAAW,EAAE,GAAG;;EAGlB,aAAc;IACZ,WAAW,EAAE,GAAG;;EAGlB,EAAG;IACD,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAEd,UAAG,EAAE,KAAK;IACV,WAAI,EAAE,KAAK;;EAIf,EAAG;IACD,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,KAAK;AAItB,oCAAqC;EACnC,CAAE;IACA,QAAQ,EAAE,MAAM;;EAGlB,EAAG;IACD,SAAS,EAAE,IAAI;;EAGjB,EAAG;IACD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,KAAK;AAIrB,oCAAqC;EACnC,EAAG;IACD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,KAAK;;EAGnB,EAAG;IACD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,KAAK",
+"sources": ["input.scss"],
+"names": [],
+"file": "style.css"
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..6d33611
--- /dev/null
+++ b/index.html
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
+
+ Royalty Free Music Player
+
+
+
+
+
+ 
+ Royalty Free Music Player
+
+
+
+
+
+
Siesta
+
by Jahzzar
+
+
+
+
+
Bronco Romp
+
by Waylon Thornton
+
+
+
+
+
Springish
+
by Gillicuddy
+
+
+
+
+
Fireworks
+
by Jahzzar
+
+
+
+
+
Favorite Secrets
+
by Waylon Thornton
+
+