diff options
| author | Volpeon <git@volpeon.ink> | 2022-06-19 13:41:22 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-06-19 13:41:22 +0200 |
| commit | 4fe6ced2f0e1657969ab87966baf740f2fea2fc7 (patch) | |
| tree | 8798fee614fc3c5198155c00408654cc4f99c41a /templates | |
| parent | Update (diff) | |
| download | volpeon.ink-4fe6ced2f0e1657969ab87966baf740f2fea2fc7.tar.gz volpeon.ink-4fe6ced2f0e1657969ab87966baf740f2fea2fc7.tar.bz2 volpeon.ink-4fe6ced2f0e1657969ab87966baf740f2fea2fc7.zip | |
Improved lightbox
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/layouts/exhibit.html | 36 | ||||
| -rw-r--r-- | templates/layouts/page.html | 6 |
2 files changed, 20 insertions, 22 deletions
diff --git a/templates/layouts/exhibit.html b/templates/layouts/exhibit.html index 1e0f19c..7e45298 100644 --- a/templates/layouts/exhibit.html +++ b/templates/layouts/exhibit.html | |||
| @@ -5,26 +5,24 @@ | |||
| 5 | itemtype="https://schema.org/$schema_type$" | 5 | itemtype="https://schema.org/$schema_type$" |
| 6 | itemid="$url.full$" | 6 | itemid="$url.full$" |
| 7 | > | 7 | > |
| 8 | <section class="c-exhibit js-lightbox js-lightbox--standalone"> | 8 | <section class="c-exhibit o-lightbox js-lightbox js-lightbox--standalone"> |
| 9 | <div class="c-exhibit__content o-lightbox"> | 9 | <img class="o-lightbox__img" /> |
| 10 | <img class="o-lightbox__img" /> | 10 | |
| 11 | 11 | <button class="o-lightbox__nav-btn o-lightbox__nav-btn--prev 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"> | 12 | <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"> | 13 | <use href="/icons.svg#chevron-left"></use> |
| 14 | <use href="/icons.svg#chevron-left"></use> | 14 | </svg> |
| 15 | </svg> | 15 | </button> |
| 16 | </button> | 16 | |
| 17 | 17 | <button class="o-lightbox__nav-btn o-lightbox__nav-btn--next 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"> | 18 | <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"> | 19 | <use href="/icons.svg#chevron-right"></use> |
| 20 | <use href="/icons.svg#chevron-right"></use> | 20 | </svg> |
| 21 | </svg> | 21 | </button> |
| 22 | </button> | 22 | |
| 23 | 23 | <div class="o-lightbox__thumbnails"></div> | |
| 24 | <footer class="o-lightbox__footer"></footer> | ||
| 25 | </div> | ||
| 26 | 24 | ||
| 27 | <footer class="c-exhibit__footer"> | 25 | <footer class="o-lightbox__footer"> |
| 28 | <div class="l-container l-container--pad-x l-container--narrow-125"> | 26 | <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"> | 27 | <div class="l-media l-media--200 u-pl-0 u-pr-0"> |
| 30 | <div class="l-media__block l-media__block--main"> | 28 | <div class="l-media__block l-media__block--main"> |
diff --git a/templates/layouts/page.html b/templates/layouts/page.html index 3721510..e40bf4c 100644 --- a/templates/layouts/page.html +++ b/templates/layouts/page.html | |||
| @@ -46,19 +46,19 @@ $body$ | |||
| 46 | 46 | ||
| 47 | <img class="o-lightbox__img" /> | 47 | <img class="o-lightbox__img" /> |
| 48 | 48 | ||
| 49 | <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round"> | 49 | <button class="o-lightbox__nav-btn o-lightbox__nav-btn--prev 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"> | 50 | <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> |
| 51 | <use href="/icons.svg#chevron-left"></use> | 51 | <use href="/icons.svg#chevron-left"></use> |
| 52 | </svg> | 52 | </svg> |
| 53 | </button> | 53 | </button> |
| 54 | 54 | ||
| 55 | <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round"> | 55 | <button class="o-lightbox__nav-btn o-lightbox__nav-btn--next 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"> | 56 | <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> |
| 57 | <use href="/icons.svg#chevron-right"></use> | 57 | <use href="/icons.svg#chevron-right"></use> |
| 58 | </svg> | 58 | </svg> |
| 59 | </button> | 59 | </button> |
| 60 | 60 | ||
| 61 | <footer class="o-lightbox__footer"></footer> | 61 | <div class="o-lightbox__thumbnails"></div> |
| 62 | </div> | 62 | </div> |
| 63 | </div> | 63 | </div> |
| 64 | </main> | 64 | </main> |