diff options
Diffstat (limited to 'templates/layouts/exhibit.html')
| -rw-r--r-- | templates/layouts/exhibit.html | 66 |
1 files changed, 66 insertions, 0 deletions
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> | ||