Update

author: Volpeon <git@volpeon.ink> 2022-06-18 07:21:26 +0200
committer: Volpeon <git@volpeon.ink> 2022-06-18 07:21:26 +0200
commit: 52e2f1b9edcf7507dbef073e4978d5deef04b672 (patch)
tree: 47daade08333d2594b020d00133a05a1ba702a83 /templates/layouts/exhibit.html
parent: Update (diff)
download: volpeon.ink-52e2f1b9edcf7507dbef073e4978d5deef04b672.tar.gz
volpeon.ink-52e2f1b9edcf7507dbef073e4978d5deef04b672.tar.bz2
volpeon.ink-52e2f1b9edcf7507dbef073e4978d5deef04b672.zip
1 files changed, 44 insertions, 45 deletions
diff --git a/templates/layouts/exhibit.html b/templates/layouts/exhibit.html
index 091859a..22f4bcf 100644
--- a/templates/layouts/exhibit.html
+++ b/templates/layouts/exhibit.html
@@ -1,66 +1,65 @@
 <main
+    class="h-entry"
    itemprop="hasPart"
    itemscope
    itemtype="https://schema.org/$schema_type$"
    itemid="$url.full$"
 >
-    <article class="h-entry">
+    <section class="c-exhibit js-lightbox">
-        <section class="c-exhibit js-lightbox">
+        <div class="c-exhibit__content o-lightbox">
-            <div class="c-exhibit__content o-lightbox">
+            <img class="o-lightbox__img" />
-                <img class="o-lightbox__img" />
+        
-            
+            <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
-                <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">
-                    <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                    <use href="/icons.svg#chevron-left"></use>
-                        <use href="/icons.svg#chevron-left"></use>
+                </svg>
-                    </svg>
+            </button>
-                </button>
+        
-            
+            <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
-                <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">
-                    <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                    <use href="/icons.svg#chevron-right"></use>
-                        <use href="/icons.svg#chevron-right"></use>
+                </svg>
-                    </svg>
+            </button>
-                </button>
+        
-            
+            <footer class="o-lightbox__footer"></footer>
-                <footer class="o-lightbox__footer"></footer>
+        </div>            
-            </div>            
-            <footer class="c-exhibit__footer">
+        <footer class="c-exhibit__footer">
-                <div class="l-container l-container--pad-x l-container--narrow-125">
+            <div class="l-container l-container--pad-x l-container--narrow-125">
-                    <div class="l-media l-media--200 u-pl-0 u-pr-0">
+                <div class="l-media l-media--200 u-pl-0 u-pr-0">
-                        <div class="l-media__block l-media__block--main">
+                    <div class="l-media__block l-media__block--main">
-                            $if(date)$
-                                <small class="u-d-block u-d-none@sm-hi">
-                                    <time datetime="$date.yyyy_mm_dd$" class="dt-updated" itemprop="dateCreated">
-                                        $date.short$
-                                    </time>
-                                </small>
-                            $endif$
-                            <strong class="u-d-block u-elp" itemprop="name headline">$title$</strong>
-                        </div>
                        $if(date)$
-                            <small class="l-media__block u-d-none@sm-lo">
+                            <small class="u-d-block u-d-none@sm-hi">
-                                <time datetime="$date.yyyy_mm_dd$" itemprop="dateCreated">
+                                <time datetime="$date.yyyy_mm_dd$" class="dt-updated" itemprop="dateCreated">
                                    $date.short$
                                </time>
                            </small>
                        $endif$
+                        <strong class="u-d-block u-elp" itemprop="name headline">$title$</strong>
                    </div>
+                    $if(date)$
+                        <small class="l-media__block u-d-none@sm-lo">
+                            <time datetime="$date.yyyy_mm_dd$" itemprop="dateCreated">
+                                $date.short$
+                            </time>
+                        </small>
+                    $endif$
                </div>
-            </footer>
+            </div>
-        </section>
+        </footer>
+    </section>
-        <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 u-pt-400">
+    <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 u-pt-400">
-            <div class="s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables s-alerts e-content" itemprop="articleBody">
+        <div class="s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables s-alerts e-content" itemprop="articleBody">
 $body$
-                $for(images)$
+            $for(images)$
-                    <figure class="c-figure js-lightbox__image u-d-none@js">
+                <figure class="c-figure js-lightbox__image u-d-none@js">
-                        <img src="$it$" />
+                    <img src="$it$" />
-                    </figure>
+                </figure>
-                $endfor$
+            $endfor$
-            </div>
        </div>
-    </article>
+    </div>
 </main>
 <script src="/lightbox.js"></script>
