doc all entities

add half-finished work
disable slack api
2018-05-20 21:27:45 +02:00 · 2018-05-19 19:01:08 +02:00 · 2017-01-31 10:39:29 +01:00 · 2017-01-31 10:39:04 +01:00 · 2017-01-29 18:04:58 +01:00 · 2017-01-27 16:52:39 +01:00
144 changed files with 4399 additions and 1142 deletions
--- a/.babelrc
+++ b/.babelrc
@@ -1,3 +1,3 @@
 {
-  "presets": ["es2015", "react"]
+  "presets": ["es2015", "es2016", "es2017", "react"]
 }
--- a/.gitignore
+++ b/.gitignore
@@ -35,4 +35,5 @@ phpunit-report/*
 /src/Mine/SeekerBundle/Resources/public/js/src/

 nohup.out
-src/Mine/SeekerBundle/Resources/public/js/index.js
+src/Mine/SeekerBundle/Resources/public/js/build/
+npm-debug.log
--- a/README.md
+++ b/README.md
@@ -15,11 +15,26 @@ This is a Symfony 3 project w/ React JS in standalone mode and w/ WebSocket.

 	1.) Backend WebSocket server start as daemon - GeniusesOfSymfony/WebSocketBundle

-		$ nohup bin/console gos:websocket:server &
+		$ nohup php bin/console gos:websocket:server --env=prod &

 	2.) React JS WebPack watch generator w/ babel presets: es2015, react

+		$ webpack -p --config=webpack-prod.config.js
+
+			PROD
+
 		$ webpack --progress --colors --watch -d

+			DEV
+
 			-d -->	Debugger; If you write this line somewhere: debugger;
 				The browser will stop the code here!!!
+
+	3.) Connect to Prod
+
+		$ ssh xxsvci@laszlolang.com -i ~/.ssh/id_rsa_laszlolang
+
+	4.) Stunnel config
+
+		$ sudo nano /etc/stunnel/stunnel.conf
+
--- a/app/AppKernel.php
+++ b/app/AppKernel.php
@@ -24,6 +24,7 @@ class AppKernel extends Kernel
            new Gos\Bundle\PubSubRouterBundle\GosPubSubRouterBundle(),
            new Doctrine\Bundle\DoctrineCacheBundle\DoctrineCacheBundle(),
            new Snc\RedisBundle\SncRedisBundle(),
+//            new CL\Bundle\SlackBundle\CLSlackBundle(),

            new Jotunheimr\AdminBundle\JotunheimrAdminBundle(),
            new Jotunheimr\UserBundle\JotunheimrUserBundle(),
--- a/app/Resources/views/base.html.twig
+++ b/app/Resources/views/base.html.twig
@@ -2,12 +2,31 @@
 <html>
 <head>
    <meta charset="UTF-8">
+    <meta http-equiv="Cache-control" content="max-age=1209600;public">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>{% block title %}Welcome!{% endblock %}</title>
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="keywords" content="game,mineseeker,mine,seeker,laszlolang.com">
+    <meta name="robots" content="index,follow">
+    <meta name="revisit-after" content="2 days">
+    <meta name="resource-type" content="document">
+    <meta name="country" content="Hungary">
+    <meta name="description" content="This is a new minesweeper, multiplayer game.">
+    <meta name="content-language" content="hu,hun,hungarian">
+    {% include '@MineSeeker/Recent/favicon.html.twig' %}
+    <meta property="fb:app_id" content="{{ facebook_api }}">
+    {% block metas %}{% endblock %}
+    <title>MineSeeker{% block title %}{% endblock %}</title>
    {% block stylesheets %}{% endblock %}
-    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
+    {% include '@MineSeeker/Recent/google-analytics.html.twig' %}
 </head>
+
 <body>
+<div id="fb-root"></div>
+
+{% block bodyTop %}{% endblock %}
+
 <header>
    {% block header %}{% endblock %}
 </header>
@@ -18,6 +37,15 @@
    {% block footer %}{% endblock %}
 </footer>

-{% block javascripts %}{% endblock %}
+{% block javascripts %}
+    {% javascripts filter='?uglifyjs2'
+    '@JotunheimrAdminBundle/Resources/public/js/vendor/plugins/jQuery/jquery-3.0.0.min.js'
+    '@JotunheimrAdminBundle/Resources/public/js/vendor/plugins/jQuery/jquery-migrate-3.0.0.min.js'
+    '@JotunheimrAdminBundle/Resources/public/js/vendor/bootstrap/js/bootstrap.min.js' %}
+    <script type="text/javascript" src="{{ asset_url }}"></script>
+    {% endjavascripts %}
+
+    {% include '@MineSeeker/Recent/facebook.html.twig' %}
+{% endblock %}
 </body>
 </html>
--- a/app/config/config.yml
+++ b/app/config/config.yml
@@ -10,6 +10,8 @@ imports:
 # http://symfony.com/doc/current/best_practices/configuration.html#application-related-configuration
 parameters:
    locale: en
+    fos.email: 7system7@gmail.com
+    fos.name: system7

 framework:
    #esi:             ~
@@ -30,8 +32,8 @@ framework:
    session:
 #        http://symfony.com/doc/current/reference/configuration/framework.html#handler-id
 #        handler_id:  session.handler.native_file
+#        save_path:   "%kernel.root_dir%/../var/sessions/%kernel.environment%"
        handler_id: session.handler.pdo
-        save_path:   "%kernel.root_dir%/../var/sessions/%kernel.environment%"
    fragments:       ~
    http_method_override: true
    assets: ~
@@ -40,6 +42,11 @@ framework:
 twig:
    debug:            "%kernel.debug%"
    strict_variables: "%kernel.debug%"
+    globals:
+        version: "0.42.21 (beta8)"
+        facebook_api: "%facebook.api%"
+        facebook_scope: "%facebook.scope%"
+        facebook_api_version: "%facebook.version%"

 # Doctrine Configuration
 doctrine:
@@ -68,6 +75,7 @@ assetic:
    debug: "%kernel.debug%"
    use_controller: "%kernel.debug%"
    bundles: ~
+    node: /usr/bin/nodejs
    filters:
        cssrewrite: ~
        uglifyjs2:
@@ -79,5 +87,26 @@ assetic:
 # FOS User Configuration
 fos_user:
    db_driver: orm # other valid values are 'mongodb', 'couchdb' and 'propel'
-    firewall_name: main
+    firewall_name: secured_area
    user_class: Jotunheimr\UserBundle\Entity\User
+    from_email:
+        address: "%fos.email%"
+        sender_name: "%fos.name%"
+
+# Facebook OAuth
+hwi_oauth:
+    firewall_names: [secured_area]
+    resource_owners:
+        facebook:
+            type:                facebook
+            client_id:           "%facebook.api%"
+            client_secret:       "%facebook.api-secret%"
+            scope:               "%facebook.scope%"
+            options:
+                display: popup
+                auth_type: rerequest
+                csrf: true
+
+# Slack integration
+#cl_slack:
+#    api_token: xoxp-107639806167-107029084564-115427085733-cccaa4f96c89c87ce680c7f22acfd001
--- a/app/config/config_dev.yml
+++ b/app/config/config_dev.yml
@@ -32,16 +32,9 @@ monolog:
            type:   console
            channels: [!event, !doctrine]

-# Facebook OAuth
-hwi_oauth:
-    firewall_names: [secured_area]
-    resource_owners:
-        facebook:
-            type:                facebook
-            client_id:           320599508311862
-            client_secret:       18d4f48cdd274bccee2678e5eff3f557
-            scope:               "public_profile,email"
-            options:
-                display: popup
-                auth_type: rerequest
-                csrf: true
+parameters:
+    facebook.api: 320599508311862
+    facebook.api-secret: 18d4f48cdd274bccee2678e5eff3f557
+    facebook.version: 'v2.8'
+    facebook.scope: 'public_profile,email,user_friends'
+    mineseeker.websocket: 6450
--- a/app/config/config_prod.yml
+++ b/app/config/config_prod.yml
@@ -23,16 +23,9 @@ monolog:
        console:
            type:  console

-# Facebook OAuth
-hwi_oauth:
-    firewall_names: [secured_area]
-    resource_owners:
-        facebook:
-            type:                facebook
-            client_id:           320597498312063
-            client_secret:       c751bec8a3c5313ff2e5a83769bf1109
-            scope:               "public_profile,email"
-            options:
-                display: popup
-                auth_type: rerequest
-                csrf: true
+parameters:
+    facebook.api: 320597498312063
+    facebook.api-secret: c751bec8a3c5313ff2e5a83769bf1109
+    facebook.version: 'v2.8'
+    facebook.scope: 'public_profile,email,user_friends'
+    mineseeker.websocket: 8080
--- a/app/config/parameters_prod.yml
+++ b/app/config/parameters_prod.yml
@@ -2,9 +2,12 @@
 parameters:
    database_host: 127.0.0.1
    database_port: null
-    database_name: xxsvci_mineseeker
-    database_user: xxsvci_mine
-    database_password: "XTw#8qC$faa*"
+#    database_name: xxsvci_mineseeker
+#    database_user: xxsvci_mine
+#    database_password: "XTw#8qC$faa*"
+    database_name: mine
+    database_user: root
+    database_password: "bazmeg"
    mailer_transport: smtp
    mailer_host: 127.0.0.1
    mailer_user: null
--- a/app/config/routing_dev.yml
+++ b/app/config/routing_dev.yml
@@ -12,3 +12,4 @@ _errors:

 _main:
    resource: routing.yml
+    schemes: [http]
--- a/app/config/security.yml
+++ b/app/config/security.yml
@@ -21,13 +21,19 @@ security:
                login_path:        /login
                failure_path:      /login
                use_forward:       false
-
                oauth_user_provider:
-                    service: my.custom.user_provider
+                    service: jotun.user_provider
+            remember_me:
+                secret:         "%secret%"
+                lifetime:       604800
+                path:           /
+                domain:         ~
+                user_provider:  fos_userbundle
            form_login:
                provider: fos_userbundle
                csrf_token_generator: security.csrf.token_manager
                default_target_path: /
+                remember_me: true
            logout:
                path:   /logout
                target: /
--- a/composer.json
+++ b/composer.json
@@ -34,7 +34,9 @@
        "symfony/assetic-bundle": "^2.8",
        "predis/predis": "^1.0",
        "snc/redis-bundle": "^2.0",
-        "hwi/oauth-bundle": "^0.5.1"
+        "hwi/oauth-bundle": "^0.5.1",
+        "cleentfaar/slack-bundle": "^0.20.1",
+        "symfony/translation": "^3.2"
    },
    "require-dev": {
        "sensio/generator-bundle": "^3.0",
--- a/composer.lock
+++ b/composer.lock
--- a/1
+++ b/1
@@ -1 +0,0 @@
-src/Mine/SeekerBundle/Resources/public/js/node
--- a/package.json
+++ b/package.json
@@ -9,6 +9,8 @@
    "babel-core": "^6.14.0",
    "babel-loader": "^6.2.5",
    "babel-preset-es2015": "^6.14.0",
+    "babel-preset-es2016": "^6.22.0",
+    "babel-preset-es2017": "^6.22.0",
    "babel-preset-react": "^6.11.1",
    "howler": "^2.0.1",
    "js-base64": "^2.1.9",
@@ -33,6 +35,6 @@
    "multiplayer",
    "websocket"
  ],
-  "author": "Laszlo Lang <system7>",
+  "author": "Laszlo Lang <system7> www.laszlolang.com",
  "license": "ISC"
 }
--- a/src/Jotunheimr/UserBundle/Entity/User.php
+++ b/src/Jotunheimr/UserBundle/Entity/User.php
@@ -26,6 +26,9 @@ class User extends BaseUser
     */
    private $facebookId;

