fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-17 22:32:10 +00:00
Code Issues Projects Releases Wiki Activity
seirdy.one/themes/etch-custom
History
rohan kumar 347b2c189b
Greatly simplify CSS, dark theme fixes 
- Changed: Make all color codes 3-char. Shave off a few bytes.
- Removed: all responsive layout besides the navigation links.
  Everything else should work well at all window sizes without making
  allowances for special cases.
- Removed: redundant CSS rules
- Added: centered images. Left-aligned images in a center-aligned column
  of text break flow.
- Added: dark mode link colors for visited/active. Active link colors
  give better a11y.
- Fix: don't show unnecessary scrollbar for <pre> blocks

Also put more comments in the source to explain why each rule is
important.

All this shrunk the CSS from 1065 bytes to 882 bytes (17% reduction)
2020-12-17 21:27:11 -08:00
..
archetypes Batman!! (this commit has no parents) 2020-11-03 15:52:34 -08:00
assets/css Greatly simplify CSS, dark theme fixes 2020-12-17 21:27:11 -08:00
layouts Greatly simplify CSS, dark theme fixes 2020-12-17 21:27:11 -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

README.md

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.