diff --git a/.codesandbox/workspace.json b/.codesandbox/workspace.json
new file mode 100644
index 0000000..7b46a7e
--- /dev/null
+++ b/.codesandbox/workspace.json
@@ -0,0 +1,20 @@
+{
+  "responsive-preview": {
+    "Mobile": [
+      320,
+      675
+    ],
+    "Tablet": [
+      1024,
+      765
+    ],
+    "Desktop": [
+      1400,
+      800
+    ],
+    "Desktop HD": [
+      1920,
+      1080
+    ]
+  }
+}
\ No newline at end of file
diff --git a/.github/workflows/deploy-now.yaml b/.github/workflows/deploy-now.yaml
new file mode 100644
index 0000000..d1fa0c0
--- /dev/null
+++ b/.github/workflows/deploy-now.yaml
@@ -0,0 +1,50 @@
+name: Deploy Now
+
+on:
+  - push
+  - workflow_dispatch
+
+jobs:
+  deploy-now:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Fetch project data
+        uses: ionos-deploy-now/retrieve-project-info-action@v1
+        id: project
+        with:
+          api-key: ${{ secrets.IONOS_API_KEY }}
+          project: ${{ secrets.IONOS_PROJECT_ID }}
+          service-host: api-eu.ionos.space
+      - name: checkout
+        if: ${{ steps.project.outputs.deployment-enabled == 'true' }}
+        uses: actions/checkout@v2
+        with:
+          submodules: 'recursive'
+      - name: Setup Node.js 14.x
+        if: ${{ steps.project.outputs.deployment-enabled == 'true' }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: 14.x
+      - name: Prepare project environment
+        if: ${{ steps.project.outputs.deployment-enabled == 'true' }}
+        run: |
+          npm install --global yarn
+          yarn install --frozen-lockfile
+      - name: Build project
+        if: ${{ steps.project.outputs.deployment-enabled == 'true' }}
+        run: yarn build
+        env:
+          CI: true
+          SITE_URL: ${{ steps.project.outputs.site-url }}
+      - name: Deploy build
+        if: ${{ steps.project.outputs.deployment-enabled == 'true' }}
+        uses: ionos-deploy-now/deploy-to-ionos-action@v1
+        with:
+          api-key: ${{ secrets.IONOS_API_KEY }}
+          bootstrap-deploy: ${{ steps.project.outputs.bootstrap-deploy }}
+          branch-id: ${{ steps.project.outputs.branch-id }}
+          dist-folder: dist
+          project: ${{ secrets.IONOS_PROJECT_ID }}
+          remote-host: ${{ steps.project.outputs.remote-host }}
+          service-host: api-eu.ionos.space
+          storage-quota: ${{ steps.project.outputs.storage-quota }}
diff --git a/assets/icons/cosmic-js.svg b/assets/icons/cosmic-js.svg
index 1d51b1b..d995a23 100644
--- a/assets/icons/cosmic-js.svg
+++ b/assets/icons/cosmic-js.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="cosmic-js.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="11.313708"
-     inkscape:cx="-0.5961619"
-     inkscape:cy="-11.741268"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="981"
-     inkscape:window-y="573"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="false">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     style="fill:currentColor"
-     d="M 4.1777344,0.80664062 C 3.0116302,0.83666098 2.054364,1.1611972 1.3789062,1.8066406 -0.84259906,3.9680993 0.59836784,9.0710137 4.6210938,14.714844 5.1014193,14.114437 5.5821745,13.573063 6.0625,12.972656 4.0811574,9.5503374 3.5409393,6.6094514 4.921875,5.2285156 6.9032176,3.3672544 11.947829,5.1081335 17.111328,9.1308594 17.29145,8.4704118 17.770687,7.9291097 18.371094,7.6289062 13.057493,3.2609464 7.676041,0.7165796 4.1777344,0.80664062 Z m 23.6445316,0.03125 c -2.691456,6.004e-4 -6.46674,1.50860058 -10.470704,4.15039058 0.600406,0.4202849 1.200375,0.9005339 1.800782,1.3808594 3.542401,-1.9213019 6.603439,-2.4029261 7.984375,-1.0820312 1.921302,1.8612613 0.181363,6.7251016 -4.021485,11.6484376 0.660448,0.180122 1.199797,0.661312 1.5,1.261719 C 30.679343,11.352627 33.440112,4.38839 30.738281,1.8066406 30.04406,1.1499396 29.045649,0.83752432 27.822266,0.83789062 Z M 13.087891,8.1113281 C 12.57877,8.5278784 12.069662,8.9810023 11.560547,9.4414062 A 2.5817585,2.4616766 0.15110982 0 0 10.572266,9.25 a 2.5817585,2.4616766 0.15110982 0 0 -2.587891,2.455078 2.5817585,2.4616766 0.15110982 0 0 2.574219,2.46875 2.5817585,2.4616766 0.15110982 0 0 2.589844,-2.455078 2.5817585,2.4616766 0.15110982 0 0 -0.199219,-0.945312 C 13.55596,10.248915 14.147311,9.7286263 14.769531,9.25 14.169124,8.8297152 13.628257,8.4715662 13.087891,8.1113281 Z m 7.384765,0.1777344 c -1.440977,0 -2.582031,1.0819553 -2.582031,2.4628905 0,1.320896 1.141054,2.462891 2.582031,2.462891 0.338491,0 0.656703,-0.06467 0.951172,-0.173828 0.559321,0.573286 1.097463,1.143316 1.570313,1.734375 0.420285,-0.540366 0.840421,-1.082681 1.140625,-1.623047 -0.396503,-0.468594 -0.84175,-0.935704 -1.298828,-1.404297 0.138183,-0.30359 0.21875,-0.638785 0.21875,-0.996094 0,-1.3809352 -1.141056,-2.4628905 -2.582032,-2.4628905 z M 7.4433594,13.693359 C 1.3192095,20.537997 -1.4420652,27.443636 1.2597656,30.025391 3.4812709,32.18685 8.8249976,30.744948 14.708984,26.902344 14.108577,26.482059 13.50861,26.001803 12.908203,25.521484 9.3658024,27.44278 6.3028108,27.922459 4.921875,26.601562 3.0005731,24.740302 4.7424645,19.878415 8.9453125,14.955078 8.2848649,14.774956 7.7435628,14.293766 7.4433594,13.693359 Z m 1.6210937,3.482422 c -0.4202848,0.540366 -0.8404216,1.080728 -1.140625,1.621094 0.4284443,0.464151 0.8616635,0.928428 1.3027344,1.392578 a 2.5817585,2.4616766 0.150275 0 0 -0.2109375,0.96875 2.5817585,2.4616766 0.150275 0 0 2.574219,2.46875 2.5817585,2.4616766 0.150275 0 0 2.589844,-2.455078 2.5817585,2.4616766 0.150275 0 0 -2.576172,-2.46875 2.5817585,2.4616766 0.150275 0 0 -0.990235,0.1875 C 10.061309,18.324231 9.5317678,17.759929 9.0644531,17.175781 Z M 27.4375,17.236328 c -0.480325,0.600407 -0.961081,1.141781 -1.441406,1.742188 1.981342,3.422319 2.521055,6.302657 1.080078,7.683593 -1.981342,1.861261 -7.024001,0.120883 -12.1875,-3.841797 -0.180122,0.660441 -0.661313,1.20175 -1.261719,1.501954 7.144841,5.82394 14.350905,8.464561 17.052735,5.882812 2.221505,-2.221506 0.780538,-7.384967 -3.242188,-12.96875 z m -5.96875,0.511719 a 2.5817593,2.4616775 0.15783 0 0 -2.587891,2.453125 2.5817593,2.4616775 0.15783 0 0 0.183594,0.914062 c -0.61576,0.531312 -1.236015,1.047017 -1.833984,1.525391 0.600407,0.420285 1.139827,0.78038 1.740234,1.140625 0.516932,-0.406158 1.016182,-0.843344 1.515625,-1.294922 a 2.5817593,2.4616775 0.15783 0 0 0.970703,0.185547 2.5817593,2.4616775 0.15783 0 0 2.587891,-2.455078 2.5817593,2.4616775 0.15783 0 0 -2.576172,-2.46875 z"
-     id="path5016"
-     inkscape:connector-curvature="0" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/cosmic-js.svg
\ No newline at end of file
diff --git a/assets/icons/email.svg b/assets/icons/email.svg
index 3273bc3..0bc9ee1 100644
--- a/assets/icons/email.svg
+++ b/assets/icons/email.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="email.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="32"
-     inkscape:cx="15.349178"
-     inkscape:cy="12.818336"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="758"
-     inkscape:window-y="573"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="false">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     inkscape:connector-curvature="0"
-     style="fill:currentColor"
-     d="m 15.990234,8.009766 c -2.206395,0 -4.414027,0.00381 -6.0878902,0.00781 -0.8369314,0.002 -1.5419284,0.00286 -2.0449219,0.00586 -0.2514962,9.9e-4 -0.4522295,0.00191 -0.59375,0.00391 -0.070765,7.9e-4 -0.1261352,0.00291 -0.1640625,0.00391 -0.037927,7.9e-4 -0.093953,0.00405 -0.025391,-0.00195 -0.3936993,0.0383 -0.5590067,0.1332262 -0.7480469,0.3789062 -0.1916114,0.24902 -0.2933743,0.5303169 -0.3125,0.9667969 -0.015676,0.35777 0.00487,0.4587575 0.1933593,0.8359379 0.1381601,0.276479 0.5174323,0.796663 0.8769532,1.158203 0.2070493,0.20821 0.1957141,0.212942 0.5566406,0.476562 0.3609265,0.2636 1.0594395,0.749098 2.5273444,1.767578 2.029202,1.40791 2.779888,1.932478 3.689453,2.580078 1.095838,0.78024 1.563909,1.023065 1.939453,1.109375 -0.02264,-0.005 0.443266,-0.01075 0.513671,-0.03125 0.260858,-0.0763 0.875499,-0.403107 1.699219,-0.992187 0.421888,-0.3017 2.048958,-1.434824 5.826172,-4.058594 0.648364,-0.45037 0.799813,-0.572304 1.09375,-0.865234 0.369671,-0.36838 0.63361,-0.729159 0.802734,-1.074219 0.191736,-0.3911699 0.246269,-0.6255443 0.246094,-1.0214843 -1.22e-4,-0.30653 -0.0022,-0.3119381 -0.09961,-0.5175781 -0.08453,-0.17842 -0.102327,-0.20329 -0.244141,-0.34375 -0.276759,-0.27322 -0.406946,-0.3343606 -0.746094,-0.3691406 0.07784,0.008 0.01784,7.9e-4 -0.01953,0 -0.03736,-7.9e-4 -0.0918,-9.432e-4 -0.16211,-0.00195 -0.140619,-0.002 -0.343007,-0.00291 -0.593751,-0.00391 -0.50149,-0.003 -1.203127,-0.00386 -2.039061,-0.00586 -1.671871,-0.004 -3.877588,-0.00586 -6.083985,-0.00586 z m -9.9824215,6.736328 v 0.002 l 0.00391,3.470703 0.00391,4.798828 0.015625,0.05469 a 0.68971787,0.68971787 0 0 1 0.00195,0.002 c 0.079043,0.2545 0.1344032,0.348957 0.3066407,0.529297 0.2181208,0.22838 0.4586942,0.343717 0.7089843,0.373046 0.032495,4.81e-4 0.076412,9.44e-4 0.1367188,0.002 0.1277062,9.8e-4 0.3127936,9.33e-4 0.5488281,0.002 0.4720677,0.002 1.1466656,0.0049 1.9726562,0.0059 1.6519804,0.002 3.9119494,0.002 6.3789074,0.002 l 8.875,-0.0039 0.08984,-0.02344 c 0.270715,-0.0761 0.391567,-0.147422 0.576172,-0.332032 0.180506,-0.1805 0.266882,-0.329825 0.333985,-0.578125 l 0.02148,-0.08203 0.0059,-4.789062 0.0039,-3.423829 c -0.239187,0.18308 -0.294066,0.275006 -0.86914,0.666016 -2.055457,1.39752 -3.768548,2.586689 -4.837891,3.355469 -1.454021,1.04531 -1.607025,1.141232 -2.021484,1.351562 -0.560063,0.28423 -1.041707,0.476392 -1.513672,0.582032 -0.487253,0.109169 -1.013276,0.109379 -1.501954,0 C 14.777798,20.605998 14.316889,20.427096 13.74222,20.140906 13.359796,19.950185 12.968918,19.68722 12.279297,19.1875 12.014643,18.99573 11.66032,18.742664 11.492188,18.621094 10.771696,18.100154 8.9423479,16.831117 6.9863281,15.498047 6.3566807,15.068927 6.2975726,14.966964 6.0078125,14.746094 Z"
-     id="path1753" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/email.svg
\ No newline at end of file
diff --git a/assets/icons/next.svg b/assets/icons/next.svg
index d481ca6..948478b 100644
--- a/assets/icons/next.svg
+++ b/assets/icons/next.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="next.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="22.627417"
-     inkscape:cx="16.778119"
-     inkscape:cy="11.507418"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="981"
-     inkscape:window-y="573"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     style="fill:currentColor"
-     d="m 21.5,10 c 0.831,0 1.5,0.669 1.5,1.5 v 9 C 23,21.331 22.331,22 21.5,22 20.669,22 20,21.331 20,20.5 v -2.96289 l -8.576172,4.28711 a 1.6755817,1.6755817 0 0 1 -2.4238275,-1.5 V 11.67578 A 1.6755817,1.6755817 0 0 1 10.615234,10 1.6755817,1.6755817 0 0 1 11.423828,10.17578 L 20,14.46484 V 11.5 C 20,10.669 20.669,10 21.5,10 Z"
-     id="path4919"
-     inkscape:connector-curvature="0" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/next.svg
\ No newline at end of file
diff --git a/assets/icons/pause-big.svg b/assets/icons/pause-big.svg
index 57e9ebd..3fd3d8f 100644
--- a/assets/icons/pause-big.svg
+++ b/assets/icons/pause-big.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="pause-big.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="22.627417"
-     inkscape:cx="16.778119"
-     inkscape:cy="11.507418"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="981"
-     inkscape:window-y="573"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     inkscape:connector-curvature="0"
-     style="fill:currentColor"
-     d="M 11,7 C 9.892,7 9,7.892 9,9 v 14 c 0,1.108 0.892,2 2,2 h 1 c 1.108,0 2,-0.892 2,-2 V 9 C 14,7.892 13.108,7 12,7 Z m 9,0 c -1.108,0 -2,0.892 -2,2 v 14 c 0,1.108 0.892,2 2,2 h 1 c 1.108,0 2,-0.892 2,-2 V 9 C 23,7.892 22.108,7 21,7 Z"
-     id="rect4909" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/pause-big.svg
\ No newline at end of file
diff --git a/assets/icons/pause.svg b/assets/icons/pause.svg
index 8a36613..60ca40b 100644
--- a/assets/icons/pause.svg
+++ b/assets/icons/pause.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="pause.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="11.313708"
-     inkscape:cx="3.0277601"
-     inkscape:cy="-10.945772"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="981"
-     inkscape:window-y="573"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="false">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     inkscape:connector-curvature="0"
-     style="fill:currentColor"
-     d="M 12.5,10 C 11.669,10 11,10.669 11,11.5 v 9 c 0,0.831 0.669,1.5 1.5,1.5 0.831,0 1.5,-0.669 1.5,-1.5 v -9 C 14,10.669 13.331,10 12.5,10 Z m 7,0 C 18.669,10 18,10.669 18,11.5 v 9 c 0,0.831 0.669,1.5 1.5,1.5 0.831,0 1.5,-0.669 1.5,-1.5 v -9 C 21,10.669 20.331,10 19.5,10 Z"
-     id="rect4905" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/pause.svg
\ No newline at end of file
diff --git a/assets/icons/play-big.svg b/assets/icons/play-big.svg
index 183e9e2..0d133e7 100644
--- a/assets/icons/play-big.svg
+++ b/assets/icons/play-big.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="play-big.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="22.627417"
-     inkscape:cx="15.584876"
-     inkscape:cy="11.728389"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="981"
-     inkscape:window-y="573"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     style="fill:currentColor"
-     d="m 9.4208862,7.0000004 a 2.5136615,2.5136615 0 0 0 -2.4219345,2.51234 V 22.48884 a 2.5136615,2.5136615 0 0 0 3.6363843,2.24811 l 12.97651,-6.4871 a 2.5136615,2.5136615 0 0 0 0,-4.49622 L 10.635336,7.2642204 a 2.5136615,2.5136615 0 0 0 -1.2144498,-0.26422 z"
-     id="path1130"
-     inkscape:connector-curvature="0" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/play-big.svg
\ No newline at end of file
diff --git a/assets/icons/play.svg b/assets/icons/play.svg
index 7d79efc..033a092 100644
--- a/assets/icons/play.svg
+++ b/assets/icons/play.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="play.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="16"
-     inkscape:cx="5.528249"
-     inkscape:cy="-2.1326855"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="981"
-     inkscape:window-y="573"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="false">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     inkscape:connector-curvature="0"
-     style="fill:currentColor"
-     d="M 11.614437,10.000684 A 1.6755817,1.6755817 0 0 0 9.9999994,11.67538 v 8.650011 a 1.6755817,1.6755817 0 0 0 2.4239776,1.498572 l 8.650011,-4.324235 a 1.6755817,1.6755817 0 0 0 0,-2.997143 l -8.650011,-4.325777 a 1.6755817,1.6755817 0 0 0 -0.80954,-0.176124 z"
-     id="path1130" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/play.svg
\ No newline at end of file
diff --git a/assets/icons/prev.svg b/assets/icons/prev.svg
index c5ba4f8..3fc873a 100644
--- a/assets/icons/prev.svg
+++ b/assets/icons/prev.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="prev.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="22.627417"
-     inkscape:cx="16.778119"
-     inkscape:cy="11.507418"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="831"
-     inkscape:window-y="524"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     inkscape:connector-curvature="0"
-     style="fill:currentColor"
-     d="M 10.5,10 C 9.669,10 9,10.669 9,11.5 v 9 c 0,0.831 0.669,1.5 1.5,1.5 0.831,0 1.5,-0.669 1.5,-1.5 v -2.962891 l 8.576172,4.28711 A 1.6755817,1.6755817 0 0 0 23,20.324219 V 11.675781 A 1.6755817,1.6755817 0 0 0 21.384766,10 1.6755817,1.6755817 0 0 0 20.576172,10.175781 L 12,14.464844 V 11.5 C 12,10.669 11.331,10 10.5,10 Z"
-     id="path4919" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/prev.svg
\ No newline at end of file
diff --git a/assets/icons/send.svg b/assets/icons/send.svg
index 9249322..a4a208f 100644
--- a/assets/icons/send.svg
+++ b/assets/icons/send.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="send.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="22.627417"
-     inkscape:cx="16.778119"
-     inkscape:cy="11.507418"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="981"
-     inkscape:window-y="573"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     inkscape:connector-curvature="0"
-     id="path5255"
-     d="m 4.8558412,25.51819 c -0.4005,-0.78247 -0.2091,-1.73713 0.941,-4.69072 1.1998,-3.08094 1.4798,-3.473 2.2798,-3.19086 0.702,0.24758 0.6074,0.86623 -0.5778,3.77911 -1.1426,2.80788 -1.2663,3.53423 -0.5923,3.48026 0.1604,-0.0129 4.7115998,-2.29411 10.1134998,-5.06944 8.2561,-4.24167 9.8167,-5.108481 9.7903,-5.437391 -0.027,-0.32892 -1.708,-0.93974 -10.5492,-3.83184 C 10.476341,8.6649695 5.6192412,7.1266995 5.4675412,7.1388495 c -0.1516,0.0121 -0.3187,0.14524 -0.3713,0.29567 -0.089,0.2538 3.0636,5.8099495 3.5014,6.1715895 0.1079,0.0893 2.6871998,0.16121 5.7313998,0.15988 3.0442,-10e-4 5.6598,0.10407 5.8125,0.23413 0.3771,0.32114 0.3942,0.85901 0.04,1.274501 -0.2185,0.25667 -1.8062,0.33403 -6.2558,0.30488 -3.2796,-0.0215 -6.0635998,-0.0722 -6.1867998,-0.11267 -0.1232,-0.0405 -1.143,-1.608361 -2.2663,-3.484291 -2.4549,-4.0997095 -2.6147,-4.6873595 -1.5993,-5.8796995 0.5412,-0.6354 0.8142,-0.80109 1.3937,-0.84551 1.0707,-0.0821 21.7904998,6.7349195 22.6779998,7.4612595 0.5565,0.45538 0.6849,0.71231 0.7478,1.49539 0.1291,1.611581 0.021,1.684441 -10.6668,7.164921 -5.2756,2.70535 -9.8967998,5.04338 -10.2693998,5.19568 -1.0904,0.44583 -2.3708,-0.0204 -2.9012,-1.0565 z"
-     style="fill:currentColor" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/send.svg
\ No newline at end of file
diff --git a/assets/icons/skype.svg b/assets/icons/skype.svg
index 276797e..522e521 100644
--- a/assets/icons/skype.svg
+++ b/assets/icons/skype.svg
@@ -1,70 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (unknown)"
-   sodipodi:docname="skype.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#f5f5f5"
-     bordercolor="#000000"
-     borderopacity="0.16470588"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="11.313708"
-     inkscape:cx="-0.5961619"
-     inkscape:cy="-11.741268"
-     inkscape:document-units="px"
-     inkscape:current-layer="svg8"
-     showgrid="true"
-     units="px"
-     guidecolor="#00d1ae"
-     guideopacity="0.49803922"
-     inkscape:window-width="2727"
-     inkscape:window-height="1324"
-     inkscape:window-x="981"
-     inkscape:window-y="573"
-     inkscape:window-maximized="0"
-     inkscape:snap-global="false">
-    <inkscape:grid
-       type="xygrid"
-       id="grid815"
-       color="#3fb6ff"
-       opacity="0.1254902"
-       empcolor="#3f96ff"
-       empopacity="0.29019608" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     style="fill:currentColor"
-     d="m 19.041617,26.43507 c -0.297056,-0.0981 -0.724666,-0.2745 -0.950245,-0.39213 -0.303631,-0.15832 -0.812081,-0.21448 -1.957872,-0.21626 -1.115673,-0.002 -1.841233,-0.0791 -2.599135,-0.27717 -4.4980251,-1.17545 -7.6428041,-5.46924 -7.3472181,-10.03168 0.04218,-0.65107 0.02468,-1.21591 -0.03888,-1.25519 -0.155026,-0.0958 -0.632802,-1.61369 -0.734441,-2.33329 -0.120076,-0.85014 0.1452,-2.2812498 0.594272,-3.2059898 0.702557,-1.44671 1.926431,-2.5001 3.537345,-3.04459 1.2014271,-0.40608 2.9581491,-0.33145 4.0519351,0.17215 0.683528,0.3147 0.933166,0.35315 2.295436,0.35354 1.108885,2.7e-4 1.817139,0.0765 2.579907,0.2776 4.505683,1.18771 7.642779,5.4720298 7.347217,10.0340598 -0.04218,0.65109 -0.02468,1.21593 0.03889,1.25521 0.155026,0.0958 0.632802,1.61369 0.734441,2.33329 0.04482,0.31734 0.01821,0.98571 -0.05913,1.48529 -0.30409,1.96413 -1.535807,3.59962 -3.365244,4.46841 -0.915654,0.43484 -1.148268,0.48731 -2.302852,0.51936 -0.796262,0.0221 -1.489555,-0.0321 -1.824415,-0.14261 z m -1.174779,-4.2089 c 2.222352,-0.52393 3.419581,-1.83605 3.419581,-3.74772 0,-1.03368 -0.22045,-1.63157 -0.824189,-2.23531 -0.671521,-0.67152 -1.558164,-1.05457 -3.78718,-1.63614 -1.11957,-0.2921 -2.229615,-0.64442 -2.466764,-0.78292 -0.837956,-0.48939 -0.835104,-1.42507 0.0059,-1.94798 0.422869,-0.26292 0.688915,-0.31496 1.610155,-0.31496 1.313134,0 1.597433,0.15933 2.381239,1.33454 0.740364,1.11007 1.461658,1.29269 2.197881,0.55646 0.939671,-0.93967 -0.182077,-2.81604 -2.104526,-3.5202898 -0.79236,-0.29026 -2.963993,-0.4052 -3.916344,-0.20728 -2.165269,0.4499798 -3.40828,1.6626898 -3.412068,3.3288898 -0.0023,0.99738 0.244786,1.58897 0.925679,2.21659 0.758795,0.69944 1.421203,0.9838 3.481843,1.4947 2.581467,0.64004 3.021787,0.8991 3.149748,1.85311 0.06095,0.45441 0.01083,0.59742 -0.355756,1.01493 -0.523577,0.59632 -1.156703,0.82229 -2.303563,0.82216 -1.328422,-1.3e-4 -1.893659,-0.38151 -2.641033,-1.78183 -0.599922,-1.12405 -1.4252,-1.37499 -2.186134,-0.66472 -0.371761,0.34701 -0.412887,1.24815 -0.08659,1.89727 0.304499,0.60576 1.240822,1.55318 1.842011,1.86383 1.259754,0.65098 3.420412,0.84559 5.070065,0.45667 z"
-     id="path5147"
-     inkscape:connector-curvature="0"
-     inkscape:export-xdpi="96"
-     inkscape:export-ydpi="96" />
-</svg>
+https://rawcdn.githack.com/cosmicjs/vue-music-website/0b882128ded75c8d6024b7c69948d7b695375937/assets/icons/skype.svg
\ No newline at end of file
diff --git a/screenshot.png b/screenshot.png
index d28ce70..21fa368 100644
Binary files a/screenshot.png and b/screenshot.png differ
diff --git a/static/favicon.ico b/static/favicon.ico
index 382fecb..9eede87 100644
Binary files a/static/favicon.ico and b/static/favicon.ico differ