+    /**
+     * @ORM\Column(name="facebook_access_token", type="string", length=255, nullable=true)
+     */
    private $facebookAccessToken;

    /**
--- a/src/Jotunheimr/UserBundle/Resources/config/routing.yml
+++ b/src/Jotunheimr/UserBundle/Resources/config/routing.yml
@@ -9,9 +9,12 @@ hwi_oauth_login:

 facebook_login:
    path: /login/check-facebook
+    defaults: { _remember_me: on }

 google_login:
    path: /login/check-google
+    defaults: { _remember_me: on }

 github_login:
    path: /login/check-github
+    defaults: { _remember_me: on }
--- a/src/Jotunheimr/UserBundle/Resources/config/services.yml
+++ b/src/Jotunheimr/UserBundle/Resources/config/services.yml
@@ -1,4 +1,4 @@
 services:
-    my.custom.user_provider:
+    jotun.user_provider:
        class:     Jotunheimr\UserBundle\Security\Core\User\MyFOSUBUserProvider
        arguments: ['@fos_user.user_manager', { facebook: facebookId }, '@doctrine.orm.entity_manager']
--- a/src/Jotunheimr/UserBundle/Resources/public/css/layout.css
+++ b/src/Jotunheimr/UserBundle/Resources/public/css/layout.css
@@ -28,109 +28,368 @@
    box-sizing: border-box;
 }

-main {
-    background: url('/bundles/mineseeker/images/homepage/header.jpg') no-repeat center center;
-    background-size: cover;
-    position: fixed;
+.ac-custom {
    width: 100%;
-    height: 100%;
 }

-main .wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-}
-
-main .wrapper .form-container {
-    background: #ffffff;
+header section .form-check {
    display: table;
-    padding: 15px;
-}
-
-main .wrapper .form-container h1 {
-    font: normal 32px Arial, Helvetica, sans-serif;
-    text-align: center;
-    padding: 0;
-    margin: 0 0 15px 0;
-}
-
-main .wrapper .form-container h1.sub-title {
-    margin-top: 15px;
-}
-
-main .wrapper .form-container h2 {
-    font: normal 18px Arial, Helvetica, sans-serif;
-    text-align: center;
+    position: relative;
    margin: 20px 0;
 }

-main .wrapper .form-container .form-input {
-    background: #cbcbc8;
-    min-width: 300px;
-    border: 0;
-    padding: 15px;
+header section h1 {
+    margin: 10px 0;
+}

+header section .input-submit button,
+header section .input-submit button:hover,
+header section .form-input,
+header section .form-input:focus,
+header section .form-input:hover {
    -webkit-transition: all 250ms ease-in-out;
+    -moz-transition: all 250ms ease-in-out;
+    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
 }

-main .wrapper .form-container .form-input:focus {
-    background: #e2e2de;
-
-    -webkit-transition: all 250ms ease-in-out;
-    transition: all 250ms ease-in-out;
-}
-
-main .wrapper .form-container .form-input.form-username {
-    margin-bottom: 5px;
-}
-
-main .wrapper .form-container .form-check {
+header section .input-submit button {
+    background: #83aed9;
    display: table;
-    position: relative;
-    margin: 20px auto 0 auto;
-}
-
-main .wrapper .form-container .input-submit {
+    font: bold 32px 'Rajdhani', sans-serif;
+    text-transform: uppercase;
+    text-decoration: none;
+    width: 500px;
+    border: 1px solid #658fb8;
+    color: #FFFFFF;
+    padding: 25px 150px;
    margin-top: 20px;
+
+    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
 }

-main .wrapper .form-container button,
-main .wrapper .form-container .fb-login {
+header section .input-submit button:hover {
+    background: #86b5e1;
+
+    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
+}
+
+header section .form-input {
    display: block;
-    background: #7dadcf;
+    width: 500px;
+    font: bold 22px 'Rajdhani', sans-serif;
+    border: 1px solid #dddddd;
+    color: #000000;
+    padding: 15px;
+    margin-bottom: 10px;
+
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
+}
+
+header section .form-input:focus,
+header section .form-input:hover {
+    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
+}
+
+header section .failure {
+    background: #f00;
+    position: relative;
+    border: 3px solid #fff;
+    font: bold 16px 'Rajdhani', sans-serif;
+    color: #FFFFFF;
+    padding: 10px;
+    margin: 30px 0 10px 0;
+
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+
+header section .failure:after,
+header section .failure:before {
+    content: " ";
+    position: absolute;
+    bottom: 100%;
+    left: 50px;
+    height: 0;
+    width: 0;
+    border: solid transparent;
+    pointer-events: none;
+}
+
+header section .failure:after {
+    border-color: rgba(0, 0, 0, 0);
+    border-bottom-color: #f00;
+    border-width: 20px;
+    margin-left: -20px;
+}
+
+header section .failure:before {
+    border-color: rgba(255, 255, 255, 0);
+    border-bottom-color: #ffffff;
+    border-width: 26px;
+    margin-left: -26px;
+}
+
+header section .failure ul {
+    display: inline-block;
+    list-style: none;
+    padding: 0;
+    margin: 0 10px 0 0;
+}
+
+header section h3.or {
+    font: bold 16px 'Rajdhani', sans-serif;
+    text-transform: uppercase;
+    color: #a1a1a1;
+    margin: 20px 0;
+}
+
+header section #id_welcome {
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 115px;
+}
+
+header section #id_welcome > div {
+    padding-right: 20px;
+}
+
+header section #id_welcome img {
+    width: 100px;
+    border: 5px solid #414040;
+
+    -webkit-border-radius: 50%;
+    border-radius: 50%;
+}
+
+header section .buttons,
+header section form {
+    z-index: 2;
+}
+
+header section div.buttons > a.fb-login,
+header section div.buttons > a.slack-login {
+    position: relative;
+    display: block;
+    width: 500px;
+    height: 93px;
+    padding: 25px 0 25px 150px;
+    margin-bottom: 10px;
+
+    overflow: hidden;
+    cursor: pointer;
+
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
+}
+
+header section div.buttons > a.fb-login:hover,
+header section div.buttons > a.slack-login:hover {
+    text-decoration: none;
+
+    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
+}
+
+header section div.buttons > a.fb-login i,
+header section div.buttons > a.slack-login i {
+    position: absolute;
+    font-size: 130px;
+    top: 0;
+    left: 15px;
+}
+
+header section div.buttons > a.fb-login {
+    background: #5975b1;
+    border: 1px solid #50649f;
+}
+
+header section div.buttons > a.fb-login:hover {
+    background: #42598c;
+    color: #FFFFFF;
+}
+
+header section div.buttons > a.slack-login {
+    background: #FFFFFF;
+    border: 1px solid #5c3a58;
+    color: #5c3a58;
+}
+
+header section div.buttons > a.slack-login:hover {
+    background: #e6e6e6;
+    color: #5c3a58;
+}
+
+header section .failure-main {
+    background: #f00;
+    max-width: 500px;
+    border: 3px solid #fff;
+    font: bold 16px 'Rajdhani', sans-serif;
+    color: #FFFFFF;
+    padding: 10px;
+    margin: 0 0 20px 0;
+
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+
+main div.txt {
    width: 100%;
-    border: 0;
+    max-width: 1000px;
+    font-family: 'Rajdhani', sans-serif;
+    color: #414040;
+    margin: 50px auto 0 auto;
+}
+
+main .txt h1 {
+    font-weight: bold;
    text-align: center;
+}
+
+main div.txt h2 {
+    margin: 0 0 50px 0;
+}
+
+main div.txt p {
+    font: normal 16px 'Rajdhani', sans-serif;
+}
+
+main div.txt li {
+    font: normal 16px 'Rajdhani', sans-serif;
+    padding-left: 10px;
+    margin-left: 50px;
+}
+
+main .technologies {
+    text-align: center;
+}
+
+main .technologies img {
+    display: inline-block;
+    width: 90%;
+    max-width: 100px;
+    margin: 20px;
+}
+
+footer {
+    background: #414040;
+    width: 100%;
+    min-height: 50px;
+    margin-top: 50px;
+}
+
+footer nav {
+    display: block;
+    text-align: center;
+}
+
+footer nav ul {
+    display: inline-block;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+footer nav ul li {
+    display: inline-block;
+    font: bold 16px 'Rajdhani', sans-serif;
+    color: #FFFFFF;
+}
+
+footer nav ul li:nth-child(even) {
+    width: 50px;
+    text-align: center;
+}
+
+footer nav ul li a {
+    text-align: center;
+    line-height: 50px;
+    color: #FFFFFF;
+}
+
+footer nav ul li a:hover {
+    color: #FFFFFF;
+}
+
+@media screen and (max-width: 1200px) {
+    header section #id_welcome {
+        align-items: center;
+        justify-content: center;
+        margin-top: 50px;
+    }
+
+    header section .form-input,
+    header section .form-check {
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    header section .input-submit button {
+        margin: 0 auto;
+    }
+
+    header section > div {
+        width: 100%;
+    }
+
+    header section div.buttons > a.fb-login,
+    header section div.buttons > a.slack-login {
+        margin: 0 auto;
+    }
+
+    main div.txt {
+        padding: 0 20px;
+    }
+}
+
+@media screen and (max-width: 550px) {
+    header section #id_welcome {
+        display: block;
+    }
+
+    header section {
        padding: 20px;
-
-    -webkit-transition: all 250ms ease-in-out;
-    transition: all 250ms ease-in-out;
    }

-main .wrapper .form-container .fb-login {
-    background: #3b5998;
+    header section .form-input {
+        width: 100%;
+        margin-left: auto;
+        margin-right: auto;
    }

-main .wrapper .form-container button:focus,
-main .wrapper .form-container button:hover,
-main .wrapper .form-container .fb-login:focus,
-main .wrapper .form-container .fb-login:hover {
-    background: #6fa0c3;
-
-    -webkit-transition: all 250ms ease-in-out;
-    transition: all 250ms ease-in-out;
+    header section .form-check {
+        margin: 20px auto;
    }

-main .wrapper .form-container button i,
-main .wrapper .form-container .fb-login i {
-    font-size: 32px;
-    font-weight: bolder;
-    color: #ffffff;
+    header section .input-submit button {
+        width: 100%;
    }

+    header section div.buttons > a.fb-login,
+    header section div.buttons > a.slack-login {
+        width: 100%;
+    }

+    header section div.buttons > a.fb-login span,
+    header section div.buttons > a.slack-login span {
+        display: none;
+    }

+    footer nav ul li {
+        display: block;
+    }
+
+    footer nav ul li:nth-child(even) {
+        display: none;
+    }
+}
--- a/src/Jotunheimr/UserBundle/Resources/views/Registration/register.html.twig
+++ b/src/Jotunheimr/UserBundle/Resources/views/Registration/register.html.twig
@@ -2,31 +2,62 @@

 {% trans_default_domain 'FOSUserBundle' %}

+{% block title %} - Registration{% endblock %}
+
 {% block fos_user_content %}
-    <div class="wrapper">
-        <div class="form-container">
-            <h1> Sign up </h1>
+    <section class="header-content">
+        <div class="logo">
+            <a href="{{ path('MineSeekerBundle_homepage') }}" target="_self">
+                <img src="{{ asset('bundles/mineseeker/images/mine-logo-txt.png') }}" alt="MineSeeker Logo w/ Txt"
+                     border="0"/>
+            </a>
+        </div>
+        <h1> Registration </h1>
        <div class="db">
            <form action="{{ path('fos_user_registration_register') }}"
                  method="post">
+                {{ form_widget(form._token) }}
+
+                {% if form_errors(form) is not empty %}
+                    <div class="failure-main">
+                        <i class="fa fa-exclamation-circle"></i> {{ form_errors(form) }}
+                    </div>
+                {% endif %}
+
                <div>
                    {{ form_widget(form.email, {'attr': {'placeholder': 'Email', 'class': 'form-input form-username'}}) }}
-                        {{ form_errors(form.email) }}
+                    {% if form_errors(form.email) is not empty %}
+                        <div class="failure">
+                            <i class="fa fa-exclamation-circle"></i> {{ form_errors(form.email) }}
+                        </div>
+                    {% endif %}
                </div>

                <div>
                    {{ form_widget(form.username, {'attr': {'placeholder': 'Username ', 'class': 'form-input form-username'}}) }}
-                        {{ form_errors(form.username) }}
+                    {% if form_errors(form.username) is not empty %}
+                        <div class="failure">
+                            <i class="fa fa-exclamation-circle"></i> {{ form_errors(form.username) }}
+                        </div>
+                    {% endif %}
                </div>

                <div>
                    {{ form_widget(form.plainPassword.first, {'attr': {'placeholder': 'Password', 'class': 'form-input form-username'}}) }}
-                        {{ form_errors(form.plainPassword.first) }}
+                    {% if form_errors(form.plainPassword.first) is not empty %}
+                        <div class="failure">
+                            <i class="fa fa-exclamation-circle"></i> {{ form_errors(form.plainPassword.first) }}
+                        </div>
+                    {% endif %}
                </div>

                <div>
                    {{ form_widget(form.plainPassword.second, {'attr': {'placeholder': 'Repeat password', 'class': 'form-input'}}) }}
-                        {{ form_errors(form.plainPassword.second) }}
+                    {% if form_errors(form.plainPassword.second) is not empty %}
+                        <div class="failure">
+                            <i class="fa fa-exclamation-circle"></i> {{ form_errors(form.plainPassword.second) }}
+                        </div>
+                    {% endif %}
                </div>

                <div class="input-submit">
@@ -36,18 +67,49 @@
                </div>
            </form>
        </div>
-            <h2><u><b>or</b></u> enter w/ your Facebook's e-mail</h2>
-            <div class="fb">
+        <h3 class="or">or login <u>w/ one click</u></h3>
+        <div class="buttons">
            {% include('@JotunheimrUser/Social/facebook.html.twig') %}
+            {#<a class="slack-login"#}
+            {#href="https://slack.com/oauth/authorize?scope=identity.basic,identity.email,identity.team,identity.avatar&client_id=107639806167.106953365090&redirect_uri=http://mine.dev">#}
+            {#<i class="fa fa-slack"></i><span>w/ Slack</span>#}
+            {#</a>#}
        </div>
-        </div>
-    </div>
+        <img src="{{ asset('bundles/mineseeker/images/mine-logo-logo.png') }}" alt="MineSeeker Logo" border="0"/>
+    </section>
 {% endblock fos_user_content %}

+{% block body %}
+    <div class="txt">
+        <div class="technologies">
+            <h1>Used technologies</h1>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/websocket.png') }}" alt="Used Websocket" border="0"/>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/react.png') }}" alt="Used React.js" border="0"/>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/symfony.png') }}" alt="Used Symfony" border="0"/>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/jquery.png') }}" alt="Used jQuery" border="0"/>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/lets-encrypt.png') }}" alt="Used Let's Encrypt" border="0"/>
+        </div>
+    </div>
+{% endblock %}
+
+{% block footer %}
+    <nav>
+        <ul>
+            <li><a href="{{ path('MineSeekerBundle_homepage') }}">Homepage</a></li>
+            <li>&middot;</li>
+            <li><a href="{{ path('MineSeekerBundle_terms') }}">Terms of Use</a></li>
+            <li>&middot;</li>
+            <li><a href="{{ path('MineSeekerBundle_privacy') }}">Privacy Policy</a></li>
+            <li>&middot;</li>
+            <li><a href="{{ path('MineSeekerBundle_contact') }}">Contact</a></li>
+        </ul>
+    </nav>
+{% endblock %}
+
 {% block javascripts %}
    {{ parent() }}

-    {% javascripts
+    {% javascripts filter='?uglifyjs2'
    '@JotunheimrUserBundle/Resources/public/js/register.js' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %}
@@ -56,7 +118,7 @@
 {% block stylesheets %}
    {{ parent() }}

-    {% stylesheets filter='cssrewrite'
+    {% stylesheets filter='?uglifycss'
    '@JotunheimrUserBundle/Resources/public/css/font-awesome/css/font-awesome.min.css'
    '@JotunheimrUserBundle/Resources/public/css/layout.css' %}
    <link rel="stylesheet" media="screen" href="{{ asset_url }}"/>
--- a/src/Jotunheimr/UserBundle/Resources/views/Security/login.html.twig
+++ b/src/Jotunheimr/UserBundle/Resources/views/Security/login.html.twig
@@ -2,30 +2,41 @@

 {% trans_default_domain 'FOSUserBundle' %}

+{% block title %} - Login{% endblock %}
+
 {% block fos_user_content %}
    {% if error %}
        {{ error.messageKey|trans(error.messageData, 'security') }}
    {% endif %}

-    <div class="wrapper">
-        <div class="form-container">
-            <h1>Sign in</h1>
-            <div class="db">
+    <section class="header-content">
+        <div class="logo">
+            <a href="{{ path('MineSeekerBundle_homepage') }}" target="_self">
+                <img src="{{ asset('bundles/mineseeker/images/mine-logo-txt.png') }}" alt="MineSeeker Logo w/ Txt"
+                     border="0"/>
+            </a>
+        </div>
+        <h1>Login</h1>
        <form action="{{ path("fos_user_security_check") }}" method="post"
              class="ac-custom ac-checkbox ac-boxfill">
-                    <input type="hidden" name="_csrf_token" value="{{ csrf_token }}"/>

-                    <div>
+            {% if csrf_token %}
+                <input type="hidden" name="_csrf_token" value="{{ csrf_token }}"/>
+            {% endif %}
+
+            {% if error %}
+                <div class="failure-main">
+                    <i class="fa fa-exclamation-circle"></i> <strong>Login error!</strong> {{ error.messageKey|trans({}, 'messages') }}
+                </div>
+            {% endif %}
+
            <input type="text" id="username" name="_username" value="{{ last_username }}"
                   class="form-input form-username"
-                               placeholder="Username or Email"/>
-                    </div>
+                   placeholder="Username or Email" autofocus />

-                    <div>
            <input type="password" id="password" name="_password"
                   class="form-input"
                   placeholder="Password"/>
-                    </div>

            <div class="form-check">
                <input type="checkbox" id="remember-me" name="_remember_me" value="on"/>
@@ -38,19 +49,49 @@
                </button>
            </div>
        </form>
-            </div>
-            <h2><u><b>or</b></u> enter w/ your Facebook's e-mail</h2>
-            <div class="fb">
+        <h3 class="or">or login <u>w/ one click</u></h3>
+        <div class="buttons">
            {% include('@JotunheimrUser/Social/facebook.html.twig') %}
+            {#<a class="slack-login"#}
+            {#href="https://slack.com/oauth/authorize?scope=identity.basic,identity.email,identity.team,identity.avatar&client_id=107639806167.106953365090&redirect_uri=http://mine.dev">#}
+            {#<i class="fa fa-slack"></i><span>w/ Slack</span>#}
+            {#</a>#}
        </div>
-        </div>
-    </div>
+        <img src="{{ asset('bundles/mineseeker/images/mine-logo-logo.png') }}" alt="MineSeeker Logo" border="0"/>
+    </section>
 {% endblock fos_user_content %}

+{% block body %}
+    <div class="txt">
+        <div class="technologies">
+            <h1>Used technologies</h1>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/websocket.png') }}" alt="Used Websocket" border="0"/>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/react.png') }}" alt="Used React.js" border="0"/>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/symfony.png') }}" alt="Used Symfony" border="0"/>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/jquery.png') }}" alt="Used jQuery" border="0"/>
+            <img src="{{ asset('bundles/mineseeker/images/technologies/lets-encrypt.png') }}" alt="Used Let's Encrypt" border="0"/>
+        </div>
+    </div>
+{% endblock %}
+
+{% block footer %}
+    <nav>
+        <ul>
+            <li><a href="{{ path('MineSeekerBundle_homepage') }}">Homepage</a></li>
+            <li>&middot;</li>
+            <li><a href="{{ path('MineSeekerBundle_terms') }}">Terms of Use</a></li>
+            <li>&middot;</li>
+            <li><a href="{{ path('MineSeekerBundle_privacy') }}">Privacy Policy</a></li>
+            <li>&middot;</li>
+            <li><a href="{{ path('MineSeekerBundle_contact') }}">Contact</a></li>
+        </ul>
+    </nav>
+{% endblock %}
+
 {% block javascripts %}
    {{ parent() }}

-    {% javascripts
+    {% javascripts filter='?uglifyjs2'
    '@JotunheimrUserBundle/Resources/public/js/register.js'
    '@JotunheimrUserBundle/Resources/public/js/svgcheckbox.js' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
@@ -60,7 +101,7 @@
 {% block stylesheets %}
    {{ parent() }}

-    {% stylesheets filter='cssrewrite'
+    {% stylesheets filter='?uglifycss'
    '@JotunheimrUserBundle/Resources/public/css/font-awesome/css/font-awesome.min.css'
    '@JotunheimrUserBundle/Resources/public/css/svgcheckbox.css' %}
    <link rel="stylesheet" media="screen" href="{{ asset_url }}"/>
--- a/src/Jotunheimr/UserBundle/Resources/views/Social/facebook.html.twig
+++ b/src/Jotunheimr/UserBundle/Resources/views/Social/facebook.html.twig
@@ -1,36 +1,3 @@
-<script>
-    window.fbAsyncInit = function () {
-        FB.init({
-            appId: '320599508311862',
-            xfbml: true,
-            version: 'v2.8'
-        });
-    };
-
-    (function (d, s, id) {
-        var js, fjs = d.getElementsByTagName(s)[0];
-        if (d.getElementById(id)) {
-            return;
-        }
-        js = d.createElement(s);
-        js.id = id;
-        js.src = "//connect.facebook.net/en_US/sdk.js";
-        fjs.parentNode.insertBefore(js, fjs);
-    }(document, 'script', 'facebook-jssdk'));
-
-    function fbLogin() {
-        FB.getLoginStatus(function (response) {
-            if (response.status === 'connected') {
-                document.location = "{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}";
-            } else {
-                FB.login(function (response) {
-                    if (response.authResponse) {
-                        document.location = "{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}";
-                    }
-                }, {scope: 'email'});
-            }
-        });
-    }
-</script>
-
-<a class="fb-login" href="#" onclick="fbLogin();"><i class="fa fa-facebook"></i></a>
+<a id="fbLogin" class="fb-login">
+    <i class="fa fa-facebook"></i><span>w/ Facebook</span>
+</a>
--- a/src/Jotunheimr/UserBundle/Resources/views/layout.html.twig
+++ b/src/Jotunheimr/UserBundle/Resources/views/layout.html.twig
@@ -1,29 +1,20 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>{% block title %}{{ project_name }} Admin - Login{% endblock %}</title>
-    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
+{% extends '::base.html.twig' %}
+
 {% block stylesheets %}
-        {% stylesheets filter='cssrewrite'
-        '@JotunheimrUserBundle/Resources/public/css/layout.css'
-        '@JotunheimrAdminBundle/Resources/public/js/vendor/bootstrap/css/bootstrap.min.css' %}
+    {{ parent() }}
+
+    {% stylesheets filter='?uglifycss'
+    '@JotunheimrAdminBundle/Resources/public/js/vendor/bootstrap/css/bootstrap.min.css'
+    '@MineSeekerBundle/Resources/public/css/style.homepage.css'
+    '@JotunheimrUserBundle/Resources/public/css/layout.css' %}
    <link rel="stylesheet" media="screen" href="{{ asset_url }}"/>
    {% endstylesheets %}
+
+    <link href="https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&amp;subset=latin-ext"
+          rel="stylesheet">
 {% endblock %}
-    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
-    <link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet">
-    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-    <!--[if lt IE 9]>
-    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-    <![endif]-->
-</head>
-
-<body>

+{% block bodyTop %}
    {% if app.request.hasPreviousSession %}
        {% for type, messages in app.session.flashbag.all() %}
            {% for message in messages %}
@@ -33,21 +24,35 @@
            {% endfor %}
        {% endfor %}
    {% endif %}
-
-<main>
-    {% block fos_user_content %}{% endblock fos_user_content %}
-    <canvas id="demo-canvas"></canvas>
-</main>
-
-{% block javascripts %}
-    {% javascripts
-    '@JotunheimrAdminBundle/Resources/public/js/vendor/plugins/jQuery/jquery-3.0.0.min.js'
-    '@JotunheimrAdminBundle/Resources/public/js/vendor/plugins/jQuery/jquery-migrate-3.0.0.min.js'
-    '@JotunheimrAdminBundle/Resources/public/js/vendor/bootstrap/js/bootstrap.min.js'
-    '@JotunheimrUserBundle/Resources/public/js/circle.js' %}
-    <script type="text/javascript" src="{{ asset_url }}"></script>
-    {% endjavascripts %}
 {% endblock %}

-</body>
-</html>
+{% block header %}
+    {% block fos_user_content %}{% endblock fos_user_content %}
+{% endblock %}
+
+{% block javascripts %}
+    {{ parent() }}
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/JQuery-Snowfall/1.7.4/snowfall.jquery.min.js"
+            type="text/javascript"></script>
+
+    <script type="text/javascript">
+        $(function () {
+            $(document).snowfall({deviceorientation: true, round: true, minSize: 5, maxSize: 8});
+
+            $('#fbLogin').length && $('#fbLogin').on('click', function () {
+                FB.getLoginStatus(function (response) {
+                    if (response.status === 'connected') {
+                        document.location = "{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}";
+                    } else {
+                        FB.login(function (response) {
+                            if (response.authResponse) {
+                                document.location = "{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}";
+                            }
+                        }, {scope: '{{ facebook_scope }}'});
+                    }
+                });
+            });
+        });
+    </script>
+{% endblock %}
--- a/src/Jotunheimr/UserBundle/Security/Core/User/MyFOSUBUserProvider.php
+++ b/src/Jotunheimr/UserBundle/Security/Core/User/MyFOSUBUserProvider.php
@@ -72,10 +72,11 @@ class MyFOSUBUserProvider extends BaseFOSUBProvider
        }

        $user->setFacebookId($response->getUsername());
+        $user->setFacebookAccessToken($response->getAccessToken());
        $user->setEmail($response->getEmail());
        $user->setEmailCanonical($response->getEmail());
-        $user->setUsername($this->slugify($response->getRealName()));
-        $user->setUsernameCanonical($this->slugify($response->getRealName()));
+        $user->setUsername($this->slug($response->getRealName()));
+        $user->setUsernameCanonical($this->slug($response->getRealName()));
        $user->setRealName($response->getRealName());
        $user->setNickName($response->getNickname());
        if ($empty) {
@@ -88,25 +89,11 @@ class MyFOSUBUserProvider extends BaseFOSUBProvider
    }

    /**
-     * @param $text
-     * @return mixed|string
+     * @param $string
+     * @return string
     */
