1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-14 17:42:09 +00:00
seirdy.one/themes/etch-custom
rohan kumar d45926c0f4
CLS: Declare original image dimensions in HTML
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/
2020-12-15 23:09:45 -08:00
..
archetypes Batman!! (this commit has no parents) 2020-11-03 15:52:34 -08:00
assets/css CLS: Declare original image dimensions in HTML 2020-12-15 23:09:45 -08:00
layouts Add some more metadata for widgets + indieweb 2020-12-15 23:05:45 -08:00
.gitignore Batman!! (this commit has no parents) 2020-11-03 15:52:34 -08:00
LICENSE Batman!! (this commit has no parents) 2020-11-03 15:52:34 -08:00
README.md Batman!! (this commit has no parents) 2020-11-03 15:52:34 -08:00
theme.toml Batman!! (this commit has no parents) 2020-11-03 15:52:34 -08:00

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/.

screenshot

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.