add english lang everywhere && add snowfall && add centralized version nbr && improve stylesheet && slack integration

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

@@ -36,6 +36,10 @@ header section div.logo img {
     margin: 50px 0;
 }
 
+header section div.logo a {
+    display: block;
+}
+
 header section > img {
     position: absolute;
     width: 1300px;
@@ -73,7 +77,7 @@ header section h3 img {
     width: 16px;
 }
 
-header section div > a {
+header section div.buttons > a {
     background: #83aed9;
     display: table;
     font: bold 32px 'Rajdhani', sans-serif;
@@ -94,7 +98,7 @@ header section div > a {
     transition: all 250ms ease-in-out;
 }
 
-header section div > a:hover {
+header section div.buttons > a:hover {
     background: #86b5e1;
 
     -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
@@ -105,7 +109,7 @@ header section div > a:hover {
     transition: all 250ms ease-in-out;
 }
 
-header section div > a.small {
+header section div.buttons > a.small {
     background: transparent;
     display: inline-block;
     font: bold 22px 'Rajdhani', sans-serif;
@@ -121,7 +125,7 @@ header section div > a.small {
 
 }
 
-header section div > a.small:hover {
+header section div.buttons > a.small:hover {
     background: #658fb8;
     border: 3px solid #658fb8;
     color: #FFFFFF;
@@ -139,8 +143,8 @@ header section div > a.small:hover {
         text-align: center;
     }
 
-    header section div > a {
-        margin: 0 auto;
+    header section div.buttons > a {
+        margin: 0 auto 20px auto;
     }
 
     header section h1 {
@@ -170,7 +174,7 @@ header section div > a.small:hover {
         width: 100%;
     }
 
-    header section div > a {
+    header section div.buttons > a {
         display: block;
     }
 }

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

@@ -959,3 +959,28 @@ main {
 #mine-wrapper .grid .field-wrapper .field img {
     width: 80%;
 }
+
+.back-from-game {
+    display: inline-block;
+    position: fixed;
+    top: 20px;
+    left: 20px;
+
+    -ms-transform: scale(1); /* IE 9 */
+    -webkit-transform: scale(1); /* Safari */
+    transform: scale(1);
+    -webkit-transition: all 250ms cubic-bezier(.17,.67,.83,.67);
+    transition: all 250ms cubic-bezier(.17,.67,.83,.67);
+}
+
+.back-from-game img {
+    width: 100px;
+}
+
+.back-from-game:hover {
+    -ms-transform: scale(1.2); /* IE 9 */
+    -webkit-transform: scale(1.2); /* Safari */
+    transform: scale(1.2);
+    -webkit-transition: all 250ms cubic-bezier(.17,.67,.83,.67);
+    transition: all 250ms cubic-bezier(.17,.67,.83,.67);
+}

src/Mine/SeekerBundle/Resources/views/Game/index.html.twig

@@ -7,12 +7,15 @@
                  border="0"/>
         </div>
         <div>
-            <h2>Egy aknakereső játék</h2>
-            <h1>Újragondolva...</h1>
-            <a href="{{ path('MineSeekerBundle_gamePlay') }}">Most játszom egyet!</a>
-            <a href="{{ path('fos_user_registration_register') }}" class="small">Regisztrálok</a> &middot;
-            <a href="{{ path('fos_user_security_login') }}" class="small">Belépek</a>
-            <h3>version 0.18.11 (beta2) &middot; MineSeeker&copy; &middot; <a href="http://www.laszlolang.com">www.laszlolang.com</a>
+            <h2>A minesweeper game rethought...</h2>
+            <h1>...and you can play w/o register!!</h1>
+            <div class="buttons">
+                <a href="{{ path('MineSeekerBundle_gamePlay') }}">Play NOW!</a>
+                <a href="{{ path('fos_user_registration_register') }}" class="small">Sign up</a> &middot;
+                <a href="{{ path('fos_user_security_login') }}" class="small">Sign in</a>
+            </div>
+            <h3>
+                version {{ version }} &middot; MineSeeker&copy; &middot; <a href="http://www.laszlolang.com">www.laszlolang.com</a>
             </h3>
         </div>
         <img src="{{ asset('bundles/mineseeker/images/mine-logo-logo.png') }}" alt="MineSeeker Logo" border="0"/>

src/Mine/SeekerBundle/Resources/views/Game/play.html.twig

@@ -1,14 +1,9 @@
 {% extends '::base.html.twig' %}
 
-{% block metas %}
-    {#<meta property="og:url"           content="http://www.your-domain.com/your-page.html" />#}
-    {#<meta property="og:type"          content="website" />#}
-    {#<meta property="og:title"         content="Your Website Title" />#}
-    {#<meta property="og:description"   content="Your description" />#}
-    {#<meta property="og:image"         content="http://www.your-domain.com/path/image.jpg" />#}
-{% endblock %}
-
 {% block body %}
+    <a class="back-from-game" href="{{ path('MineSeekerBundle_homepage') }}">
+        <img src="{{ asset('bundles/mineseeker/images/mine-logo-txt.png') }}" alt="Mineseeker Logo">
+    </a>
     <div class="mine-container">
         <div id="mine-wrapper"
              data-env="{{ env }}"
@@ -18,6 +13,14 @@
     </div>
 {% endblock %}
 
+{% block metas %}
+    {#<meta property="og:url"           content="http://www.your-domain.com/your-page.html" />#}
+    {#<meta property="og:type"          content="website" />#}
+    {#<meta property="og:title"         content="Your Website Title" />#}
+    {#<meta property="og:description"   content="Your description" />#}
+    {#<meta property="og:image"         content="http://www.your-domain.com/path/image.jpg" />#}
+{% endblock %}
+
 {% block stylesheets %}
     {% stylesheets filter='?uglifycss'
     '@MineSeekerBundle/Resources/public/css/style.mineseeker.css' %}