From 03c2acb3d2a7d41a6a44eb0b2ee266bf31dccda7 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 16 Jun 2022 13:48:07 +0200
Subject: More metadata

---
 content/profiles/bandcamp.md         |   1 +
 content/profiles/email.md            |   1 +
 content/profiles/fediverse.md        |   1 +
 scripts/metadata_filter.lua          |   2 +
 templates/partials/gallery_card.html | 105 +++++++++++++++++++----------------
 templates/partials/grid_card.html    |  85 +++++++++++++++-------------
 templates/partials/list_card.html    |  93 +++++++++++++++++--------------
 7 files changed, 157 insertions(+), 131 deletions(-)

diff --git a/content/profiles/bandcamp.md b/content/profiles/bandcamp.md
index d3a5e2b..d55a3b8 100644
--- a/content/profiles/bandcamp.md
+++ b/content/profiles/bandcamp.md
@@ -3,4 +3,5 @@ title:    Bandcamp
 subtitle: volpeon
 icon:     parallelogram
 url:      https://bandcamp.com/volpeon
+rel:      me
 ---
diff --git a/content/profiles/email.md b/content/profiles/email.md
index 657d620..99c3de1 100644
--- a/content/profiles/email.md
+++ b/content/profiles/email.md
@@ -3,4 +3,5 @@ title:    E-Mail
 subtitle: me@volpeon.ink
 icon:     envelope
 url:      mailto:me@volpeon.ink
+rel:      me
 ---
diff --git a/content/profiles/fediverse.md b/content/profiles/fediverse.md
index d43b1fa..3bde3d4 100644
--- a/content/profiles/fediverse.md
+++ b/content/profiles/fediverse.md
@@ -3,4 +3,5 @@ title:    Fediverse
 subtitle: "@volpeon@mk.vulpes.one"
 icon:     graph
 url:      https://mk.vulpes.one/@volpeon
+rel:      me
 ---
diff --git a/scripts/metadata_filter.lua b/scripts/metadata_filter.lua
index 3fc6c66..2a6d076 100644
--- a/scripts/metadata_filter.lua
+++ b/scripts/metadata_filter.lua
@@ -192,6 +192,7 @@ function d1_page_to_list_item(meta, p)
         schema_type = p.schema_type,
         position = p.position,
         url = p.url,
+        rel = p.rel,
         slug = p.slug,
         thumbnail = p.thumbnail,
         icon = p.icon or meta.icon,
@@ -210,6 +211,7 @@ function d2_page_to_list_item(meta, cat, p, set_cat_title)
         schema_type = p.schema_type,
         position = p.position,
         url = p.url,
+        rel = p.rel,
         slug = p.slug,
         thumbnail = p.thumbnail,
         icon = p.icon or cat.icon,
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index edc54b4..ea82412 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,57 +1,64 @@
 $if(it.url)$
 $if(it.thumbnail)$
-    <a href="$it.url.rel$" class="l-card-list__card c-card h-entry" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/$it.schema_type$">
-        <link class="u-url" itemprop="url" href="$it.url.full$" />
-        <link itemprop="thumbnailUrl" href="$it.thumbnail.full$" />
+<a
+    href="$it.url.rel$"
+    class="l-card-list__card c-card h-entry"
+    itemprop="dataFeedElement"
+    itemscope
+    itemtype="https://schema.org/$it.schema_type$"
+    $if(it.rel)$rel="$it.rel$"$endif$
+>
+    <link class="u-url" itemprop="url" href="$it.url.full$" />
+    <link itemprop="thumbnailUrl" href="$it.thumbnail.full$" />
 
-        <div class="c-card__row l-media l-media--flush">
-            <div class="c-card__thumbnail">
-                <img
-                    class="c-card__thumbnail-img"
-                    src="$it.thumbnail.rel$"
-                    alt="Preview thumbnail of &quot;$it.title$&quot;"
-                    loading="lazy"
-                />
-            </div>
+    <div class="c-card__row l-media l-media--flush">
+        <div class="c-card__thumbnail">
+            <img
+                class="c-card__thumbnail-img"
+                src="$it.thumbnail.rel$"
+                alt="Preview thumbnail of &quot;$it.title$&quot;"
+                loading="lazy"
+            />
         </div>
