diff options
Diffstat (limited to 'templates')
-rw-r--r-- | templates/base.html | 30 | ||||
-rw-r--r-- | templates/feed_entry.xml | 12 | ||||
-rw-r--r-- | templates/layouts/categorized_list.html | 2 | ||||
-rw-r--r-- | templates/layouts/exhibit.html | 66 | ||||
-rw-r--r-- | templates/layouts/list.html | 2 | ||||
-rw-r--r-- | templates/layouts/page.html | 34 | ||||
-rw-r--r-- | templates/layouts/redirect.html | 4 | ||||
-rw-r--r-- | templates/partials/gallery_card.html | 8 | ||||
-rw-r--r-- | templates/partials/grid_card.html | 8 | ||||
-rw-r--r-- | templates/partials/list_card.html | 12 |
10 files changed, 130 insertions, 48 deletions
diff --git a/templates/base.html b/templates/base.html index cfc40a4..4ffd690 100644 --- a/templates/base.html +++ b/templates/base.html | |||
@@ -52,7 +52,7 @@ | |||
52 | <link rel="stylesheet" href="/style.css?$style_hash$" /> | 52 | <link rel="stylesheet" href="/style.css?$style_hash$" /> |
53 | </head> | 53 | </head> |
54 | 54 | ||
55 | <body itemscope itemtype="https://schema.org/WebPage"> | 55 | <body itemscope itemtype="https://schema.org/WebPage" class="t-no-js"> |
56 | <nav class="c-header" label="Mainmenu"> | 56 | <nav class="c-header" label="Mainmenu"> |
57 | <a class="c-header__item c-header__item--icon" href="/" title="$site.title$" itemprop="isPartOf" itemscope itemtype="https://schema.org/WebSite" itemid="$site.url$"> | 57 | <a class="c-header__item c-header__item--icon" href="/" title="$site.title$" itemprop="isPartOf" itemscope itemtype="https://schema.org/WebSite" itemid="$site.url$"> |
58 | <svg class="c-header__icon" width="1em" height="1em" aria-label="Logo"> | 58 | <svg class="c-header__icon" width="1em" height="1em" aria-label="Logo"> |
@@ -74,6 +74,8 @@ ${layouts/categorized_list()} | |||
74 | ${layouts/list()} | 74 | ${layouts/list()} |
75 | $elseif(layout.is_redirect)$ | 75 | $elseif(layout.is_redirect)$ |
76 | ${layouts/redirect()} | 76 | ${layouts/redirect()} |
77 | $elseif(layout.is_exhibit)$ | ||
78 | ${layouts/exhibit()} | ||
77 | $else$ | 79 | $else$ |
78 | ${layouts/page()} | 80 | ${layouts/page()} |
79 | $endif$ | 81 | $endif$ |
@@ -85,32 +87,6 @@ ${layouts/page()} | |||
85 | </div> | 87 | </div> |
86 | </footer> | 88 | </footer> |
87 | 89 | ||
88 | <div class="o-backdrop js-lightbox u-d-none t-dark"> | ||
89 | <div class="o-lightbox"> | ||
90 | <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round"> | ||
91 | <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> | ||
92 | <use href="/icons.svg#x"></use> | ||
93 | </svg> | ||
94 | </button> | ||
95 | |||
96 | <img class="o-lightbox__img" /> | ||
97 | |||
98 | <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round"> | ||
99 | <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> | ||
100 | <use href="/icons.svg#chevron-left"></use> | ||
101 | </svg> | ||
102 | </button> | ||
103 | |||
104 | <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round"> | ||
105 | <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> | ||
106 | <use href="/icons.svg#chevron-right"></use> | ||
107 | </svg> | ||
108 | </button> | ||
109 | |||
110 | <footer class="o-lightbox__footer"></footer> | ||
111 | </div> | ||
112 | </div> | ||
113 | |||
114 | <script src="/main.js"></script> | 90 | <script src="/main.js"></script> |
115 | <!--script src="/snow.js"></script--> | 91 | <!--script src="/snow.js"></script--> |
116 | </body> | 92 | </body> |
diff --git a/templates/feed_entry.xml b/templates/feed_entry.xml index 03d6569..a71b579 100644 --- a/templates/feed_entry.xml +++ b/templates/feed_entry.xml | |||
@@ -22,4 +22,14 @@ $else$ | |||
22 | </author> | 22 | </author> |
23 | $endfor$ | 23 | $endfor$ |
24 | $endif$ | 24 | $endif$ |
25 | <content type="html"><![CDATA[$it.content$]]></content> | 25 | <content type="html"><![CDATA[ |
26 | $it.content$ | ||
27 | |||
28 | $if(it.layout.is_exhibit)$ | ||
29 | $for(it.images)$ | ||
30 | <figure> | ||
31 | <img src="$it$" /> | ||
32 | </figure> | ||
33 | $endfor$ | ||
34 | $endif$ | ||
35 | ]]></content> | ||
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> |
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html index deffb3f..6692888 100644 --- a/templates/partials/gallery_card.html +++ b/templates/partials/gallery_card.html | |||
@@ -37,11 +37,11 @@ $if(it.thumbnail)$ | |||
37 | <small class="u-d-block u-elp">$it.category$</small> | 37 | <small class="u-d-block u-elp">$it.category$</small> |
38 | <strong class="u-d-block u-elp">$it.title$</strong> | 38 | <strong class="u-d-block u-elp">$it.title$</strong> |
39 | $elseif(it.date)$ | 39 | $elseif(it.date)$ |
40 | <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> | 40 | <small class="u-d-block"> |
41 | <small> | 41 | <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> |
42 | $it.date.long$ | 42 | $it.date.long$ |
43 | </small> | 43 | </time> |
44 | </time> | 44 | </small> |
45 | <strong class="u-d-block u-elp">$it.title$</strong> | 45 | <strong class="u-d-block u-elp">$it.title$</strong> |
46 | $else$ | 46 | $else$ |
47 | <span class="p-name" itemprop="name headline"> | 47 | <span class="p-name" itemprop="name headline"> |
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html index 9af9415..003e59f 100644 --- a/templates/partials/grid_card.html +++ b/templates/partials/grid_card.html | |||
@@ -24,11 +24,11 @@ $if(it.url)$ | |||
24 | <small class="u-d-block u-elp">$it.category$</small> | 24 | <small class="u-d-block u-elp">$it.category$</small> |
25 | <strong class="u-d-block u-elp">$it.title$</strong> | 25 | <strong class="u-d-block u-elp">$it.title$</strong> |
26 | $elseif(it.date)$ | 26 | $elseif(it.date)$ |
27 | <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> | 27 | <small class="u-d-block"> |
28 | <small> | 28 | <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> |
29 | $it.date.long$ | 29 | $it.date.long$ |
30 | </small> | 30 | </time> |
31 | </time> | 31 | </small> |
32 | <strong class="u-d-block u-elp">$it.title$</strong> | 32 | <strong class="u-d-block u-elp">$it.title$</strong> |
33 | $else$ | 33 | $else$ |
34 | <span class="p-name" itemprop="name headline"> | 34 | <span class="p-name" itemprop="name headline"> |
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html index 6cf0e67..dc9111e 100644 --- a/templates/partials/list_card.html +++ b/templates/partials/list_card.html | |||
@@ -24,7 +24,9 @@ $if(it.url)$ | |||
24 | <small class="u-d-block">$it.category$</small> | 24 | <small class="u-d-block">$it.category$</small> |
25 | <strong class="u-d-block">$it.title$</strong> | 25 | <strong class="u-d-block">$it.title$</strong> |
26 | $elseif(it.date)$ | 26 | $elseif(it.date)$ |
27 | <time datetime="$it.date.yyyy_mm_dd$" class="u-d-block"><small>$it.date.long$</small></time> | 27 | <small> |
28 | <time datetime="$it.date.yyyy_mm_dd$">$it.date.long$</time> | ||
29 | </small> | ||
28 | <strong class="u-d-block">$it.title$</strong> | 30 | <strong class="u-d-block">$it.title$</strong> |
29 | $else$ | 31 | $else$ |
30 | <span class="p-name" itemprop="name headline"> | 32 | <span class="p-name" itemprop="name headline"> |
@@ -44,11 +46,11 @@ $if(it.url)$ | |||
44 | $it.category$ | 46 | $it.category$ |
45 | </small> | 47 | </small> |
46 | $elseif(it.date)$ | 48 | $elseif(it.date)$ |
47 | <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-d-none@sm-lo" itemprop="dateCreated"> | 49 | <small class="l-media__block u-d-none@sm-lo"> |
48 | <small> | 50 | <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> |
49 | $it.date.short$ | 51 | $it.date.short$ |
50 | </small> | 52 | </time> |
51 | </time> | 53 | </small> |
52 | $endif$ | 54 | $endif$ |
53 | $if(it.post_icon)$ | 55 | $if(it.post_icon)$ |
54 | <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> | 56 | <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> |