-    private function slugify($text)
+    private function slug($string)
    {
-        $text = preg_replace('#[^\\pL\d]+#u', '-', $text);
-        $text = trim($text, '-');
-
-        if (function_exists('iconv')) {
-            $text = iconv('utf-8', 'us-ascii//TRANSLIT', $text);
-        }
-
-        $text = strtolower($text);
-        $text = preg_replace('#[^-\w]+#', '', $text);
-
-        if (empty($text)) {
-            return 'n-a';
-        }
-
-        return $text;
+        return strtolower(trim(preg_replace('~[^0-9a-z]+~i', '-', html_entity_decode(preg_replace('~&([a-z]{1,2})(?:acute|cedil|circ|grave|lig|orn|ring|slash|th|tilde|uml);~i', '$1', htmlentities($string, ENT_QUOTES, 'UTF-8')), ENT_QUOTES, 'UTF-8')), '-'));
    }
 }
--- a/src/Mine/SeekerBundle/Controller/GameController.php
+++ b/src/Mine/SeekerBundle/Controller/GameController.php
@@ -3,23 +3,83 @@
 namespace Mine\SeekerBundle\Controller;

 use Symfony\Bundle\FrameworkBundle\Controller\Controller;
+use Symfony\Component\HttpFoundation\Request;