-        <div class="c-card__row l-media c-card__row--hidden">
-            $if(it.indicator)$
-                <div class="c-card__indicator l-media__block"></div>
-            $endif$
-            $if(it.icon)$
-                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
-                    <use href="/icons.svg#$it.icon$"></use>
-                </svg>
-            $endif$
-            <div class="l-media__block l-media__block--main">
-                $if(it.subtitle)$
-                    <strong class="u-d-block u-elp" itemprop="name headline">$it.title$</strong>
-                    <small class="u-d-block u-elp p-name">$it.subtitle$</small>
-                $elseif(it.category)$
-                    <small class="u-d-block u-elp">$it.category$</small>
-                    <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
-                $elseif(it.date)$
-                    <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
-                        <small class="u-d-none@sm-hi">
-                            $it.date.short$
-                        </small>
-                        <small class="u-d-none@sm-lo">
-                            $it.date.long$
-                        </small>
-                    </time>
-                    <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
-                $else$
-                    <span class="p-name" itemprop="name headline">
-                        $it.title$
-                    </span>
-                $endif$
-            </div>
-            $if(it.post_icon)$
-                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
-                    <use href="/icons.svg#$it.post_icon$"></use>
-                </svg>
+    </div>
+    <div class="c-card__row l-media c-card__row--hidden">
+        $if(it.indicator)$
+            <div class="c-card__indicator l-media__block"></div>
+        $endif$
+        $if(it.icon)$
+            <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/icons.svg#$it.icon$"></use>
+            </svg>
+        $endif$
+        <div class="l-media__block l-media__block--main">
+            $if(it.subtitle)$
+                <strong class="u-d-block u-elp" itemprop="name headline">$it.title$</strong>
+                <small class="u-d-block u-elp p-name">$it.subtitle$</small>
+            $elseif(it.category)$
+                <small class="u-d-block u-elp">$it.category$</small>
+                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+            $elseif(it.date)$
+                <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
+                    <small class="u-d-none@sm-hi">
+                        $it.date.short$
+                    </small>
+                    <small class="u-d-none@sm-lo">
+                        $it.date.long$
+                    </small>
+                </time>
+                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+            $else$
+                <span class="p-name" itemprop="name headline">
+                    $it.title$
+                </span>
             $endif$
         </div>
-    </a>
+        $if(it.post_icon)$
+            <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/icons.svg#$it.post_icon$"></use>
+            </svg>
+        $endif$
+    </div>
+</a>
 $endif$
 $endif$
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index afbea1f..a1afead 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -1,44 +1,51 @@
 $if(it.url)$
-    <a href="$it.url.rel$" class="l-card-list__card c-card h-entry" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/$it.schema_type$">
-        <link class="u-url" itemprop="url" href="$it.url.full$" />
+<a
+    href="$it.url.rel$"
+    class="l-card-list__card c-card h-entry"
+    itemprop="dataFeedElement"
+    itemscope
+    itemtype="https://schema.org/$it.schema_type$"
+    $if(it.rel)$rel="$it.rel$"$endif$
+>
+    <link class="u-url" itemprop="url" href="$it.url.full$" />
 
-        <div class="c-card__row l-media">
-            $if(it.indicator)$
-                <div class="c-card__indicator l-media__block"></div>
-            $endif$
-            $if(it.icon)$
-                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
-                    <use href="/icons.svg#$it.icon$"></use>
-                </svg>
-            $endif$
-            <div class="l-media__block l-media__block--main">
-                $if(it.subtitle)$
-                    <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
-                    <small class="u-d-block u-elp">$it.subtitle$</small>
-                $elseif(it.category)$
-                    <small class="u-d-block u-elp">$it.category$</small>
-                    <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
-                $elseif(it.date)$
-                    <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
-                        <small class="u-d-none@sm-hi">
-                            $it.date.short$
-                        </small>
-                        <small class="u-d-none@sm-lo">
-                            $it.date.long$
-                        </small>
-                    </time>
-                    <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
-                $else$
-                    <span class="p-name" itemprop="name headline">
-                        $it.title$
-                    </span>
-                $endif$
-            </div>
-            $if(it.post_icon)$
-                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
-                    <use href="/icons.svg#$it.post_icon$"></use>
-                </svg>
+    <div class="c-card__row l-media">
+        $if(it.indicator)$
+            <div class="c-card__indicator l-media__block"></div>
+        $endif$
+        $if(it.icon)$
+            <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/icons.svg#$it.icon$"></use>
+            </svg>
+        $endif$
+        <div class="l-media__block l-media__block--main">
+            $if(it.subtitle)$
+                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+                <small class="u-d-block u-elp">$it.subtitle$</small>
+            $elseif(it.category)$
+                <small class="u-d-block u-elp">$it.category$</small>
+                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+            $elseif(it.date)$
+                <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
+                    <small class="u-d-none@sm-hi">
+                        $it.date.short$
+                    </small>
+                    <small class="u-d-none@sm-lo">
+                        $it.date.long$
+                    </small>
+                </time>
+                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+            $else$
+                <span class="p-name" itemprop="name headline">
+                    $it.title$
+                </span>
             $endif$
         </div>
