mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-12-25 02:02:11 +00:00
d45926c0f4
Reduce Cumulative Layout Shift (CLS) by declaring original image dimensions in HTML before re-scaling with CSS. This tells browsers the image's aspect ratio before the image and the stylesheet load, allowing browsers to block out space accordingly to avoid making elements "jump" during loading. More info: https://web.dev/optimize-cls/ |
||
---|---|---|
.. | ||
archetypes | ||
assets/css | ||
layouts | ||
.gitignore | ||
LICENSE | ||
README.md | ||
theme.toml |
Etch
Etch is a simple, responsive theme for Hugo with a focus on writing. A live demo is available at https://themes.gohugo.io/theme/etch/.
Features:
- Homepage with list of posts.
- Support for pages.
- Responsive design for optimized mobile experience.
- Syntax highlighting with customizable theme.
- Dark theme which automatically adjusts based on users' setting (example).
- No external dependencies, no JavaScript, no web fonts.
Installation
To install etch
, download the repository into the themes
folder in the root of your site.
$ git submodule add https://github.com/LukasJoswiak/etch.git themes/etch
Then, use the theme to generate your site.
$ hugo server -t etch
Use the sample configuration as a starting point. See the configuration page for more info.
Read the wiki to learn about more options.