+/**
+ * Class GameController
+ *
+ * @package Mine\SeekerBundle\Controller
+ * @author  system7 <https://www.laszlolang.com>
+ */
 class GameController extends Controller
 {
-    public function indexAction()
+    public function indexAction(Request $request)
    {
-        return $this->render('MineSeekerBundle:Game:index.html.twig');
-    }
+//        $apiClient = new ApiClient('xoxp-107639806167-107029084564-115427085733-cccaa4f96c89c87ce680c7f22acfd001');
+//
+//        $usersListPayload   = new UsersListPayload();
+//        $usersList  = $apiClient->send($usersListPayload);
+//
+//        dump($usersList);
+//
+//        $payload = new ChatPostMessagePayload();
+//        $payload->setChannel('#general');
+//        $payload->setAsUser(true);
+//        $payload->setText('Hello world!');

-    public function playAction()
-    {
-        return $this->render('MineSeekerBundle:Game:play.html.twig', array(
-            'env' => $this->container->getParameter('kernel.environment')
+//        $response = $apiClient->send($payload);
+
+//        if ($response->isOk()) {
+//            dump('bazmeg');
+//        } else {
+//            dump($response->getError());
+//            dump($response->getErrorExplanation());
+//        }
+
+        return $this->render('MineSeekerBundle:Game:index.html.twig', array(
+            'env' => $this->container->getParameter('kernel.environment'),
+            'ssl' => $request->isSecure() ? 'true' : 'false',
        ));
    }

-    public function listAction()
+    public function playAction(Request $request)
    {
-        return $this->render('MineSeekerBundle:Game:list.html.twig');
+        return $this->render('MineSeekerBundle:Game:play.html.twig', array(
+            'env' => $this->container->getParameter('kernel.environment'),
+            'ssl' => $request->isSecure() ? 'true' : 'false',
+        ));
+    }
+
+    public function rePlayAction(Request $request)
+    {
+        return $this->render('MineSeekerBundle:Game:play.html.twig', array(
+            'env' => $this->container->getParameter('kernel.environment'),
+            'ssl' => $request->isSecure() ? 'true' : 'false',
+        ));
+    }
+
+    public function slackAction(Request $request)
+    {
+
+    }
+
+    public function privacyAction()
+    {
+        return $this->render('MineSeekerBundle:Official:privacy.html.twig');
+    }
+
+    public function termsAction()
+    {
+        return $this->render('MineSeekerBundle:Official:terms.html.twig');
+    }
+
+    public function contactAction()
+    {
+        return $this->render('MineSeekerBundle:Official:contact.html.twig');
+    }
+
+    public function landingAction()
+    {
+        return $this->render('MineSeekerBundle:Official:landing.html.twig');
    }
 }
--- a/src/Mine/SeekerBundle/Entity/Gamer.php
+++ b/src/Mine/SeekerBundle/Entity/Gamer.php
@@ -5,7 +5,10 @@ namespace Mine\SeekerBundle\Entity;
 use Doctrine\ORM\Mapping as ORM;

 /**
- * Gamer
+ * Class Gamer
+ *
+ * @package Mine\SeekerBundle\Entity
+ * @author  system7 <https://www.laszlolang.com>
 *
 * @ORM\Table(name="gamer")
 * @ORM\Entity(repositoryClass="Mine\SeekerBundle\Repository\GamerRepository")
@@ -74,6 +77,13 @@ class Gamer
     */
    private $userAgent;

+    /**
+     * @var \DateTime
+     *
+     * @ORM\Column(name="conn_timestamp", type="datetime", nullable=false)
+     */
+    private $connTimestamp;
+

    /**
     * Get id
@@ -180,4 +190,28 @@ class Gamer
    {
        return $this->userAgent;
    }
+
+    /**
+     * Set connTimestamp
+     *
+     * @param \DateTime $connTimestamp
+     *
+     * @return Gamer
+     */
+    public function setConnTimestamp($connTimestamp)
+    {
+        $this->connTimestamp = $connTimestamp;
+
+        return $this;
+    }
+
+    /**
+     * Get connTimestamp
+     *
+     * @return \DateTime
+     */
+    public function getConnTimestamp()
+    {
+        return $this->connTimestamp;
+    }
 }
--- a/src/Mine/SeekerBundle/Entity/Gamer.php~
+++ b/src/Mine/SeekerBundle/Entity/Gamer.php~
@@ -74,6 +74,13 @@ class Gamer
     */
    private $userAgent;

+    /**
+     * @var \DateTime
+     *
+     * @ORM\Column(name="conn_timestamp", type="datetime", nullable=false)
+     */
+    private $connTimestamp;
+

    /**
     * Get id
@@ -180,4 +187,28 @@ class Gamer
    {
        return $this->userAgent;
    }
+
+    /**
+     * Set connTimestamp
+     *
+     * @param \DateTime $connTimestamp
+     *
+     * @return Gamer
+     */
+    public function setConnTimestamp($connTimestamp)
+    {
+        $this->connTimestamp = $connTimestamp;
+
+        return $this;
+    }
+
+    /**
+     * Get connTimestamp
+     *
+     * @return \DateTime
+     */
+    public function getConnTimestamp()
+    {
+        return $this->connTimestamp;
+    }
 }
