add new sounds && refactor && new bg images && form redesigns

src/Mine/SeekerBundle/Resources/public/css/style.homepage.css

@@ -26,7 +26,7 @@ header {
     justify-content: center;
     flex-direction: column;
     width: 100%;
-    height: 560px;
+    height: 100%;
     color: #ffffff;
     overflow: hidden;
 }
@@ -37,6 +37,8 @@ header h1 {
     text-align: center;
     line-height: 20px;
     color: #ffa800;
+
+    z-index: 2;
 }
 
 header h3 {
@@ -44,6 +46,8 @@ header h3 {
     font: normal 32px 'Open Sans Condensed', sans-serif;
     text-align: center;
     color: #ffcd02;
+
+    z-index: 2;
 }
 
 header > a {
@@ -56,6 +60,8 @@ header > a {
     padding: 10px 70px;
     margin-top: 20px;
 
+    z-index: 2;
+
     -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
     -webkit-border-radius: 3px;
@@ -79,13 +85,23 @@ header > a:hover {
 
 header > img {
     position: absolute;
-    width: 350px;
-    bottom: -250px;
+    width: 50%;
+    max-width: 1000px;
+    bottom: -25%;
+
+    z-index: 1;
 }
 
-main {
-    font: normal 32px 'Open Sans Condensed', sans-serif;
-    text-align: center;
-    color: #ffffff;
-    padding-top: 50px;
+@media screen and (max-width: 1500px) {
+    header > img {
+        width: 60%;
+        bottom: -40%;
+    }
 }
+
+@media screen and (max-width: 1500px) {
+    header > img {
+        width: 70%;
+        bottom: -20%;
+    }
+}

src/Mine/SeekerBundle/Resources/public/js/mine-seeker/app.js

@@ -40,9 +40,7 @@ class MineSeeker extends React.Component {
         websocket.on("socket/connect", (session) => {
             console.info("Successfully connected to the Server!");
 
-            if (!this.state.gameInherited) {
-                var gridClient = new Grid().state.grid;
-            }
+            var gridClient = this.state.gameInherited || new Grid().state.grid;
 
             /**
              * Connect - RPC
@@ -65,7 +63,7 @@ class MineSeeker extends React.Component {
                             session: this.state.session,
                             channel: this.state.channel,
                             overlay: true,
-                            overlayTitle: "We are waiting for your opponent bazmeg...",
+                            overlayTitle: "We are waiting for your opponent...",
                             overlaySubTitle: this.state.gameAssoc
                                 ? <a href={"/play/" + this.state.gameAssoc} target="_blank">Play w/ me!</a>
                                 : ''