diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/layouts/exhibit.html | 89 |
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 @@ | |||
| 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> |