author	Volpeon <git@volpeon.ink>	2022-06-18 07:21:26 +0200
committer	Volpeon <git@volpeon.ink>	2022-06-18 07:21:26 +0200
commit	52e2f1b9edcf7507dbef073e4978d5deef04b672 (patch)
tree	47daade08333d2594b020d00133a05a1ba702a83 /templates/layouts/exhibit.html
parent	Update (diff)
download	volpeon.ink-52e2f1b9edcf7507dbef073e4978d5deef04b672.tar.gz volpeon.ink-52e2f1b9edcf7507dbef073e4978d5deef04b672.tar.bz2 volpeon.ink-52e2f1b9edcf7507dbef073e4978d5deef04b672.zip

diff --git a/templates/layouts/exhibit.html b/templates/layouts/exhibit.html index 091859a..22f4bcf 100644 --- a/templates/layouts/exhibit.html +++ b/templates/layouts/exhibit.html
@@ -1,66 +1,65 @@
1	<main	1	<main
		2	class="h-entry"
2	itemprop="hasPart"	3	itemprop="hasPart"
3	itemscope	4	itemscope
4	itemtype="https://schema.org/$schema_type$"	5	itemtype="https://schema.org/$schema_type$"
5	itemid="$url.full$"	6	itemid="$url.full$"
6	>	7	>
7	<article class="h-entry">	8	<section class="c-exhibit js-lightbox">
8	<section class="c-exhibit js-lightbox">	9	<div class="c-exhibit__content o-lightbox">
9	<div class="c-exhibit__content o-lightbox">	10	<img class="o-lightbox__img" />
10	<img class="o-lightbox__img" />	11
11		12	<button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
12	<button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">	13	<svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
13	<svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">	14	<use href="/icons.svg#chevron-left"></use>
14	<use href="/icons.svg#chevron-left"></use>	15	</svg>
15	</svg>	16	</button>
16	</button>	17
17		18	<button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
18	<button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">	19	<svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
19	<svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">	20	<use href="/icons.svg#chevron-right"></use>
20	<use href="/icons.svg#chevron-right"></use>	21	</svg>
21	</svg>	22	</button>
22	</button>	23
23		24	<footer class="o-lightbox__footer"></footer>
24	<footer class="o-lightbox__footer"></footer>	25	</div>
25	</div>
26		26
27	<footer class="c-exhibit__footer">	27	<footer class="c-exhibit__footer">
28	<div class="l-container l-container--pad-x l-container--narrow-125">	28	<div class="l-container l-container--pad-x l-container--narrow-125">
29	<div class="l-media l-media--200 u-pl-0 u-pr-0">	29	<div class="l-media l-media--200 u-pl-0 u-pr-0">
30	<div class="l-media__block l-media__block--main">	30	<div class="l-media__block l-media__block--main">
31	$if(date)$
32	<small class="u-d-block u-d-none@sm-hi">
33	<time datetime="$date.yyyy_mm_dd$" class="dt-updated" itemprop="dateCreated">
34	$date.short$
35	</time>
36	</small>
37	$endif$
38	<strong class="u-d-block u-elp" itemprop="name headline">$title$</strong>
39	</div>
40	$if(date)$	31	$if(date)$
41	<small class="l-media__block u-d-none@sm-lo">	32	<small class="u-d-block u-d-none@sm-hi">
42	<time datetime="$date.yyyy_mm_dd$" itemprop="dateCreated">	33	<time datetime="$date.yyyy_mm_dd$" class="dt-updated" itemprop="dateCreated">
43	$date.short$	34	$date.short$
44	</time>	35	</time>
45	</small>	36	</small>
46	$endif$	37	$endif$
		38	<strong class="u-d-block u-elp" itemprop="name headline">$title$</strong>
47	</div>	39	</div>
		40	$if(date)$
		41	<small class="l-media__block u-d-none@sm-lo">
		42	<time datetime="$date.yyyy_mm_dd$" itemprop="dateCreated">
		43	$date.short$
		44	</time>
		45	</small>
		46	$endif$
48	</div>	47	</div>
49	</footer>	48	</div>
50	</section>	49	</footer>
		50	</section>
51		51
52	<div class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 u-pt-400">	52	<div class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 u-pt-400">
53	<div class="s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables s-alerts e-content" itemprop="articleBody">	53	<div class="s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables s-alerts e-content" itemprop="articleBody">
54	$body$	54	$body$
55		55
56	$for(images)$	56	$for(images)$
57	<figure class="c-figure js-lightbox__image u-d-none@js">	57	<figure class="c-figure js-lightbox__image u-d-none@js">
58	<img src="$it$" />	58	<img src="$it$" />
59	</figure>	59	</figure>
60	$endfor$	60	$endfor$
61	</div>
62	</div>	61	</div>
63	</article>	62	</div>
64	</main>	63	</main>
65		64
66	<script src="/lightbox.js"></script>	65	<script src="/lightbox.js"></script>