Add gallery `order` with options "asc" or "desc"
Add gallery `resize_options` which supports Hugo image processing options.
BREAKING CHANGE:
Move gallery album folders to `assets/media/albums/`. Album name should be defined in shortcode as `album`.
Fix#2245
Refactor:
- business JSON-LD
- site_head
- Slider
- Gallery
- Video
Gallery is now intended only for local images in the page bundle (so that they can be optimized by Hugo).
Close#2119
New options:
`theme="light"` inverts image when browsing in dark mode
`theme="dark"` inverts image when browsing in light mode
`max_width="300px"` sets an image max width
Also, improves use of Figure in `{{%` Markdown shortcodes (e.g. Callout) by further stripping HTML indentation.
Based on user request to parse both Markdown and nested HTML shortcodes (Figures) within Callout shortcode: https://discord.com/channels/722225264733716590/742863504515793149/813105748283883570
Uses `{{-` to unindent HTML so that Figure shortcode can be nested within a `{{%` Markdown shortcode, such as Callout, without the HTML being rendered as a Markdown code block. This way we utilise Hugo's HTML in Markdown approach (aka Goldmark `unsafe`) rather than separating HTML from Markdown.
Previously, Figure could only be nested within a `{{<` HTML shortcode.
The file uploader in Wowchemy CMS has also been updated to reflect the change.
BREAKING CHANGES:
- rename assets/images/ to assets/media/
- move default social sharing image (if any) to assets/media/sharing.*
Cacheable, zoomable, and lazily loaded.
Also, prevents conflicts if admin attempts to include multiple inline SVGs which unintentionally reuse each other's components.
New shortcode supports
- enable re-usable *optimized* image assets from new primary media library location at `assets/images/`
- new behavior: load image from page dir falling back to media library at `assets/images/` and then to remote URI.
- multi-res support. leading to increased perf.
- custom ID for cross-refs
- efficient, vanilla (non-jQuery), MIT licensed image zooming
- FancyBox now only loaded for Gallery shortcode
- themeable SVG support
- native lazy loading
Experimental, may change.
BREAKING CHANGE:
Move any figure images (i.e. not the `sharing.*` image) from `static/media/` to `assets/images/`
See #2164
Useful for long pages with large ToCs and/or on small screens.
Also add `hide_on` and `show_on` options accepting Bootstrap responsive breakpoints.
Useful for setting `{{< toc hide_on="xl" >}}` in conjunction with Book layout which only shows right sidebar ToC on XL screens and above.
Toggle lists have now been standardized in HTML. Functions just like the toggle lists on Github.
Also now supports Markdown in title and works better with longer titles (unlike the previous button based component).
Pages with wide horizontal content could horizontally scroll on mobile due to `.page-wrapper` not having fixed width in f851142fb2
Re-add overflow-wrap which was removed in e6dba41f3d (in attempt to simplify logic).
Add horizontal scroll to unresponsive Plotly charts.
Also, refactor chart style and refactor callout styles into dedicated file.
This commit attempts to fix https://discord.com/channels/722225264733716590/742863504515793149/774343154949816350
Examples
Main button CTA:
{{< cta cta_link="https://..." cta_new_tab="true" cta_text="emoji 🚀" >}}
Alternative text CTA:
{{< cta cta_alt_link="./my-page/" cta_alt_text="Go to my page" >}}
Main button CTA and alternative text CTA:
{{< cta cta_link="https://..." cta_new_tab="true" cta_text="emoji 🚀" cta_alt_link="./my-page/" cta_alt_text="Go to my page" >}}
Adds id param to audio shortcode
Hashes are prefixed in the form `#audio-<ID>`
E.g. add `id="my-talk"` when calling the audio shortcode and then reference it using [link to my talk audio](#audio-my-talk)
George Cushen