summaryrefslogtreecommitdiffstats
path: root/templates/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'templates/layouts')
-rw-r--r--templates/layouts/categorized_list.html2
-rw-r--r--templates/layouts/exhibit.html66
-rw-r--r--templates/layouts/list.html2
-rw-r--r--templates/layouts/page.html34
-rw-r--r--templates/layouts/redirect.html4
5 files changed, 101 insertions, 7 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 206c566..1a1048a 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,5 +1,5 @@
1<main 1<main
2 class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed" 2 class="c-main l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed"
3 itemprop="mainPart" 3 itemprop="mainPart"
4 itemscope 4 itemscope
5 itemtype="https://schema.org/DataFeed" 5 itemtype="https://schema.org/DataFeed"
diff --git a/templates/layouts/exhibit.html b/templates/layouts/exhibit.html
new file mode 100644
index 0000000..091859a
--- /dev/null
+++ b/templates/layouts/exhibit.html
@@ -0,0 +1,66 @@
1<main
2 itemprop="hasPart"
3 itemscope
4 itemtype="https://schema.org/$schema_type$"
5 itemid="$url.full$"
6>
7 <article class="h-entry">
8 <section class="c-exhibit js-lightbox">
9 <div class="c-exhibit__content o-lightbox">
10 <img class="o-lightbox__img" />
11
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">
14 <use href="/icons.svg#chevron-left"></use>
15 </svg>
16 </button>
17
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">
20 <use href="/icons.svg#chevron-right"></use>
21 </svg>
22 </button>
23
24 <footer class="o-lightbox__footer"></footer>
25 </div>
26
27 <footer class="c-exhibit__footer">
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">
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)$
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$
47 </div>
48 </div>
49 </footer>
50 </section>
51
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">
54$body$
55
56 $for(images)$
57 <figure class="c-figure js-lightbox__image u-d-none@js">
58 <img src="$it$" />
59 </figure>
60 $endfor$
61 </div>
62 </div>
63 </article>
64</main>
65
66<script src="/lightbox.js"></script>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 66a08fd..508ff4c 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -1,5 +1,5 @@
1<main 1<main
2 class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed" 2 class="c-main l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed"
3 itemprop="mainPart" 3 itemprop="mainPart"
4 itemscope 4 itemscope
5 itemtype="https://schema.org/DataFeed" 5 itemtype="https://schema.org/DataFeed"
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 @@
1<main 1<main
2 class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125" 2 class="c-main l-container l-container--pad-x l-container--pad-y l-container--narrow-125"
3 itemprop="hasPart" 3 itemprop="hasPart"
4 itemscope 4 itemscope
5 itemtype="https://schema.org/$schema_type$" 5 itemtype="https://schema.org/$schema_type$"
@@ -7,9 +7,9 @@
7> 7>
8 <article class="h-entry"> 8 <article class="h-entry">
9 $if(date)$ 9 $if(date)$
10 <div class="o-badge s-body__meta u-mb-125 dt-updated"> 10 <time datetime="$date.yyyy_mm_dd$" class="o-badge s-body__meta u-mb-125 dt-updated" itemprop="dateCreated">
11 $date.long$ 11 $date.long$
12 </div> 12 </time>
13 $endif$ 13 $endif$
14 14
15 <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline"> 15 <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline">
@@ -35,4 +35,32 @@ $body$
35 </footer> 35 </footer>
36 $endif$ 36 $endif$
37 </article> 37 </article>
38
39 <div class="o-backdrop js-lightbox js-lightbox--closeable u-d-none t-dark">
40 <div class="o-lightbox">
41 <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round">
42 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
43 <use href="/icons.svg#x"></use>
44 </svg>
45 </button>
46
47 <img class="o-lightbox__img" />
48
49 <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
50 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
51 <use href="/icons.svg#chevron-left"></use>
52 </svg>
53 </button>
54
55 <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
56 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
57 <use href="/icons.svg#chevron-right"></use>
58 </svg>
59 </button>
60
61 <footer class="o-lightbox__footer"></footer>
62 </div>
63 </div>
38</main> 64</main>
65
66<script src="/lightbox.js"></script>
diff --git a/templates/layouts/redirect.html b/templates/layouts/redirect.html
index 9f78dec..6684bd2 100644
--- a/templates/layouts/redirect.html
+++ b/templates/layouts/redirect.html
@@ -1,4 +1,4 @@
1<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headlines"> 1<main class="c-main l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headlines">
2 <h1 class="u-mt-0"><span class="s-headlines__title-inner">$title$</span></h1> 2 <h1 class="u-mt-0"><span class="s-headlines__title-inner">$title$</span></h1>
3 <p>This page should redirect you to <a href="$url.full$">$url.full$</a> in 3 seconds.</p> 3 <p>This page should redirect you to <a href="$url.full$">$url.full$</a> in 3 seconds.</p>
4</article> 4</main>
generated by cgit v1.2.3-70-g09d2 (git 2.47.0) at 2024-12-26 07:01:09 +0000