From aa4c54317b51dc14ba65d2e091b701ae6640ee80 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 16 Jun 2022 13:42:26 +0200
Subject: WIP: Adding metadata

---
 templates/layouts/categorized_list.html | 98 +++++++++++++++++----------------
 templates/layouts/list.html             | 40 ++++++++------
 templates/layouts/page.html             | 22 +++++---
 3 files changed, 87 insertions(+), 73 deletions(-)

(limited to 'templates/layouts')

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 7667615..101f759 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,55 +1,59 @@
-<div class="l-container l-container--pad-x l-container--pad-y l-container--narrow">        
-    <header class="s-colored-links">
-        <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1>
+<main itemprop="mainPart" itemscope itemtype="https://schema.org/DataFeed" itemid="$url.full$">
+    <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow h-feed">        
+        <header class="s-colored-links">
+            <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline">
+                <span class="o-heading__primary">$title$</span>
+            </h1>
 
 $body$
-    </header>
+        </header>
 
-    $if(notoc)$$else$
-        <nav class="c-hnav s-invisible-links" aria-label="Sections">
-            <h2 class="u-mt-0">Jump to</h2>
-            $for(list)$
-                <a class="c-hnav__item" href="#$it.slug$">$it.title$</a>
-            $endfor$
-        </nav>
-    $endif$
+        $if(notoc)$$else$
+            <nav class="c-hnav s-invisible-links" aria-label="Sections">
+                <h2 class="u-mt-0">Jump to</h2>
+                $for(list)$
+                    <a class="c-hnav__item" href="#$it.slug$">$it.title$</a>
+                $endfor$
+            </nav>
+        $endif$
 
-    <div class="l-card-list">
-        $for(list)$
-            <section>
-                <header class="l-card-list__header">
-                    <h2 class="s-invisible-links u-mt-0" id="$it.slug$">
-                        $if(it.url)$
-                            <a href="$it.url.rel$">$it.title$</a>
+        <div class="l-card-list">
+            $for(list)$
+                <section class="h-entry h-feed" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/DataFeed">
+                    <header class="l-card-list__header">
+                        <h2 class="s-invisible-links u-mt-0 p-name" id="$it.slug$" itemprop="name headline">
+                            $if(it.url)$
+                                <a href="$it.url.rel$">$it.title$</a>
+                            $else$
+                                $it.title$
+                            $endif$
+                        </h2>
+                        $if(it.description)$
+                            <div class="s-small s-colored-links">$it.description$</div>
+                        $endif$ 
+                    </header>
+                    <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
+                        $if(it.layout.is_grid-2)$
+                            $it.items:partials/grid_card()$
+                        $elseif(it.layout.is_grid-3)$
+                            $it.items:partials/grid_card()$
+                        $elseif(it.layout.is_gallery-2)$
+                            $it.items:partials/gallery_card()$
+                        $elseif(it.layout.is_gallery-3)$
+                            $it.items:partials/gallery_card()$
                         $else$
-                            $it.title$
+                            $it.items:partials/list_card()$
                         $endif$
-                    </h2>
-                    $if(it.description)$
-                        <div class="s-small s-colored-links">$it.description$</div>
-                    $endif$ 
-                </header>
-                <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
-                    $if(it.layout.is_grid-2)$
-                        $it.items:partials/grid_card()$
-                    $elseif(it.layout.is_grid-3)$
-                        $it.items:partials/grid_card()$
-                    $elseif(it.layout.is_gallery-2)$
-                        $it.items:partials/gallery_card()$
-                    $elseif(it.layout.is_gallery-3)$
-                        $it.items:partials/gallery_card()$
-                    $else$
-                        $it.items:partials/list_card()$
+                    </div>
+                    $if(it.omitted)$
+                        <footer class="l-card-list__footer">
+                            <a class="l-media__block o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'">
+                                $it.omitted$ more items <span class="u-ml-10">→</span>
+                            </a>
+                        </footer>
                     $endif$
-                </div>
-                $if(it.omitted)$
-                    <footer class="l-card-list__footer">
-                        <a class="l-media__block o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'">
-                            $it.omitted$ more items <span class="u-ml-10">→</span>
-                        </a>
-                    </footer>
-                $endif$
-            </section>
-        $endfor$
+                </section>
+            $endfor$
+        </div>
     </div>
-</div>
+</main>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index ebbc2d4..105c7f5 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -1,23 +1,27 @@
-<div class="l-container l-container--pad-x l-container--pad-y l-container--narrow">      
-    <header class="s-colored-links">
-        <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1>
+<main itemprop="mainPart" itemscope itemtype="https://schema.org/DataFeed" itemid="$url.full$">
+    <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow">      
+        <header class="s-colored-links">
+            <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline">
+                <span class="o-heading__primary">$title$</span>
+            </h1>
 
 $body$
-    </header>
+        </header>
 
-    <div class="l-card-list">
-        <div class="l-card-list__cards l-card-list__cards--$list_layout.id$">
-            $if(list_layout.is_grid-2)$
-                $list:partials/grid_card()$
-            $elseif(list_layout.is_grid-3)$
-                $list:partials/grid_card()$
-            $elseif(list_layout.is_gallery-2)$
-                $list:partials/gallery_card()$
-            $elseif(list_layout.is_gallery-3)$
-                $list:partials/gallery_card()$
-            $else$
-                $list:partials/list_card()$
-            $endif$
+        <div class="l-card-list">
+            <div class="l-card-list__cards l-card-list__cards--$list_layout.id$">
+                $if(list_layout.is_grid-2)$
+                    $list:partials/grid_card()$
+                $elseif(list_layout.is_grid-3)$
+                    $list:partials/grid_card()$
+                $elseif(list_layout.is_gallery-2)$
+                    $list:partials/gallery_card()$
+                $elseif(list_layout.is_gallery-3)$
+                    $list:partials/gallery_card()$
+                $else$
+                    $list:partials/list_card()$
+                $endif$
+            </div>
         </div>
     </div>
-</div>
+</main>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 75ea3be..f64e50b 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,11 +1,17 @@
-<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables $if(intro)$s-intro$endif$">
-    $if(date)$
-        <div class="o-badge s-body__meta u-mb-125">
-            $date.long$
-        </div>
-    $endif$
+<main itemprop="hasPart" itemscope itemtype="https://schema.org/$it.schema_type$" itemid="$url.full$">
+    <article class="l-container l-container--pad-x l-container--pad-y l-container--narrow h-entry">
+        $if(date)$
+            <div class="o-badge s-body__meta u-mb-125 dt-updated">
+                $date.long$
+            </div>
+        $endif$
 
-    <h1 class="u-mt-0"><span class="s-headings__primary">$title$</span></h1>
+        <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline">
+            <span class="s-headings__primary">$title$</span>
+        </h1>
 
+        <div class="s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables e-content" itemprop="articleBody">
 $body$
-</article>
+        </div>
+    </article>
+</main>
-- 
cgit v1.2.3-54-g00ecf