Add links to homepage

memopol/urls.py

@@ -186,5 +186,5 @@ urlpatterns = [
 
     url(r'^admin/', include(admin.site.urls)),
     url(r'^api/', include(api.router.urls)),
-    url(r'^$', HomeView.as_view()),
+    url(r'^$', HomeView.as_view(), name='home'),
 ]

static/css/custom.css

@@ -206,7 +206,10 @@ select:focus, select.form-control:focus {
 					Index
 ***************************************************************/
 
-
+#intro h1 a {
+    color: black;
+    text-decoration: none;
+}
 
 /***************************************************************
 					Cards / Résultats de la recherche

templates/_base_intro.html

@@ -4,26 +4,26 @@
 
 <div id="intro">
   <h1 class="text-center">
-    <img id="logo" src="{% static 'images/logo.png' %}">
-    <br>
-    {% trans "Political memory" %}
+    <a href="{% url 'home' %}">
+      <img id="logo" src="{% static 'images/logo.png' %}">
+      <br>
+      {% trans "Political memory" %}
+    </a>
   </h1>
   <p class="lead text-center hidden-xs">{% trans "What is Memopol ?" %}</p>
-  <p class="text-justify hidden-xs">{% trans "Political Memory is a tool designed by La Quadrature du Net to help citizens reach their representative and track their voting records on issues related to fundamental freedoms online." %}</p>
-  <div class="container-fluid hidden-xs">
-    <div class="row">
-      <div class="col-sm-6">
-        {% if position_form %}
+  <p class="text-justify hidden-xs">
+    {% include "text/short_description.html" %}
+  </p>
+  {% if position_form %}
+    <div class="container-fluid hidden-xs">
+      <div class="row">
+        <div class="col-sm-12 text-center">
           <a class="btn btn-primary hidden-print" data-toggle="modal" data-target="#add-position-form" aria-expanded="false" aria-controls="add-position-form">
             {% bootstrap_icon "bullhorn" %}
-            Add a public position
+            {% trans "Add a public position" %}
           </a>
-        {% endif %}
-
-      </div>
-      <div class="col-sm-6 text-right">
-        <a class="btn btn-default">{% trans "More on our blog" %}</a>
+        </div>
       </div>
     </div>
-  </div>
+  {% endif %}
 </div>
\ No newline at end of file

templates/home.html

 {% extends "base.html" %}
+
+{% load i18n %}
+{% load bootstrap3 %}
+{% load staticfiles %}
+
 {% block content %}
-<div class=".row">
-    <div class=".col-md-8">
-        <p>
-            Memopol is reachable only in <b>reduced functionality mode</b>.
-            By the way, you could access to
-            <a href="{% url 'representative-list' %}">the list of MEPs</a>.
-        </p>
-        <p>
-            You can help on building the new Memopol by <a href="https://wiki.laquadrature.net/Projects/Memopol/Roadmap">coding, translating, de    signing, funding, etc...</a>.
-        </p>
-        <div class="col-md-4">
-            <div class="panel.panel-default">
-                <div class="panel-body">
-                    <p>
-                        <a href="http://memopol.org">Memopol Blog</a> is available as well as the new
-                        <a href="http://github.com/political-memory/political_memory">
-                            bugtracking system</a>
-                    </p>
-                    <h3>
-                            What is memopol?
-                    </h3>
-                    <p>
-                        Political  Memory is a tool designed by La Quadrature du Net to help
-                        European citizens to reach members of European Parliament (MEPs) and
-                        track their voting records on issues related to fundamental
-                        freedoms online.
-                    </p>
-                </div>
-            </div>
-        </div>
+  <div class="row">
+    <div class="col-md-12">
+      <h1>{% trans "Welcome to Memopol" %}</h1>
     </div>
-</div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-12">
+      <p>
+        {% include "text/short_description.html" %}
+      </p>
+      <p>
+        {% include "text/license.html" %}
+      </p>
+    </div>
+
+    <div class="col-md-4">
+      <h3>More information</h3>
+      <div class="btn-group">
+        <a class="btn btn-primary" target="_blank" href="http://www.memopol.org/">
+          {% bootstrap_icon "bookmark" %}
+          {% trans "Memopol blog" %}
+        </a>
+        <a class="btn btn-primary" target="_blank" href="http://memopol.rtfd.org/">
+          {% bootstrap_icon "info-sign" %}
+          {% trans "Documentation" %}
+        </a>
+      </div>
+    </div>
+
+    <div class="col-md-4">
+      <h3>Contact us</h3>
+      <div class="btn-group">
+        <a class="btn btn-primary" target="_blank" href="https://twitter.com/memopol2">
+          <img class="social-icon" src="{% static 'images' %}/social-twitter.png">
+          {% trans "Twitter" %}
+        </a>
+        <a class="btn btn-primary" target="_blank" href="https://webchat.freenode.net/?nick=memopol-user-...&channels=lqdn-memopol&prompt=1">
+          {% bootstrap_icon "comment" %}
+          {% trans "IRC Channel" %}
+        </a>
+      </div>
+    </div>
+
+    <div class="col-md-4">
+      <h3>Contributing</h3>
+      <div class="btn-group">
+        <a class="btn btn-default" target="_blank" href="https://github.com/political-memory/political_memory">
+          {% bootstrap_icon "cog" %}
+          {% trans "Code repository" %}
+        </a>
+        <a class="btn btn-default" target="_blank" href="https://github.com/political-memory/political_memory/issues/new">
+          {% bootstrap_icon "warning-sign" %}
+          {% trans "Report an issue" %}
+        </a>
+      </div>
+    </div>
+  </div>
+
 {% endblock %}

templates/text/license.html

+{% load i18n %}
+{% blocktrans %}
+  Memopol is free software, released under the terms of the
+  <a href="http://www.gnu.org/licenses/agpl.html" target="_blank">GNU aGPL v3+</a>.
+{% endblocktrans %}

templates/text/short_description.html

+{% load i18n %}
+
+{% blocktrans %}
+Political Memory is a tool designed by La Quadrature du Net to help
+citizens to reach their representatives and
+track their voting records on issues related to fundamental
+freedoms online.
+{% endblocktrans %}