# HG changeset patch
# User Goffi <goffi@goffi.org>
# Date 1516562724 -3600
# Node ID 609c66552ba00c7f90b9e6a92aac97c447828c2d
# Parent  2dd56fd2e9c9f9c8a0a9261d464ea56c5cd99262
blog/item: handle new tags_http_uri variable to make tags clickable

diff -r 2dd56fd2e9c9 -r 609c66552ba0 default/blog/item.html
--- a/default/blog/item.html	Sun Jan 21 10:09:05 2018 +0100
+++ b/default/blog/item.html	Sun Jan 21 20:25:24 2018 +0100
@@ -59,9 +59,15 @@
             </div>
             {% if item.tags %}
                 <div class="labels">
-                    {% for tag in item.tags %}
-                        <span>{{tag}}</span>
-                    {% endfor %}
+                    {% if tags_http_uri is defined %}
+                        {% for tag in item.tags %}
+                            <a href="{{tags_http_uri[tag]}}"><span>{{tag}}</span></a>
+                        {% endfor %}
+                    {% else %}
+                        {% for tag in item.tags %}
+                            <span>{{tag}}</span>
+                        {% endfor %}
+                    {% endif %}
                 </div>
             {% endif %}
             {% endblock metadata %}
diff -r 2dd56fd2e9c9 -r 609c66552ba0 default/static/blog.css
--- a/default/static/blog.css	Sun Jan 21 10:09:05 2018 +0100
+++ b/default/static/blog.css	Sun Jan 21 20:25:24 2018 +0100
@@ -41,12 +41,26 @@
     text-align: right;
 }
 
+.labels a {
+    text-decoration: none;
+    color: inherit;
+}
+
 .labels span {
-	font-variant: small-caps;
-	font-size: 0.8rem;
-	background-color: #ddd;
-	border-radius: 0.4em;
-	padding: 0 0.5em;
+    font-variant: small-caps;
+    font-size: 0.8rem;
+    background-color: #ddd;
+    border-radius: 0.4em;
+    padding: 0 0.5em;
+    transition: all 0.5s;
+}
+
+.labels a>span {
+    cursor: pointer;
+}
+
+.labels a>span:hover {
+    box-shadow: 0px 0px 6px 1px #000;
 }
 
 
@@ -70,7 +84,7 @@
 /** navigation links **/
 
 .bottom_links ul {
-	list-style: none;
+    list-style: none;
     display: flex;
     padding: 0 2em;
     margin: 0;
@@ -95,10 +109,10 @@
 }
 
 .bottom_links a {
-	display: inline-block;
-	text-decoration: None;
-	color: inherit;
-	font-variant: small-caps;
+    display: inline-block;
+    text-decoration: None;
+    color: inherit;
+    font-variant: small-caps;
 }
 
 .bottom_links a:hover {