Added page type for art pieces

1 files changed, 31 insertions, 3 deletions

diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index f65a1cf..4058748 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,5 +1,5 @@
 <main
-    class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125"
+    class="c-main l-container l-container--pad-x l-container--pad-y l-container--narrow-125"
     itemprop="hasPart"
     itemscope
     itemtype="https://schema.org/$schema_type$"
@@ -7,9 +7,9 @@
 >
     <article class="h-entry">
         $if(date)$
-            <div class="o-badge s-body__meta u-mb-125 dt-updated">
+            <time datetime="$date.yyyy_mm_dd$" class="o-badge s-body__meta u-mb-125 dt-updated" itemprop="dateCreated">
                 $date.long$
-            </div>
+            </time>
         $endif$
 
         <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline">
@@ -35,4 +35,32 @@ $body$
             </footer>
         $endif$
     </article>
+
+    <div class="o-backdrop js-lightbox js-lightbox--closeable u-d-none t-dark">
+        <div class="o-lightbox">
+            <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round">
+                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                    <use href="/icons.svg#x"></use>
+                </svg>
+            </button>
+        
+            <img class="o-lightbox__img" />
+        
+            <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
+                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                    <use href="/icons.svg#chevron-left"></use>
+                </svg>
+            </button>
+        
+            <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
+                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                    <use href="/icons.svg#chevron-right"></use>
+                </svg>
+            </button>
+        
+            <footer class="o-lightbox__footer"></footer>
+        </div>        
+    </div>
 </main>
+
+<script src="/lightbox.js"></script>