improve graph design on homepage && add footer and techs && add official pages

src/Jotunheimr/UserBundle/Resources/public/css/layout.css

@@ -152,6 +152,10 @@ header section h3.or {
     margin: 20px 0;
 }
 
+header section #id_welcome {
+    margin-bottom: 115px;
+}
+
 header section .buttons,
 header section form {
     z-index: 2;
@@ -225,6 +229,83 @@ header section .failure-main {
     border-radius: 5px;
 }
 
+main div.txt {
+    width: 100%;
+    max-width: 1000px;
+    font-family: 'Rajdhani', sans-serif;
+    color: #414040;
+    margin: 50px auto 0 auto;
+}
+
+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;
+}
+
+main .technologies h1 {
+    font-weight: bold;
+}
+
+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: 1100px) {
     header section .form-input,
     header section .form-check {
@@ -248,7 +329,7 @@ header section .failure-main {
 
 @media screen and (max-width: 550px) {
     header section {
-        padding: 10px;
+        padding: 20px;
     }
 
     header section .form-input {
@@ -274,4 +355,12 @@ header section .failure-main {
     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;
+    }
 }

src/Jotunheimr/UserBundle/Resources/views/Registration/register.html.twig

@@ -79,6 +79,33 @@
     </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() }}
 

src/Jotunheimr/UserBundle/Resources/views/Security/login.html.twig

@@ -61,6 +61,33 @@
     </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() }}