mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-27 14:12:09 +00:00
e8f31f9f08
- 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. |
||
---|---|---|
.. | ||
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.