Age | Commit message (Collapse) | Author |
|
runofthemillgeek/refactor/make-opengraph-normal-partial
Make opengraph.html a normal partial
|
|
Not sure why I added those checks earlier, but it's good to have
og-image.html in all pages, like sections for tags/content categories.
|
|
Moves `opengraph.html` under `layout/partials` and updates `head.html`
to include from the updated path. This change is needed to make things
work with Hugo >=v0.144.0 as they moved templates like
`opengraph.html` from `_internals` breaking existing usage. The doc also recommends doing this: https://gohugo.io/templates/embedded/#open-graph
This change shouldn't affect existing users of Typo unless they override
`head.html`.
|
|
|
|
|
|
Update USERS.md
|
|
|
|
Add proper table rendering
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Add major version suffix to go module path
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Supported hooks:
- head_start
- head_end
- body_end
- footer_start
|
|
Revert "fix: copy button position"
|
|
|
|
fix: copy button position
|
|
Fix layout shifts by preserving aspect-ratio at responsive sizes
|
|
Add partial to customize og:image meta property
|
|
Uses `aspect-ratio` property to constrain height and width of render image's container to allow responsive resizing
while maintaining the original aspect ratio and avoiding layout shifts.
Previously, even though `width` and `height` attributes were passed to the `img` element, Chrome (and probably others)
weren't reserving space for the image as expected because CSS `width`/`height` were both `auto`. At least one of them
needed to be a fixed value in order to maintain aspect ratio. Even with this change, it doesn't seem possible to
constrain both width and height on the same element at the same time — only one or the other works.
The change introduced makes the `img` element constrain width using `max-width` while the parent element constrain
height using `max-height` and `aspect-ratio`. This way, we can get responsive sizing on both axes while obeying the
constraints.
|
|
|
|
|
|
|
|
|
|
Add myself to USERS.md
|
|
|
|
Update USERS.md
|
|
Remove `px` from width/height img attributes in render-image hook
|
|
added my website
|
|
|
|
As per the spec, width/height attrs should be non-negative integers but
currently, they are being rendered with a `px` suffix. This change removes
the suffix which hopefully fixes any outstanding layout shifts.
References:
- https://html.spec.whatwg.org/multipage/embedded-content-other.html#dimension-attributes
|
|
Adds a new partial — `head/og-image.html` — that will render the value to be used
for `og:image` meta tags. The changes preserve the existing Hugo OpenGraph template's
behavior of checking and using the frontmatter or specific format of image names
as the `og:image` but if that doesn't work, it will delegate to the default partial which
uses `assets/images/og-image.{ext}` as the image.
This partial can be overriden to allow dynamic `og:image` URLs via a third-party service.
`_internal/opengraph.html` source is copied from Hugo to customize and support
this feature. Docs are updated to mention its usage.
|
|
|
|
Add breadcrumbs config to hide current page and change home text
|
|
|
|
|
|
|
|
Changes `breadcrumbs` config into an object to add customizations such as hiding current page and changing the text of
the home crumb.
By default, Typo will now show breadcrumbs. If breadcrumbs are enabled, the current default of showing the
current page crumb is preserved.
BREAKING CHANGE: `breadcrumbs` is now an object so existing `breadcrumbs = <true/false>` line in config needs to be changed.
|
|
|
|
|