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"> |
