Display pretty links in case there is more than one URL in a post

2 files changed, 22 insertions, 6 deletions

diff --git a/src/frontend/style.css b/src/frontend/style.css
index 0b09f81..0c8d94c 100644
--- a/src/frontend/style.css
+++ b/src/frontend/style.css
@@ -124,12 +124,20 @@ article.h-entry, article.h-feed, article.h-card, article.h-event {
     gap: .5em;
 }
 article.h-entry > header.metadata ul {
-    padding-left: unset;
-    flex-wrap: wrap;
+    padding-inline-start: unset;
     margin: unset;
+}
+article.h-entry > header.metadata ul.categories {
+    flex-wrap: wrap;
     display: inline-flex;
     list-style-type: none;
-
+}
+article.h-entry > header.metadata ul.categories li {
+    display: inline;
+    margin-inline-start: unset;
+}
+article.h-entry > header.metadata ul li {
+    margin-inline-start: 2.5em;
 }
 article.h-entry .e-content pre {
     border: 1px solid gray;
@@ -149,9 +157,6 @@ article.h-entry img.u-photo + * {
 article.h-entry > header.metadata span + span::before {
     content: " | "
 }
-article > header.metadata ul li {
-    display: inline;
-}
 li.p-category::before {
     content: " #";
 }
diff --git a/src/frontend/templates/mod.rs b/src/frontend/templates/mod.rs
index bf30fa1..c21d30b 100644
--- a/src/frontend/templates/mod.rs
+++ b/src/frontend/templates/mod.rs
@@ -127,6 +127,17 @@ markup::define! {
                         }
                     }
                 }
+                @if post["properties"]["url"].as_array().unwrap().len() > 1 {
+                    hr;
+                    ul {
+                        "Pretty permalinks for this post:"
+                        @for url in post["properties"]["url"].as_array().unwrap().iter().filter(|i| **i != post["properties"]["uid"][0]).map(|i| i.as_str().unwrap()) {
+                            li {
+                                a."u-url"[href=url] { @url }
+                            }
+                        }
+                    }
+                }
                 @if post["properties"]["location"].is_array() || post["properties"]["checkin"].is_array() {
                     div {
                         @if post["properties"]["checkin"].is_array() {