general commit with big upgrade frontend layer

.gitignore

@@ -65,5 +65,10 @@ public
 yarn-error.log
 .pnp/
 .pnp.js
+
 # Yarn Integrity file
 .yarn-integrity
+
+# Gatsby files
+
+package-lock.json

package.json

@@ -10,9 +10,11 @@
     "gatsby-plugin-manifest": "^2.4.0",
     "gatsby-plugin-offline": "^3.2.0",
     "gatsby-plugin-react-helmet": "^3.3.0",
+    "gatsby-plugin-sass": "^2.3.10",
     "gatsby-plugin-sharp": "^2.6.0",
     "gatsby-source-filesystem": "^2.3.0",
     "gatsby-transformer-sharp": "^2.5.0",
+    "node-sass": "^4.14.1",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",

src/pages/index/indexPanel/panels/songPanel.js

@@ -22,7 +22,7 @@ const SongPanel = () => {
         for (let i = 0; i < 3; i++) {
             for (let j = 0; j < charInRowCount; j++) {
                 if (j === 0)
-                    code += ' ▎▍▏▍▏'
+                    code += '▐▐▐▐' //'▎▍▍▍▏'
                 else
                     code += randomChars[parseInt(Math.random() * randomChars.length)]
             }

src/pages/index/playerInterface/audioPlayer.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 
 import '../../../styles/audioVisualizer.scss'
 import { alphabeth } from '../../../components/alphabeth'
-import audioTest from '../../../images/audioTest3.mp3'
+import audioTest from '../../../images/audioTest0.wav'
 
 
 const AudioPlayer = () => {

src/styles/songPanel.scss

@@ -17,6 +17,7 @@
             #songCode {
                 text-align: left;
                 overflow: hidden;
+                
             }
 
             #songThings {