Add images for logo and splash screen

Also added project informations in the about page and updated the README

mobile/www/css/index.css

@@ -20,4 +20,19 @@
 
 .data-table-title {
     text-align: center;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.logo {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+h1.about, h2.about, h3.about {
+    color: #1f3487;
+    margin-top: 0px;
 }

mobile/www/js/routes.js

@@ -80,7 +80,13 @@ routes = [
     },
     {
         path: '/about/',
-        templateUrl: './pages/about.html'
+        templateUrl: './pages/about.html',
+        on: {
+            pageAfterIn: (e, page) => {
+                if (feData.version)
+                    $$("#catalogue-version").text(feData.version);
+            },
+        }
     },
 ];
 

mobile/www/pages/about.html

@@ -12,9 +12,29 @@
             </div>
         </div>
         <div class="page-content">
-            <div class="block block-strong">
-                <p>Aboutpage</p>
+            <div class="block block-strong text-center">
+                <section>
+                    <img class="logo" src="/img/logo.png">
+                    <h1 class="about">Fire Emblem Charts</h1>
+                </section>
+                <section>
+                    <h3 class="about">Versions</h3>
+                    <p>App : 1.0.0</p>
+                    <p>Catalogue : <span id="catalogue-version"></span></p>
+                </section>
+                <section>
+                    <h3 class="about">About the app</h3>
+                        <p>
+                            Fire Emblem Charts is a mobile application that allows you to view the statistics of the
+                            characters in the game Fire Emblem Three Houses in the form of graphics.<br>
+                            <a class="link external" href="https://github.com/dario-cfpt/FE_Charts/">Source code</a>
+                        </p>
+                </section>
+                <section>
+                    <h3 class="about">Developer</h3>
+                    <p>Dario Genga</p>
+                </section>
             </div>
         </div>
     </div>
-</div>
+</div>