-    </a>
+        $if(it.post_icon)$
+            <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/icons.svg#$it.post_icon$"></use>
+            </svg>
+        $endif$
+    </div>
+</a>
 $endif$
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index 3f2b956..e7d1e05 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -1,46 +1,53 @@
 $if(it.url)$
-    <a href="$it.url.rel$" class="l-card-list__card c-card h-entry" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/$it.schema_type$">
-        <link class="u-url" itemprop="url" href="$it.url.full$" />
+<a
+    href="$it.url.rel$"
+    class="l-card-list__card c-card h-entry"
+    itemprop="dataFeedElement"
+    itemscope
+    itemtype="https://schema.org/$it.schema_type$"
+    $if(it.rel)$rel="$it.rel$"$endif$
+>
+    <link class="u-url" itemprop="url" href="$it.url.full$" />
 
-        <div class="c-card__row l-media">
-            $if(it.indicator)$
-                <div class="c-card__indicator l-media__block"></div>
-            $endif$
-            $if(it.icon)$
-                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
-                    <use href="/icons.svg#$it.icon$"></use>
-                </svg>
-            $endif$
-            <div class="l-media__block l-media__block--main p-name" itemprop="name headline">
-                $it.title$
-            </div> 
-            $if(it.subtitle)$
-                <div class="l-media__block u-fs0">
-                    <small>
-                        $it.subtitle$
-                    </small>
-                </div>
-            $elseif(it.category)$
-                <div class="l-media__block u-fs0">
-                    <small>
-                        $it.category$
-                    </small>
-                </div>
-            $elseif(it.date)$
-                <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-fs0" itemprop="dateCreated">
-                    <small class="u-d-none@sm-hi">
-                        $it.date.short$
-                    </small>
-                    <small class="u-d-none@sm-lo">
-                        $it.date.long$
-                    </small>
-                </time>
-            $endif$
-            $if(it.post_icon)$
-                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
-                    <use href="/icons.svg#$it.post_icon$"></use>
-                </svg>
-            $endif$
-        </div>
-    </a>
+    <div class="c-card__row l-media">
+        $if(it.indicator)$
+            <div class="c-card__indicator l-media__block"></div>
+        $endif$
+        $if(it.icon)$
+            <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/icons.svg#$it.icon$"></use>
+            </svg>
+        $endif$
+        <div class="l-media__block l-media__block--main p-name" itemprop="name headline">
+            $it.title$
+        </div> 
+        $if(it.subtitle)$
+            <div class="l-media__block u-fs0">
+                <small>
+                    $it.subtitle$
+                </small>
+            </div>
+        $elseif(it.category)$
+            <div class="l-media__block u-fs0">
+                <small>
+                    $it.category$
+                </small>
+            </div>
+        $elseif(it.date)$
+            <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-fs0" itemprop="dateCreated">
+                <small class="u-d-none@sm-hi">
+                    $it.date.short$
+                </small>
+                <small class="u-d-none@sm-lo">
+                    $it.date.long$
+                </small>
+            </time>
+        $endif$
+        $if(it.post_icon)$
+            <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/icons.svg#$it.post_icon$"></use>
+            </svg>
+        $endif$
+    </div>
+</a>
 $endif$
-- 
cgit v1.2.3-70-g09d2