Age | Commit message (Collapse) | Author |
|
|
|
fixes #129 double slash for favicons
|
|
runofthemillgeek/refactor/content-inside-article-header-tags
Move primary content inside an <article> tag
|
|
Main article will now belong in an <article> tag and the title/header
info will be inside a <header> tag within the <article>. Shouldn't
introduce any style/functional changes besides improve the semantics.
Comments section is moved outside the <article> as it doesn't directly
relate to the article's contents.
Other changes:
- Used `{{-` to remove some of the whitespace while keeping source HTML
structure looking correct
|
|
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
|
|
|