feat(favicon): added website favicon

* Added all declinaison of favicon * Linked it in the html template * Updated folder structure for base_app static assets * Added credit section in the documentation * Credited author of the icon Fixes #89

feat(favicon): added website favicon
* Added all declinaison of favicon * Linked it in the html template * Updated folder structure for base_app static assets * Added credit section in the documentation * Credited author of the icon Fixes #89
5ecc475c · Florent Chehab · a4d682fe · 5ecc475c · a4d682fe · 5ecc475c
Commit 5ecc475c authored Mar 24, 2019 by Florent Chehab
20 changed files
--- a/backend/base_app/settings/main.py
+++ b/backend/base_app/settings/main.py
@@ -100,7 +100,7 @@ REST_FRAMEWORK = {

 WEBPACK_LOADER = {
    "DEFAULT": {
-        "BUNDLE_DIR_NAME": "base_app/bundles/",
+        "BUNDLE_DIR_NAME": "base_app/frontend_dist/bundles/",
        "STATS_FILE": join(REPO_ROOT_DIR, "frontend/webpack-stats.json"),
    }
 }

--- a/backend/base_app/static/base_app
+++ b/backend/base_app/static/base_app
-../../../frontend/dist
\ No newline at end of file
--- a/backend/base_app/static/base_app/favicon/apple-touch-icon-114x114.png
+++ b/backend/base_app/static/base_app/favicon/apple-touch-icon-114x114.png
--- a/backend/base_app/static/base_app/favicon/apple-touch-icon-120x120.png
+++ b/backend/base_app/static/base_app/favicon/apple-touch-icon-120x120.png
--- a/backend/base_app/static/base_app/favicon/apple-touch-icon-144x144.png
+++ b/backend/base_app/static/base_app/favicon/apple-touch-icon-144x144.png
--- a/backend/base_app/static/base_app/favicon/apple-touch-icon-152x152.png
+++ b/backend/base_app/static/base_app/favicon/apple-touch-icon-152x152.png
--- a/backend/base_app/static/base_app/favicon/apple-touch-icon-57x57.png
+++ b/backend/base_app/static/base_app/favicon/apple-touch-icon-57x57.png
--- a/backend/base_app/static/base_app/favicon/apple-touch-icon-60x60.png
+++ b/backend/base_app/static/base_app/favicon/apple-touch-icon-60x60.png
--- a/backend/base_app/static/base_app/favicon/apple-touch-icon-72x72.png
+++ b/backend/base_app/static/base_app/favicon/apple-touch-icon-72x72.png
--- a/backend/base_app/static/base_app/favicon/apple-touch-icon-76x76.png
+++ b/backend/base_app/static/base_app/favicon/apple-touch-icon-76x76.png
--- a/backend/base_app/static/base_app/favicon/favicon-128.png
+++ b/backend/base_app/static/base_app/favicon/favicon-128.png
--- a/backend/base_app/static/base_app/favicon/favicon-16x16.png
+++ b/backend/base_app/static/base_app/favicon/favicon-16x16.png
--- a/backend/base_app/static/base_app/favicon/favicon-196x196.png
+++ b/backend/base_app/static/base_app/favicon/favicon-196x196.png
--- a/backend/base_app/static/base_app/favicon/favicon-32x32.png
+++ b/backend/base_app/static/base_app/favicon/favicon-32x32.png
--- a/backend/base_app/static/base_app/favicon/favicon-96x96.png
+++ b/backend/base_app/static/base_app/favicon/favicon-96x96.png
--- a/backend/base_app/static/base_app/favicon/favicon.ico
+++ b/backend/base_app/static/base_app/favicon/favicon.ico
--- a/backend/base_app/static/base_app/frontend_dist
+++ b/backend/base_app/static/base_app/frontend_dist
+../../../../frontend/dist
\ No newline at end of file
--- a/backend/base_app/templates/index.html
+++ b/backend/base_app/templates/index.html
 {% load render_bundle from webpack_loader %}
+{% load static %}
 <!DOCTYPE html>
 <html style="font-size:14">

  <head>
    <meta
-    charset="utf-8"
-    name="viewport"
-    content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
-  />
-    <title>Outgoing REX</title>
+      charset="utf-8"
+      name="viewport"
+      content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
+    />
+    <!-- Favicon hell -->
+    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{% static '/base_app/favicon/apple-touch-icon-57x57.png' %}" />
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static '/base_app/favicon/apple-touch-icon-114x114.png' %}" />
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static '/base_app/favicon/apple-touch-icon-72x72.png' %}" />
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{% static '/base_app/favicon/apple-touch-icon-144x144.png' %}" />
+    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="{% static '/base_app/favicon/apple-touch-icon-60x60.png' %}" />
+    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{% static '/base_app/favicon/apple-touch-icon-120x120.png' %}" />
+    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{% static '/base_app/favicon/apple-touch-icon-76x76.png' %}" />
+    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{% static '/base_app/favicon/apple-touch-icon-152x152.png' %}" />
+    <link rel="icon" type="image/png" href="{% static '/base_app/favicon/favicon-196x196.png' %}" sizes="196x196" />
+    <link rel="icon" type="image/png" href="{% static '/base_app/favicon/favicon-96x96.png' %}" sizes="96x96" />
+    <link rel="icon" type="image/png" href="{% static '/base_app/favicon/favicon-32x32.png' %}" sizes="32x32" />
+    <link rel="icon" type="image/png" href="{% static '/base_app/favicon/favicon-16x16.png' %}" sizes="16x16" />
+    <link rel="icon" type="image/png" href="{% static '/base_app/favicon/favicon-128.png' %}" sizes="128x128" />
+    <!-- End of favicon hell -->
+    <title>REX-DRI</title>
  </head>

  <body>
@@ -17,9 +33,9 @@
    </div>
  </body>

-  {% load static %}
-  <link rel="stylesheet" href="{% static '/base_app/leaflet-dist/leaflet.css' %}"/>
-  <link rel="stylesheet" href="{% static '/base_app/custom_leaflet.css' %}"/>
+
+  <link rel="stylesheet" href="{% static '/base_app/frontend_dist/leaflet-dist/leaflet.css' %}"/>
+  <link rel="stylesheet" href="{% static '/base_app/frontend_dist/custom_leaflet.css' %}"/>

  <script>
    var __AppUserId = {{ user.pk }};

--- a/documentation/Other/credits.md
+++ b/documentation/Other/credits.md
+Credits
+=================
+
+- Favicon: Icon made by [Smashicons](https://www.flaticon.com/authors/smashicons) from [flaticon.com](https://www.flaticon.com/). It is licensed under the [CC 3.0 BY](http://creativecommons.org/licenses/by/3.0/) license.
--- a/documentation/_sidebar.md
+++ b/documentation/_sidebar.md
@@ -37,3 +37,4 @@

  * [About this documentation](Other/this_doc.md)
  * [Contributions](Other/contributions.md)
+  * [Credits](Other/credits.md)