--- a/src/Mine/SeekerBundle/Entity/Grid.php
+++ b/src/Mine/SeekerBundle/Entity/Grid.php
@@ -7,7 +7,10 @@ use Doctrine\Common\Collections\Collection;
 use Doctrine\ORM\Mapping as ORM;

 /**
- * Grid
+ * Class Grid
+ *
+ * @package Mine\SeekerBundle\Entity
+ * @author  system7 <https://www.laszlolang.com>
 *
 * @ORM\Table(name="grid")
 * @ORM\Entity(repositoryClass="Mine\SeekerBundle\Repository\GridRepository")
--- a/src/Mine/SeekerBundle/Entity/GridRow.php
+++ b/src/Mine/SeekerBundle/Entity/GridRow.php
@@ -5,7 +5,10 @@ namespace Mine\SeekerBundle\Entity;
 use Doctrine\ORM\Mapping as ORM;

 /**
- * GridRow
+ * Class GridRow
+ *
+ * @package Mine\SeekerBundle\Entity
+ * @author  system7 <https://www.laszlolang.com>
 *
 * @ORM\Table(name="grid_row")
 * @ORM\Entity(repositoryClass="Mine\SeekerBundle\Repository\GridRowRepository")
--- a/src/Mine/SeekerBundle/Entity/PlayedGame.php
+++ b/src/Mine/SeekerBundle/Entity/PlayedGame.php
@@ -8,7 +8,10 @@ use Doctrine\ORM\Mapping as ORM;
 use Jotunheimr\UserBundle\Entity\User;

 /**
- * PlayedGame
+ * Class PlayedGame
+ *
+ * @package Mine\SeekerBundle\Entity
+ * @author  system7 <https://www.laszlolang.com>
 *
 * @ORM\Table(name="played_game")
 * @ORM\Entity(repositoryClass="Mine\SeekerBundle\Repository\PlayedGameRepository")
@@ -105,6 +108,20 @@ class PlayedGame
     */
    private $resign;

+    /**
+     * @var \DateTime
+     *
+     * @ORM\Column(name="created", type="datetime", nullable=true)
+     */
+    private $created;
+
+    /**
+     * @var \DateTime
+     *
+     * @ORM\Column(name="updated", type="datetime", nullable=true)
+     */
+    private $updated;
+
    /**
     * @var Step
     *
@@ -429,4 +446,52 @@ class PlayedGame
    {
        return $this->resign;
    }
+
+    /**
+     * Set created
+     *
+     * @param \DateTime $created
+     *
+     * @return PlayedGame
+     */
+    public function setCreated($created)
+    {
+        $this->created = $created;
+
+        return $this;
+    }
+
+    /**
+     * Get created
+     *
+     * @return \DateTime
+     */
+    public function getCreated()
+    {
+        return $this->created;
+    }
+
+    /**
+     * Set updated
+     *
+     * @param \DateTime $updated
+     *
+     * @return PlayedGame
+     */
+    public function setUpdated($updated)
+    {
+        $this->updated = $updated;
+
+        return $this;
+    }
+
+    /**
+     * Get updated
+     *
+     * @return \DateTime
+     */
+    public function getUpdated()
+    {
+        return $this->updated;
+    }
 }
--- a/src/Mine/SeekerBundle/Entity/PlayedGame.php~
+++ b/src/Mine/SeekerBundle/Entity/PlayedGame.php~
@@ -105,6 +105,20 @@ class PlayedGame
     */
    private $resign;

+    /**
+     * @var \DateTime
+     *
+     * @ORM\Column(name="created", type="datetime", nullable=true)
+     */
+    private $created;
+
+    /**
+     * @var \DateTime
+     *
+     * @ORM\Column(name="updated", type="datetime", nullable=true)
+     */
+    private $updated;
+
    /**
     * @var Step
     *
@@ -405,4 +419,76 @@ class PlayedGame
    {
        return $this->step;
    }
+
+    /**
+     * Set resign
+     *
+     * @param string $resign
+     *
+     * @return PlayedGame
+     */
+    public function setResign($resign)
+    {
+        $this->resign = $resign;
+
+        return $this;
+    }
+
+    /**
+     * Get resign
+     *
+     * @return string
+     */
+    public function getResign()
+    {
+        return $this->resign;
+    }
+
+    /**
+     * Set created
+     *
+     * @param \DateTime $created
+     *
+     * @return PlayedGame
+     */
+    public function setCreated($created)
+    {
+        $this->created = $created;
+
+        return $this;
+    }
+
+    /**
+     * Get created
+     *
+     * @return \DateTime
+     */
+    public function getCreated()
+    {
+        return $this->created;
+    }
+
+    /**
+     * Set updated
+     *
+     * @param \DateTime $updated
+     *
+     * @return PlayedGame
+     */
+    public function setUpdated($updated)
+    {
+        $this->updated = $updated;
+
+        return $this;
+    }
+
+    /**
+     * Get updated
+     *
+     * @return \DateTime
+     */
+    public function getUpdated()
+    {
+        return $this->updated;
+    }
 }
