1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-27 14:12:09 +00:00
seirdy.one/themes/etch-custom
rohan kumar e8f31f9f08
Adjust text width/responsiveness
- Text width was too wide on wide screens; reduce it.
- Make the nav-links' responsive layout for narrow viewports trigger at
  a narrower window size. It used to trigger at 600px, but I made it
  trigger at 32rem instead since the nav links aren't too wide. This
  also handles cases where users' default sans-serif fonts are very
  wide: rem measures by character width instead of pixels.
- Make the narrow-optimized multiline-navlinks the default, and make
  widescreens a special case detected with a CSS media query.
  Previously, widescreens were the default; however, this meant that
  browsers that didn't support media queries (like dillo and netsurf)
  couldn't switch to the multi-line navigation at narrow widths. This is
  a good example of progressive enhancement; modern browsers will get
  the same behavior as before, but the lowest common denominator will
  see a better experience.
- Don't further reduce the max-width for narrow screens; narrow screens
  are already narrow. We now have one less CSS rule.
2020-12-17 11:23:37 -08:00
..
archetypes Batman!! (this commit has no parents) 2020-11-03 15:52:34 -08:00
assets/css Adjust text width/responsiveness 2020-12-17 11:23:37 -08:00
layouts Adjust text width/responsiveness 2020-12-17 11:23:37 -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.