improved footer

assets/dist/main.css

@@ -655,6 +655,7 @@ template {
     font-style: italic;
 
 }
+@charset "UTF-8";
 html, body {
   font-family: 'amiri', sans-serif;
   font-size: 16px;
@@ -1027,12 +1028,20 @@ main#content.mode-text .opened-link .close-link-btn {
     font-size: 16px; }
 
 footer {
+  box-sizing: border-box;
   height: 3em;
   position: fixed;
   bottom: 0;
   background-color: white;
-  width: 100%; }
-  footer > * {
-    margin-left: 70px; }
+  width: 100%;
+  padding: 1em 0 0 70px; }
+  footer p {
+    display: inline-block;
+    margin: 0 2em 0 0; }
+    footer p:before {
+      content: '\22C5   '; }
+  footer a {
+    text-decoration: none;
+    color: inherit; }
 
 /*# sourceMappingURL=main.css.map*/

assets/main.scss

@@ -656,10 +656,22 @@ main#content.mode-connections{
 
 
 footer{
+  box-sizing: border-box;
   height: $footer_height;
   position: fixed;
   bottom: 0;
   background-color: white;
-  >*{margin-left: $margin_left;}
   width: 100%;
+  padding: 1em 0 0 $margin_left;
+
+  p{
+    display: inline-block;
+    margin:0 2em 0 0 ;
+    &:before{
+      content:'⋅ ';
+    }
+  }
+  a{
+    text-decoration: none; color: inherit;
+  }
 }

assets/modules/footer.js

@@ -1,5 +1,6 @@
 
 var m = require('mithril');
+var _i18n = require('./i18n');
 
 
 //     ____            __
@@ -10,7 +11,9 @@ var m = require('mithril');
 module.exports = {
   view(vn){
     return m('footer', [
-      m('p', m.trust('© 2017 <a href="./">Ethica Spinoza</a>'))
+      m('p', m.trust('<a href="http://ethica-spinoza.net" target="_blank">'+_i18n.t('Ethica, work without obstacle')+'</a>')),
+      m('p', m.trust('<a href="https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html" target="_blank">Ethica is under GNU/GPL V.2 licence</a>')),
+      m('p', m.trust('<a href="mailto:contact@ethica-spinoza.net">contact</a>'))
     ]);
   }
 }

assets/modules/i18n.js

@@ -218,6 +218,10 @@ module.exports = {
       'fr':'chapitre',
       'bra':'capítulo',
       'lat':'caput'
+    },
+    'Ethica, work without obstacle':{
+      'en':'Ethica, work without obstacle',
+      'fr':'Ethica, du travail sans obstacle'
     }
   }
 }