Added a page for downloading mobile application (#688)

Fixes #597 
Fixes #697 

Co-authored-by: Glandos <bugs-github@antipoul.fr>

2 files changed, 29 insertions, 2 deletions

diff --git a/ihatemoney/templates/download_mobile_app.html b/ihatemoney/templates/download_mobile_app.html
new file mode 100644
index 0000000..b343c71
--- /dev/null
+++ b/ihatemoney/templates/download_mobile_app.html
@@ -0,0 +1,26 @@
+{% extends "layout.html" %}
+
+{% block css %}
+<link rel=stylesheet type=text/css href="{{ url_for("static", filename='css/download_mobile_app.css') }}">
+{% endblock %}
+
+{% block body %}
+<main class="row py-5 justify-content-center text-center">
+    <div class=" col-10 text-center bg-dark text-light">
+        <h1 class="my-2">{{_("Download Mobile Application")}}</h1>
+    </div>
+    <h3 class="col-12 my-2 text-dark">{{_("Get it on")}}</h1>
+    <div class="col-12">
+        <a target="_blank" rel="noopener" href="https://play.google.com/store/apps/details?id=net.eneiluj.moneybuster&hl=en_US" class="text-decoration-none">
+            <img src="{{ url_for("static", filename='images/google-play.png') }}" class="get-it-from"/>
+        </a>
+    
+        <a target="_blank" rel="noopener" href="https://f-droid.org/en/packages/net.eneiluj.moneybuster/" class="text-decoration-none">
+            <img src="{{ url_for("static", filename='images/f-droid.svg') }}" class="get-it-from" />
+        </a>
+        <a target="__blank" rel="noopener" href="https://apps.apple.com/us/app/payforme/id1500428306" class="text-decoration-none">
+            <img src="{{ url_for("static", filename='images/app-store.svg') }}" class="get-it-from" />
+        </a>
+    </div>
+</main>
+{% endblock %}
diff --git a/ihatemoney/templates/layout.html b/ihatemoney/templates/layout.html
index 1e16c7e..f79270e 100644
--- a/ihatemoney/templates/layout.html
+++ b/ihatemoney/templates/layout.html
@@ -6,6 +6,7 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel=stylesheet type=text/css href="{{ url_for("static", filename='css/main.css') }}">
+    {% block css %}{% endblock %}
     <script src="{{ url_for("static", filename="js/jquery-3.1.1.min.js") }}"></script>
     <script src="{{ url_for("static", filename="js/ihatemoney.js") }}"></script>
     <script src="{{ url_for("static", filename="js/tether.min.js") }}"></script>
@@ -144,14 +145,14 @@
             <a target="_blank" rel="noopener" data-toggle="tooltip" data-placement="top" title="{{ _('Code') }}" href="https://github.com/spiral-project/ihatemoney">
               <i class="icon git">{{ static_include("images/git.svg") | safe }}</i>
             </a>
-            <a target="_blank" rel="noopener" data-toggle="tooltip" data-placement="top" title="{{ _('Mobile Application') }}" href="https://gitlab.com/eneiluj/moneybuster#moneybuster-for-android">
+            <a data-toggle="tooltip" data-placement="top" title="{{ _('Mobile Application') }}" href="{{url_for('main.mobile')}}">
               <i class="icon mobile">{{ static_include("images/mobile-alt.svg") | safe }}</i>
             </a>
             <a target="_blank" rel="noopener" data-toggle="tooltip" data-placement="top" title="{{ _('Documentation') }}" href="https://ihatemoney.readthedocs.io/en/latest/">
               <i class="icon book">{{ static_include("images/book.svg") | safe }}</i>
             </a>
             {% if g.show_admin_dashboard_link %}
-            <a target="_blank" rel="noopener" data-toggle="tooltip" data-placement="top" title="{{ _('Administation Dashboard') }}" href="{{ url_for("main.dashboard") }}">
+            <a target="_blank" rel="noopener" data-toggle="tooltip" data-placement="top" title="{{ _('Administation Dashboard') }}" href="{{ url_for('main.dashboard') }}">
               <i class="icon admin">{{ static_include("images/cog.svg") | safe }}</i>
             </a>
             {% endif %}