--- a/src/Mine/SeekerBundle/Entity/Step.php
+++ b/src/Mine/SeekerBundle/Entity/Step.php
@@ -5,7 +5,10 @@ namespace Mine\SeekerBundle\Entity;
 use Doctrine\ORM\Mapping as ORM;

 /**
- * Step
+ * Class Step
+ *
+ * @package Mine\SeekerBundle\Entity
+ * @author  system7 <https://www.laszlolang.com>
 *
 * @ORM\Table(name="step")
 * @ORM\Entity(repositoryClass="Mine\SeekerBundle\Repository\StepRepository")
@@ -49,6 +52,13 @@ class Step
     */
    private $playedGame;

+    /**
+     * @var \DateTime
+     *
+     * @ORM\Column(name="created", type="datetime", nullable=true)
+     */
+    private $created;
+

    /**
     * Get id
@@ -155,4 +165,28 @@ class Step
    {
        return $this->wBomb;
    }
+
+    /**
+     * Set created
+     *
+     * @param \DateTime $created
+     *
+     * @return Step
+     */
+    public function setCreated($created)
+    {
+        $this->created = $created;
+
+        return $this;
+    }
+
+    /**
+     * Get created
+     *
+     * @return \DateTime
+     */
+    public function getCreated()
+    {
+        return $this->created;
+    }
 }
--- a/src/Mine/SeekerBundle/Entity/Step.php~
+++ b/src/Mine/SeekerBundle/Entity/Step.php~
@@ -49,6 +49,13 @@ class Step
     */
    private $playedGame;

+    /**
+     * @var \DateTime
+     *
+     * @ORM\Column(name="created", type="datetime", nullable=true)
+     */
+    private $created;
+

    /**
     * Get id
@@ -155,4 +162,28 @@ class Step
    {
        return $this->wBomb;
    }
+
+    /**
+     * Set created
+     *
+     * @param \DateTime $created
+     *
+     * @return Step
+     */
+    public function setCreated($created)
+    {
+        $this->created = $created;
+
+        return $this;
+    }
+
+    /**
+     * Get created
+     *
+     * @return \DateTime
+     */
+    public function getCreated()
+    {
+        return $this->created;
+    }
 }
--- a/src/Mine/SeekerBundle/EventListener/MineseekerClientEventListener.php
+++ b/src/Mine/SeekerBundle/EventListener/MineseekerClientEventListener.php
@@ -7,6 +7,12 @@ use Gos\Bundle\WebSocketBundle\Event\ClientErrorEvent;
 use Gos\Bundle\WebSocketBundle\Event\ServerEvent;
 use Gos\Bundle\WebSocketBundle\Event\ClientRejectedEvent;

