Age | Commit message (Collapse) | Author |
|
Image render hook now computes width/height of local images and adds
them as attributes. This patch also adds relevant CSS changes to prevent
stretchy images.
The main reason for this change is to avoid content shifts when images
load. Without providing width/height, browser doesn't have info to know
the aspect ratio to reserve some space until the image loads. With this
change, browser knows the intrinsic size and aspect-ratio to reserve
space and avoid content shifts in the page.
I believe this also fixes an issue I face in Safari where sometimes, an
image below the fold wouldn't load and thus have zero height because it
has loading="lazy".
To avoid images getting stretched and images overflow/filling the entire
screen when their intrinsic size is larger than the container size, I've
added some CSS. A configurable `max-height` is present which is used for
`figure img` elements. This especially helps when you have tall images
like mobile screenshots.
|
|
Support relative paths in markdown images
|
|
Adds code from Hugo's built-in render-image hook
and modifies it slightly to support relative image
paths in markdown files.
Previously, we'd have to spell the absolute path
from root of the hugo site or make directories for
each individual post which is what Hugo recommend.
But this was very inefficient. This change allows
us to use editors like Obsidian, VSCode and have
them render the images correctly. It also supports
Hugo's page bundles for rendering images as a
result. Based on the order, I believe page bundles
are given priority so that works out.
i.e, if you have the following tree:
```
content
└── posts
├── _index.md
├── hello.md
├── images
│ └── test.png
└── test.png
```
You can now include images in `hello.md` in the
following ways:
```




```
|
|
Optimize images in README
|
|
|
|
|
|
|
|
Add font-family fallback and optimize font loading
|
|
Optimized font loading by adding `font-display: swap`. Additionally,
moved font-family values into CSS variables.
|
|
|
|
|
|
|
|
This is a common pattern found in many sites. I've also added styling
to remove the underline.
|
|
Used https://www.toptal.com/developers/gitignore to update the
.gitignore file with go, hugo, macos, linux and windows specific
entries.
|
|
This change will allow us to use the `images` property in frontmatter to display a cover image when sharing links to content in social media.
Open Graph support is provided out of the box with Hugo and is a one-line change. See docs: https://gohugo.io/templates/embedded/#open-graph
|
|
|
|
|
|
|
|
add https://as215887.net
|
|
single view: markdownify summary
|
|
The summary is not markdownified, and thus we see the md content on the summary. This fixes that
|
|
Update USERS.md
|
|
Added myself as a user.
|
|
add support for Mermaid diagrams
|
|
|
|
feat: Content License and Copyright holder as Footer
|
|
|
|
|
|
|
|
|
|
|
|
Thanks for the theme @tomfran ;)
|
|
Enable Umami analytics in Production only
|
|
Allow the date/time format on the single template to be overridden
|
|
This will prevent analytics collection when testing locally.
|
|
Example:
```toml
[params]
singleDateFormat = '2 January 2006'
```
|
|
|
|
|
|
|
|
feat(partials): allow setting of favicon path
|
|
chore(partials): add explicit links for all favicon types
|
|
|
|
Added a configurable option to open a new tab when clicking on the menu and support for Umami along with relevant configurable options.
|
|
|
|
Add RSS feed link
|
|
|
|
- Updated header.html with necessary changes.
- Added support for Umami along with relevant configurable options.
- Included a new umami.html file for tracking.
|
|
header partial: replace deprecated .Path access with lower .Name
|
|
|
|
|