plepe · plepe · Dec 20, 2018 · Dec 8, 2018 · Dec 8, 2018 · Dec 8, 2018
diff --git a/index.php b/index.php
@@ -73,8 +73,7 @@
     </div>
     <div id='footer'>
       <ul id='menu'>
-        <li><a target='_blank' href='https://github.com/plepe/openstreetbrowser'>Code</a></li>
-      </ul>
+        <li><a target='_blank' href='https://github.com/plepe/openstreetbrowser'>Code</a></li></ul>
     </div>
   </div>
   <div id='loadingIndicator'>

diff --git a/lang/ast.json b/lang/ast.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Opciones",
+    "main:permalink": "",
     "more": "más",
     "more_categories": "Más categoríes",
     "more_categories_gitea": "",

diff --git a/lang/ca.json b/lang/ca.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Opcions",
+    "main:permalink": "",
     "more": "més",
     "more_categories": "Més categories",
     "more_categories_gitea": "",

diff --git a/lang/cs.json b/lang/cs.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Nastavení",
+    "main:permalink": "",
     "more": "více",
     "more_categories": "Více kategorií",
     "more_categories_gitea": "",

diff --git a/lang/da.json b/lang/da.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Indstillinger",
+    "main:permalink": "",
     "more": "mere",
     "more_categories": "Flere kategorier",
     "more_categories_gitea": "",

diff --git a/lang/de.json b/lang/de.json
@@ -21,6 +21,7 @@
     "images": "Bilder",
     "loading": "Laden ...",
     "main:options": "Optionen",
+    "main:permalink": "",
     "more": "mehr",
     "more_categories": "Mehr Kategorien",
     "more_categories_gitea": "Erstelle und verbessere Kategorien hier!",

diff --git a/lang/el.json b/lang/el.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Επιλογές",
+    "main:permalink": "",
     "more": "περισσότερα",
     "more_categories": "Περισσότερες κατηγορίες",
     "more_categories_gitea": "",

diff --git a/lang/en.json b/lang/en.json
@@ -21,6 +21,7 @@
     "images": "Images",
     "loading": "Loading ...",
     "main:options": "Options",
+    "main:permalink": "Permalink",
     "more": "more",
     "more_categories": "More categories",
     "more_categories_gitea": "Create &amp; improve categories yourself!",

diff --git a/lang/es.json b/lang/es.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Opciones",
+    "main:permalink": "",
     "more": "más",
     "more_categories": "Más categorías",
     "more_categories_gitea": "",

diff --git a/lang/et.json b/lang/et.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Valikud",
+    "main:permalink": "",
     "more": "lisaks",
     "more_categories": "Rohkem kategooriaid",
     "more_categories_gitea": "",

diff --git a/lang/fr.json b/lang/fr.json
@@ -18,6 +18,7 @@
     "images": "Images",
     "loading": "Chargement...",
     "main:options": "Options",
+    "main:permalink": "",
     "more": "plus",
     "more_categories": "Plus de catégories",
     "more_categories_gitea": "Créez et améliorez vous-mêmes les catégories !",

diff --git a/lang/hu.json b/lang/hu.json
@@ -18,6 +18,7 @@
     "images": "Képek",
     "loading": "Betöltés…",
     "main:options": "Beállítások",
+    "main:permalink": "",
     "more": "Több",
     "more_categories": "További kategóriák",
     "more_categories_gitea": "Hozzon létre új kategóriákat, vagy javítson a meglévőkön!",

diff --git a/lang/it.json b/lang/it.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Opzioni",
+    "main:permalink": "",
     "more": "altri",
     "more_categories": "Altre categorie",
     "more_categories_gitea": "",

diff --git a/lang/ja.json b/lang/ja.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "オプション設定",
+    "main:permalink": "",
     "more": "もっと",
     "more_categories": "カテゴリを一覧から追加",
     "more_categories_gitea": "",

diff --git a/lang/nl.json b/lang/nl.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Opties",
+    "main:permalink": "",
     "more": "meer",
     "more_categories": "Meer categorieën",
     "more_categories_gitea": "",

diff --git a/lang/pl.json b/lang/pl.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Opcje",
+    "main:permalink": "",
     "more": "więcej",
     "more_categories": "Więcej kategorii",
     "more_categories_gitea": "",

diff --git a/lang/pt-br.json b/lang/pt-br.json
@@ -21,6 +21,7 @@
     "images": "Imagens",
     "loading": "Carregando...",
     "main:options": "Opções",
+    "main:permalink": "",
     "more": "mais",
     "more_categories": "Mais categorias",
     "more_categories_gitea": "Criar &amp; melhorar categorias você mesmo!",

diff --git a/lang/pt.json b/lang/pt.json
@@ -21,6 +21,7 @@
     "images": "Imagens",
     "loading": "A carregar...",
     "main:options": "Opções",
+    "main:permalink": "",
     "more": "mais",
     "more_categories": "Mais categorias",
     "more_categories_gitea": "Criar &amp; melhorar categorias você mesmo!",

diff --git a/lang/ro.json b/lang/ro.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Optiuni",
+    "main:permalink": "",
     "more": "Mai mult",
     "more_categories": "Mai multe categorii",
     "more_categories_gitea": "",

diff --git a/lang/ru.json b/lang/ru.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Настройки",
+    "main:permalink": "",
     "more": "Ещё",
     "more_categories": "Больше категорий",
     "more_categories_gitea": "",

diff --git a/lang/sr.json b/lang/sr.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Опције",
+    "main:permalink": "",
     "more": "још",
     "more_categories": "Више категорија",
     "more_categories_gitea": "",

diff --git a/lang/template.json b/lang/template.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "",
+    "main:permalink": "",
     "more": "",
     "more_categories": "",
     "more_categories_gitea": "",

diff --git a/lang/uk.json b/lang/uk.json
@@ -18,6 +18,7 @@
     "images": "",
     "loading": "",
     "main:options": "Налаштування",
+    "main:permalink": "",
     "more": "Ще",
     "more_categories": "Більше категорій",
     "more_categories_gitea": "",

diff --git a/src/index.js b/src/index.js
@@ -33,6 +33,7 @@ require('./categories')
 require('./wikipedia')
 require('./image')
 require('./addCategories')
+require('./permalink')
 let exportAll = require('./exportAll')
 
 window.onload = function () {

diff --git a/src/permalink.js b/src/permalink.js
@@ -0,0 +1,16 @@
+let permalink
+
+register_hook('state-update', function (state, hash) {
+  permalink.href = hash
+})
+
+register_hook('init', function () {
+  let li = document.createElement('li')
+
+  permalink = document.createElement('a')
+  li.appendChild(permalink)
+  permalink.innerHTML = 'Permalink'
+
+  let menu = document.getElementById('menu')
+  menu.appendChild(li)
+})
diff --git a/src/state.js b/src/state.js
@@ -144,6 +144,8 @@ function update (state, push) {
 
   var newHash = '#' + stringify(state)
 
+  call_hooks('state-update', state, newHash)
+
   if (push) {
     history.pushState(null, null, newHash)
     call_hooks('statePush', state, newHash)

diff --git a/style.css b/style.css
@@ -139,13 +139,18 @@ a:active {
 }
 #menu li {
   display: inline-block;
+  margin: 1px 0;
 }
 #menu li::after {
-  content: ' |';
+  content: '|';
+  margin: 1px 0.25em;
 }
 #menu li:last-of-type::after {
   content: '';
 }
+#menu li:first-of-type {
+  margin-left: 0.25em;
+}
 
 @media all and (max-height: 400px) {
 #sidebar {