+/**
+ * Class MineseekerClientEventListener
+ *
+ * @package Mine\SeekerBundle\EventListener
+ * @author  system7 <https://www.laszlolang.com>
+ */
 class MineseekerClientEventListener
 {
    /**
--- a/src/Mine/SeekerBundle/Periodic/MinePeriodic.php
+++ b/src/Mine/SeekerBundle/Periodic/MinePeriodic.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace Mine\SeekerBundle\Periodic;
+
+use Gos\Bundle\WebSocketBundle\Periodic\PdoPeriodicPing;
+use Gos\Bundle\WebSocketBundle\Periodic\PeriodicInterface;
+
+/**
+ * Class MinePeriodic
+ *
+ * @package Mine\SeekerBundle\Periodic
+ * @author  system7 <https://www.laszlolang.com>
+ */
+class MinePeriodic implements PeriodicInterface
+{
+    /** @var PdoPeriodicPing */
+    private $ping;
+
+    public function __construct(PdoPeriodicPing $ping)
+    {
+        $this->ping = $ping;
+    }
+
+    /**
+     * This function is executed every 5 seconds.
+     *
+     * For more advanced functionality, try injecting a Topic Service to perform actions on your connections every x
+     * seconds.
+     */
+    public function tick()
+    {
+        $this->ping->tick();
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function getTimeout()
+    {
+        return 300;
+    }
+}
--- a/src/Mine/SeekerBundle/Repository/GamerRepository.php
+++ b/src/Mine/SeekerBundle/Repository/GamerRepository.php
@@ -3,10 +3,10 @@
 namespace Mine\SeekerBundle\Repository;

 /**
- * GamerRepository
+ * Class GamerRepository
 *
- * This class was generated by the Doctrine ORM. Add your own custom
- * repository methods below.
+ * @package Mine\SeekerBundle\Repository
+ * @author  system7 <https://www.laszlolang.com>
 */
 class GamerRepository extends \Doctrine\ORM\EntityRepository
 {
--- a/src/Mine/SeekerBundle/Repository/GridColRepository.php
+++ b/src/Mine/SeekerBundle/Repository/GridColRepository.php
@@ -3,10 +3,10 @@
 namespace Mine\SeekerBundle\Repository;

 /**
- * GridColRepository
+ * Class GridColRepository
 *
- * This class was generated by the Doctrine ORM. Add your own custom
- * repository methods below.
+ * @package Mine\SeekerBundle\Repository
+ * @author  system7 <https://www.laszlolang.com>
 */
 class GridColRepository extends \Doctrine\ORM\EntityRepository
 {
--- a/src/Mine/SeekerBundle/Repository/GridRepository.php
+++ b/src/Mine/SeekerBundle/Repository/GridRepository.php
@@ -3,10 +3,10 @@
 namespace Mine\SeekerBundle\Repository;

 /**
- * GridRepository
+ * Class GridRepository
 *
- * This class was generated by the Doctrine ORM. Add your own custom
- * repository methods below.
+ * @package Mine\SeekerBundle\Repository
+ * @author  system7 <https://www.laszlolang.com>
 */
 class GridRepository extends \Doctrine\ORM\EntityRepository
 {
--- a/src/Mine/SeekerBundle/Repository/GridRowRepository.php
+++ b/src/Mine/SeekerBundle/Repository/GridRowRepository.php
@@ -4,10 +4,10 @@ namespace Mine\SeekerBundle\Repository;
 use Doctrine\ORM\EntityRepository;

 /**
- * GridRowRepository
+ * Class GridRowRepository
 *
- * This class was generated by the Doctrine ORM. Add your own custom
- * repository methods below.
+ * @package Mine\SeekerBundle\Repository
+ * @author  system7 <https://www.laszlolang.com>
 */
 class GridRowRepository extends EntityRepository
 {
--- a/src/Mine/SeekerBundle/Repository/PlayedGameRepository.php
+++ b/src/Mine/SeekerBundle/Repository/PlayedGameRepository.php
@@ -3,10 +3,10 @@
 namespace Mine\SeekerBundle\Repository;

 /**
- * PlayedGameRepository
+ * Class PlayedGameRepository
 *
- * This class was generated by the Doctrine ORM. Add your own custom
- * repository methods below.
+ * @package Mine\SeekerBundle\Repository
+ * @author  system7 <https://www.laszlolang.com>
 */
 class PlayedGameRepository extends \Doctrine\ORM\EntityRepository
 {
--- a/src/Mine/SeekerBundle/Repository/StepRepository.php
+++ b/src/Mine/SeekerBundle/Repository/StepRepository.php
@@ -3,10 +3,10 @@
 namespace Mine\SeekerBundle\Repository;

 /**
- * StepRepository
+ * Class StepRepository
 *
- * This class was generated by the Doctrine ORM. Add your own custom
- * repository methods below.
+ * @package Mine\SeekerBundle\Repository
+ * @author  system7 <https://www.laszlolang.com>
 */
 class StepRepository extends \Doctrine\ORM\EntityRepository
 {
--- a/src/Mine/SeekerBundle/Resources/config/config.yml
+++ b/src/Mine/SeekerBundle/Resources/config/config.yml
@@ -1,19 +1,14 @@
-# PDO Session Handler Configuration !!!!! --> moved to main config.yml
-#framework:
-#    session:
-#        handler_id: session.handler.pdo
-
 # Doctrine cache --> instead of PREDIS (gos_web_socket > client > storage > driver)
-#doctrine_cache:
-#    providers:
-#        redis_cache:
-#            redis:
-#                host: localhost
-#                port: 6379
-#                database: 3
-#        websocket_cache_client:
-#            type: redis
-#            alias: gos_web_socket.client_storage.driver.redis
+doctrine_cache:
+    providers:
+        redis_cache:
+            redis:
+                host: localhost
+                port: 6379
+                database: 3
+        websocket_cache_client:
+            type: redis
+            alias: gos_web_socket.client_storage.driver.redis

 # SNC
 snc_redis:
@@ -32,7 +27,7 @@ snc_redis:
 gos_web_socket:
    server:
        host: 0.0.0.0
-        port: 6450
+        port: "%mineseeker.websocket%"
        router:
            resources:
                - "@MineSeekerBundle/Resources/config/pubsub/routing.yml"
@@ -41,4 +36,7 @@ gos_web_socket:
        session_handler: "@session.handler.pdo"
        storage:
            driver: "@gos_web_socket.client_storage.driver.predis"
-            decorator: "@gos_web_socket.client_storage.doctrine.decorator"
+            ttl: 28800 #(optionally) time to live if you use redis driver
+            prefix: client #(optionally) prefix if you use redis driver, create key "client:1" instead key "1"
+    periodic:
+        - "@mineseeker.periodic"
--- a/src/Mine/SeekerBundle/Resources/config/pubsub/routing.yml
+++ b/src/Mine/SeekerBundle/Resources/config/pubsub/routing.yml
@@ -1,4 +1,4 @@
-# Topic Configuration
+# MineSeeker Topic Configuration
 mineseeker_topic:
    channel: mineseeker/channel/{game}
    handler:
@@ -7,6 +7,12 @@ mineseeker_topic:
 #        method:
 #            path: '[a-z1-9A-Z]+'

+# UserList Topic Configuration
+userList_topic:
+    channel: mineseeker/userList
+    handler:
+        callback: 'userlist.topic'
+
 # Remote Procedure Call Configuration
 mineseeker_rpc:
    channel: mineseeker-rpc/{method}
--- a/src/Mine/SeekerBundle/Resources/config/routing.yml
+++ b/src/Mine/SeekerBundle/Resources/config/routing.yml
@@ -1,16 +1,44 @@
 MineSeekerBundle_homepage:
    path:     /
    defaults: { _controller: MineSeekerBundle:Game:index }
+    schemes:  [https]

 MineSeekerBundle_gamePlay:
    path:     /play
    defaults: { _controller: MineSeekerBundle:Game:play }
+    schemes:  [https]

 MineSeekerBundle_gamePlayWId:
    path:     /play/{gameAssoc}
    defaults: { _controller: MineSeekerBundle:Game:play }
+    schemes:  [https]

-MineSeekerBundle_gameList:
-    path:     /list
-    defaults: { _controller: MineSeekerBundle:Game:list }
+MineSeekerBundle_gameReplay:
+    path:     /re-play/{gameAssoc}
+    defaults: { _controller: MineSeekerBundle:Game:rePlay }
+    schemes:  [https]

+MineSeekerBundle_slack:
+    path:     /slack
+    defaults: { _controller: MineSeekerBundle:Game:slack }
+    schemes:  [https]
+
+MineSeekerBundle_terms:
+    path:     /terms-of-service
+    defaults: { _controller: MineSeekerBundle:Game:terms }
+    schemes:  [https]
+
+MineSeekerBundle_privacy:
+    path:     /privacy-policy
+    defaults: { _controller: MineSeekerBundle:Game:privacy }
+    schemes:  [https]
+
+MineSeekerBundle_contact:
+    path:     /contact
+    defaults: { _controller: MineSeekerBundle:Game:contact }
+    schemes:  [https]
+
+MineSeekerBundle_landing:
+    path:     /landing-page
+    defaults: { _controller: MineSeekerBundle:Game:landing }
+    schemes:  [https]
--- a/src/Mine/SeekerBundle/Resources/config/services.yml
+++ b/src/Mine/SeekerBundle/Resources/config/services.yml
@@ -1,5 +1,4 @@
 services:
-
    pdo:
        class: PDO
        arguments:
@@ -20,13 +19,14 @@ services:
        arguments:
            - "@snc_redis.cache"

-#    config.yml --> gos_web_socket > storage > client > decorator
-    gos_web_socket.client_storage.doctrine.decorator:
-        class: Gos\Bundle\WebSocketBundle\Client\Driver\DoctrineCacheDriverDecorator
+    mineseeker.periodic:
+        class: Mine\SeekerBundle\Periodic\MinePeriodic
+        tags:
+            - { name: gos_web_socket.periodic }
        arguments:
-            - "@doctrine_cache.providers.doctrine.orm.default_result_cache"
+            ping: '@gos_web_socket.pdo.periodic_ping'

-    mineseeker.topic_sample_service:
+    mineseeker.game_service:
        class: Mine\SeekerBundle\Topic\MineseekerTopic
        tags:
            - { name: gos_web_socket.topic }
@@ -35,7 +35,16 @@ services:
            doctrine: '@doctrine.orm.entity_manager'
            requestStack: '@request_stack'

-    mineseeker.rpc_sample_service:
+    mineseeker.user_list_service:
+        class: Mine\SeekerBundle\Topic\UserListTopic
+        tags:
+            - { name: gos_web_socket.topic }
+        arguments:
+            clientManipulator: "@gos_web_socket.websocket.client_manipulator"
+            doctrine: '@doctrine.orm.entity_manager'
+            requestStack: '@request_stack'
+
+    mineseeker.game_rpc_service:
        class: Mine\SeekerBundle\Rpc\MineseekerRpc
        tags:
            - { name: gos_web_socket.rpc }
--- a/src/Mine/SeekerBundle/Resources/public/css/style.homepage.css
+++ b/src/Mine/SeekerBundle/Resources/public/css/style.homepage.css
@@ -1,9 +1,3 @@
-@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Ravi+Prakash&subset=latin-ext');
-/*
-font-family: 'Ravi Prakash', cursive;
-font-family: 'Open Sans Condensed', sans-serif;
-*/
-
 * {
    outline: none;
    padding: 0;
@@ -11,59 +5,93 @@ font-family: 'Open Sans Condensed', sans-serif;
 }

 html, body {
-    background: #2C3E50;
+    background: #ffffff;
    display: block;
    width: 100%;
    height: 100%;
 }

 header {
-    background: rgba(255, 255, 255, 0.7) url('/bundles/mineseeker/images/homepage/header.jpg') no-repeat;
-    background-size: cover;
+    background: #d1e8ff;
    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
    width: 100%;
-    height: 100%;
+    height: 950px;
    color: #ffffff;
+
    overflow: hidden;
 }

-header h1 {
-    display: block;
-    font: normal 72px 'Ravi Prakash', cursive;
-    text-align: center;
-    line-height: 20px;
-    color: #ffa800;
+header section {
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+    flex-direction: column;
+    max-width: 1300px;
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+    margin: 0 auto;
+}

+header section div.logo img {
+    width: 350px;
+    margin: 50px 0;
+}
+
+header section div.logo a {
+    display: block;
+}
+
+header section > img {
+    position: absolute;
+    width: 1300px;
+    height: 1300px;
+    right: -20%;
+    top: -10%;
+
+    z-index: 1;
+}
+
+header section > div {
    z-index: 2;
 }

-header h3 {
-    display: block;
-    font: normal 32px 'Open Sans Condensed', sans-serif;
-    text-align: center;
-    color: #ffcd02;
-
-    z-index: 2;
+header section h1 {
+    font: bold 40px 'Rajdhani', sans-serif;
+    color: #434242;
+    margin-bottom: 100px;
 }

-header > a {
-    background: #e8e8e8;
+header section h2 {
+    font: normal 32px 'Rajdhani', sans-serif;
+    color: #434242;
+    margin-top: 100px;
+}
+
+header section h3 {
    display: block;
-    font: bold 22px 'Open Sans Condensed', sans-serif;
+    font: bold 16px 'Rajdhani', sans-serif;
+    color: #434242;
+    margin-top: 10px;
+}
+
+header section h3 img {
+    width: 16px;
+}
+
+header section div.buttons > a {
+    background: #69788e;
+    display: table;
+    font: bold 32px 'Rajdhani', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
-    color: #2C3E50;
-    padding: 10px 70px;
-    margin-top: 20px;
+    border: 5px solid #57667b;
+    color: #FFFFFF;
+    padding: 25px 150px;
+    margin-bottom: 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-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 250ms ease-in-out;
@@ -72,36 +100,237 @@ header > a {
    transition: all 250ms ease-in-out;
 }

-header > a:hover {
-    background: #ffffff;
+header section div.buttons > a:hover {
+    background: #57667b;

-    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.75);
-    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.75);
+    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
 }

-header > img {
-    position: absolute;
-    width: 50%;
-    max-width: 1000px;
-    bottom: -25%;
+header section div.buttons > a.small {
+    background: #83aed9;
+    display: inline-block;
+    font: bold 22px 'Rajdhani', sans-serif;
+    border: 1px solid #6890ba;
+    color: #FFFFFF;
+    padding: 10px;
+
+    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+    -webkit-transition: all 250ms ease-in-out;
+    -moz-transition: all 250ms ease-in-out;
+    -o-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;

-    z-index: 1;
 }

-@media screen and (max-width: 1500px) {
-    header > img {
-        width: 60%;
-        bottom: -40%;
+header section div.buttons > a.small:hover {
+    background: #86b5e1;
+    border: 1px solid #658fb8;
+    color: #FFFFFF;
+
+    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
+    -webkit-transition: all 250ms ease-in-out;
+    -moz-transition: all 250ms ease-in-out;
+    -o-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
+}
+
+main .user-list-container {
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
+main .user-list-container .user-friend {
+    background: #ccc;
+    width: 15%;
+    min-width: 145px;
+    text-align: center;
+    padding: 10px;
+    margin: 5px;
+
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+main .user-list-container .user-friend h1 {
+    display: block;
+    font-size: 14px;
+    text-align: center;
+}
+
+main .user-list-container .user-friend .img,
+main .user-list-container .user-friend .img img {
+    width: 100%;
+}
+
+main .user-list-container .user-friend button {
+    background: #83aed9;
+    display: inline-block;
+    font: bold 22px 'Rajdhani', sans-serif;
+    border: 1px solid #6890ba;
+    color: #FFFFFF;
+    padding: 10px;
+
+    -webkit-transition: all 250ms ease-in-out;
+    -moz-transition: all 250ms ease-in-out;
+    -o-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+main .user-list-container .user-friend button:hover {
+    background: #86b5e1;
+    border: 1px solid #658fb8;
+    color: #FFFFFF;
+
+    -webkit-transition: all 250ms ease-in-out;
+    -moz-transition: all 250ms ease-in-out;
+    -o-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
+}
+
+main .user-list-container .user-friend button.button-offline {
+    background: #a1a1a1;
+    border: 1px solid #929292;
+
+    cursor: default;
+}
+
+main .user-list-container .user-friend button.button-offline:hover {
+    background: #a1a1a1;
+    border: 1px solid #929292;
+}
+
+main .user-list-filter form {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+}
+
+main .user-list-filter input {
+    border: 1px solid #ccc;
+    border-right: 0;
+    min-width: 300px;
+    padding: 10px;
+
+    -webkit-border-top-left-radius: 3px;
+    border-top-left-radius: 3px;
+    -webkit-border-bottom-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+}
+
+main .user-list-filter button {
+    background: #ccc;
+    width: 42px;
+    height: 42px;
+    border: 0;
+    color: #fff;
+
+    -webkit-border-top-right-radius: 3px;
+    border-top-right-radius: 3px;
+    -webkit-border-bottom-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+}
+
+main .user-request-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+main .user-request-container .user-friend {
+    background: #ff0000;
+    width: 150px;
+    color: #403f3f;
+    padding: 10px;
+    margin: 10px;
+
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+main .user-request-container h1 {
+    font-size: 14px;
+    color: #fff;
+}
+
+main .user-request-container .img,
+main .user-request-container .img img {
+    width: 100%;
+}
+
+main .user-request-container button {
+    background: #fff;
+    width: 100%;
+    font-weight: bold;
+    color: #ff0000;
+    border: 0;
+    padding: 15px 5px;
+    margin: 0 auto;
+
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-transition: all 250ms ease-in-out;
+    -moz-transition: all 250ms ease-in-out;
+    -o-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
+}
+
+main .user-request-container button:hover {
+    background: #ffc38b;
+
+    -webkit-transition: all 250ms ease-in-out;
+    -moz-transition: all 250ms ease-in-out;
+    -o-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
+}
+
+@media screen and (max-width: 1200px) {
+    header section {
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+    }
+
+    header section div.buttons > a {
+        margin: 0 auto 20px auto;
+    }
+
+    header section h1 {
+        margin-bottom: 20px;
+    }
+
+    header section div.logo img {
+        margin-bottom: 0;
+    }
+
+    header section > img {
+        display: none;
    }
 }

-@media screen and (max-width: 1500px) {
-    header > img {
-        width: 70%;
-        bottom: -20%;
+@media screen and (max-width: 500px) {
+    header section {
+        width: auto;
+    }
+
+    header section div.logo img {
+        width: 100%;
+    }
+
+    header section div.buttons > a {
+        display: block;
+        padding: 25px 5px;
    }
 }
--- a/src/Mine/SeekerBundle/Resources/public/css/style.mineseeker.css
+++ b/src/Mine/SeekerBundle/Resources/public/css/style.mineseeker.css
@@ -96,51 +96,37 @@ main {

 #mine-wrapper .game-wrapper .game-overlay .game-overlay-window h1 {
    font-weight: bold;
-    font-size: 32px;
+    font-size: 26px;
 }

 #mine-wrapper .game-wrapper .game-overlay .game-overlay-window h2 {
    font-size: 18px;
 }

+#mine-wrapper .game-wrapper .game-overlay .game-overlay-window h3 {
+    font-size: 16px;
+    color: #386e8c;
+}
+
 #mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy {
    display: flex;
    align-items: center;
    width: 100%;
+    margin-bottom: 10px;
 }

 #mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy input {
    border: 0;
    height: 40px;
-    width: 90%;
+    width: 100%;
    padding: 0 20px;

-    -webkit-border-top-left-radius: 3px;
-    border-top-left-radius: 3px;
-    -webkit-border-bottom-left-radius: 3px;
-    border-bottom-left-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
 }

-#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy button {
-    border: 0;
-    width: 10%;
-    height: 40px;
-
-    cursor: pointer;
-
-    -webkit-border-top-right-radius: 3px;
-    border-top-right-radius: 3px;
-    -webkit-border-bottom-right-radius: 3px;
-    border-bottom-right-radius: 3px;
-}
-
-#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy button img {
-    width: 15px;
-    height: 15px;
-}
-
 #mine-wrapper .game-wrapper .game-overlay .game-overlay-window a {
    background: #d8e3ea;
    display: inline-table;
@@ -326,7 +312,6 @@ main {
    color: #fdf612;
 }

-
 #mine-wrapper .game-wrapper .users .user-container .user-control {
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 0%, rgba(125, 185, 232, 0) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 0%, rgba(125, 185, 232, 0) 100%);
@@ -734,7 +719,7 @@ main {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
-    width: 642px;
+    width: 643px;
    border: 1px solid #cac3e5;

    cursor: none;
@@ -973,3 +958,70 @@ 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);
+}
+
+@media screen and (max-width: 900px) {
+    #mine-wrapper .game-wrapper .users {
+        visibility: hidden;
+        display: none;
+    }
+
+    #mine-wrapper {
+        display: block;
+        width: 100%;
+    }
+
+    #mine-wrapper .game-wrapper {
+        width: 100%;
+        flex-direction: column-reverse;
+    }
+
+    #mine-wrapper .grid-container {
+        width: 100%;
+        padding: 0;
+    }
+
+    #mine-wrapper .grid {
+        width: 100%;
+    }
+
+    #mine-wrapper .grid .field-wrapper {
+        width: 6.25%;
+    }
+
+    #mine-wrapper .grid .field-wrapper > img.field-target {
+        width: 105%;
+        top: -2.5%;
+        left: -2.5%;
+    }
+
+    #mine-wrapper .grid .field-wrapper .field {
+        width: 100%;
+        height: auto;
+    }
+}
+
--- a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-1.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-1.png
--- a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-2.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-2.png
--- a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-3.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-3.png
--- a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-4.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-4.png
--- a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-5.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-5.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-bottom-left-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-bottom-left-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-bottom-right-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-bottom-right-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-exploded-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-exploded-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-top-left-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-top-left-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-top-right-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-bomb-top-right-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-flag-blue-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-flag-blue-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-last-blue-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-last-blue-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-last-red-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-last-red-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-left-mine-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-left-mine-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-mineseeker-0-outbg.jpg
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-mineseeker-0-outbg.jpg
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-mineseeker-1-outbg.jpg
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-mineseeker-1-outbg.jpg
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-mineseeker-outbg.jpg
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-mineseeker-outbg.jpg
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-target-bomb-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-target-bomb-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-target-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-target-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-wave-1-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-wave-1-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-wave-2-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-wave-2-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/bg-wave-3-outbg.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/bg-wave-3-outbg.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/android-chrome-192x192.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/android-chrome-192x192.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/android-chrome-512x512.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/android-chrome-512x512.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-144x144.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-144x144.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-192x192.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-192x192.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-36x36.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-36x36.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-48x48.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-48x48.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-72x72.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-72x72.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-96x96.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/android-icon-96x96.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-114x114.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-114x114.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-120x120.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-120x120.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-144x144.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-144x144.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-152x152.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-152x152.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-180x180.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-180x180.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-57x57.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-57x57.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-60x60.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-60x60.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-72x72.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-72x72.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-76x76.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-76x76.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-precomposed.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon-precomposed.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-icon.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-touch-icon.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/apple-touch-icon.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/browserconfig.xml
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/mstile-150x150.png"/>
+      <TileColor>#2d89ef</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/favicon-16x16.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/favicon-16x16.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/favicon-32x32.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/favicon-32x32.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/favicon-96x96.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/favicon-96x96.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/favicon.ico
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/favicon.ico
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/manifest.json
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/manifest.json
@@ -0,0 +1,17 @@
+{
+	"name": "",
+	"icons": [
+		{
+			"src": "\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image\/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"display": "standalone"
+}
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/ms-icon-144x144.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/ms-icon-144x144.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/ms-icon-150x150.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/ms-icon-150x150.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/ms-icon-310x310.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/ms-icon-310x310.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/ms-icon-70x70.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/ms-icon-70x70.png
--- a/src/Mine/SeekerBundle/Resources/public/images/favicon/mstile-150x150.png
+++ b/src/Mine/SeekerBundle/Resources/public/images/favicon/mstile-150x150.png
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Lang	ae8794f564	doc all entities	2018-05-20 21:27:45 +02:00
Lang	2f3062bf33	add half-finished work	2018-05-19 19:01:08 +02:00
Lang	0e86f7d4aa	disable slack api	2017-01-31 10:39:29 +01:00
Lang	8851a6d68b	composer update && rewrite user authentication page names	2017-01-31 10:39:04 +01:00
Lang	94ebe9a428	bugfix ssl module	2017-01-29 18:04:58 +01:00
Lang	4a94855be9	add default avatar pic, w/o facebook profile	2017-01-27 16:52:39 +01:00
Lang	a8ac13850b	add search box to user list	2017-01-26 14:18:34 +01:00
Lang	fe5378f69b	debug the connections - no disconnect threatment and graphics design	2017-01-24 23:00:51 +01:00
Lang	e8691f29bb	add es2016-2017 bundle to babel and webpack	2017-01-24 22:59:47 +01:00
Lang	fcd490ef4e	refactor; separate app.js to 3 files (except step yet)	2017-01-23 14:43:58 +01:00
Lang	a3465f6cf9	add new websocket topic - userList - and handle it	2017-01-22 15:21:45 +01:00
Lang	a91172ef7a	save facebook id to db	2017-01-22 15:19:26 +01:00
Lang	0effd8ab8d	change session driver to REDIS	2017-01-03 16:11:19 +01:00
Lang	e387e21b34	add created, updated field to db && improve graph design	2017-01-03 13:10:43 +01:00
Lang	039c29674a	cache setup && optimalize for google pagespeed && optimalize all images	2016-12-22 11:49:07 +01:00
Lang	ef89f7df09	improve graph design on homepage && add footer and techs && add official pages	2016-12-21 18:46:32 +01:00
Lang	4d5a9b978b	bugfix mine websocket periodic mysql calling	2016-12-21 16:16:16 +01:00
Lang	ccfb621c2b	bugfix hwioauth remember me && centralize hwioauth and facebook settings	2016-12-21 16:15:25 +01:00
Lang	1e2a231c6c	centralize jquery && bugfix mysql auto-termination problem w/ user auth	2016-12-18 19:51:41 +01:00
Lang	bcc9671895	release beta4	2016-12-14 15:50:48 +01:00
Lang	6d125f2dab	gitignore npm debug log	2016-12-11 18:26:23 +01:00
Lang	664ef5b424	add english lang everywhere && add snowfall && add centralized version nbr && improve stylesheet && slack integration	2016-12-11 18:25:19 +01:00
Lang	68c6a277ba	bugfix #30 && random bg in game	2016-12-11 17:43:31 +01:00
Lang	875d2d71db	add google analytics and facebook scripts && improve url share method w/ fb && enforce https in prod	2016-12-11 15:10:25 +01:00
Lang	c0d75e43f3	reg and login buttons on index && remove list method && facebook centralize	2016-12-10 14:43:28 +01:00
Lang	6dc59549ef	redesign user frontend	2016-12-08 14:35:28 +01:00
Lang	aed5eaf3ab	mods for performance; one js.min file on prod	2016-11-30 21:24:51 +01:00
Lang	f44bc58df2	improve webpack config for prod compile #23	2016-11-30 20:48:17 +01:00
Lang	50b3663889	ssl handling #22 && reconnection issues #20 , #21	2016-11-30 20:15:56 +01:00
				`@@ -1 +0,0 @@`
				`src/Mine/SeekerBundle/Resources/public/js/node`