799b31d403
✏️ fix: minor typo
2 years ago
586b5617b2
Merge pull request #39 from welpo/feature/default-theme-switcher
...
Change default theme to OS default; listen to OS default theme changes and switch accordingly (as long as there's no user preference set)
2 years ago
e61e7970f2
💄 style: slight redesign of quote blocks
...
Uses theme's colours.
2 years ago
6afcd2fbbb
📱 improvement: responsive inline code font size
2 years ago
9a1f5db45c
✨ feat: listen for changes on OS theme to switch accordingly
...
As long as the visitor has not changed the default theme, the site will
change between dark and light themes matching the OS setting.
2 years ago
2f80b0b5ad
⚡ feat: clean js code
2 years ago
505eb2cb72
⚡ ️ improvement: try to load local fonts first
2 years ago
40c12a8ed0
Merge pull request #40 from welpo/feature/dimmable-image-shortcode
...
✨ feat: add dimmable-image shortcode for dark theme
2 years ago
174a37e221
✨ feat: add dimmable-image shortcode for dark theme
2 years ago
bd8dd87cd5
✨ feat: add dimmable-image shortcode for dark theme
...
Reduces contrast and brightness of images when the dark theme is active.
Useful when invertable-image is not appropriate (photographs, paintings,
colour drawings…)
2 years ago
26ad170d9f
✨ feat: change default theme to OS setting
2 years ago
af80aef00c
✨ feat: change default theme to OS default
...
Update the theme switcher code to set the default theme to the OS
default, rather than the "light" theme. This provides a more seamless
user experience for users whose OS is set to a dark mode. The current
theme setting in local storage will still be respected if present. This
change was made to improve the accessibility and usability.
Fixes #38
2 years ago
2f4d0658d8
🐛 fix: rename sun icon reference
2 years ago
84b4469b07
⚡ ️ improvement: switch from webp to svg icons
...
Saves a bit of space :)
2 years ago
8132810928
Merge pull request #37 from welpo/style/colorscheme
...
💄 style: change colourscheme. improve cohesion and accesibility
2 years ago
0e4d274de9
💄 style: revert background back to pure white
2 years ago
b7da11222e
💄 style: change colourscheme. improve cohesion and accesibility
2 years ago
2b861ea940
📝 style: mention all table colours change, not just header
2 years ago
c6e5de7dee
⚡ ️ improvement: use webp instead of png
2 years ago
bd0dbaab1a
⚡ ️ improvement: use webp instead of png
2 years ago
7a69759112
🍱 improvement: use webp instead of png
2 years ago
f555d34207
🐛 fix: set main image path relative to base_url
2 years ago
ebfc1f0001
🔥 refactor: remove useless code
...
An image border was set in _image.scss and unset in main.scss.
2 years ago
b4cc05e625
Merge pull request #31 from welpo/style/tables
...
💄 style: center tables; colour headers; round borders
2 years ago
394479d777
📝 style: showcase tables & invertable images
2 years ago
5b45351970
💄 style: center tables; colour headers; round borders
2 years ago
2732f494cf
🐛 fix: override font-size for home subtitle <p>
2 years ago
1845649613
✏️ fix: set remote Zola url
2 years ago
f68a371ffe
Merge pull request #30 from welpo/style/Cascadia-Code-font
...
💄 style: set Cascadia Code as code font
2 years ago
f2cd044096
💄 style: set tab to 4 spaces; remove newlines
2 years ago
9db00d1f9d
💄 style: use Cascadia Code as code font
2 years ago
f6cd7d3cf2
🍱 docs: change the codeblock example
2 years ago
d412eae7df
💄 style: set Cascadia Code as code font
...
Modifies the markdown file to showcase the font's ligatures.
2 years ago
e387f792c3
Merge pull request #29 from welpo/style/serif-body
...
💄 style: use serif font in body
2 years ago
c65eea156c
✏️ fix: use serif as fallback
2 years ago
ce2cf4d056
💄 style: use serif font in body
...
Also increases the size of the subheader in main page (cards), and
reduces the font weight of links.
2 years ago
9f412205b3
💄 style: move quote author to quote block
2 years ago
7cc887d654
Merge pull request #28 from welpo/style/smooth-img-invert
...
💄 style: don't fully invert images in dark theme
2 years ago
f443693cfe
💄 style: don't fully invert images in dark theme
...
It washes out the contrast a bit, but a pure white background on a
picture, which matches the background of the light theme, will now
perfectly match the dark theme background.
2 years ago
0bae0515ec
✨ feat: showcase invertable image
2 years ago
e1159f7b79
Merge pull request #27 from welpo/feat/invertable-image-example
...
✨ feat: showcase invertable image
2 years ago
2f4695dd0b
✨ feat: showcase invertable image
2 years ago
723b3b6139
💄 style: default light mode
2 years ago
3ee94b4ed7
Merge pull request #26 from welpo/feature/relative-image-paths
...
✨ feat: allow relative paths in images
2 years ago
9de7a7a02d
✨ feat: allow realtive paths in images
...
Useful when hosting on a subdirectory. Replaces $BASE_URL by the
base_url set in config.toml.
2 years ago
4bb7435eab
Merge pull request #25 from welpo/style/img-source
...
🚚 style: move main image to static path
2 years ago
6783ff6e49
🚚 style: move main image to static path
2 years ago
1c27ef4c4e
Merge pull request #24 from welpo/style/no-image-border
...
Style/no image border
2 years ago
2b8a053f51
💄 style: remove border from images
2 years ago
389c724fe0
✨ feat: add invertable image shortcode
...
Useful to invert diagrams, graphs, etc. in dark theme.
To use it in a markdown file, add a line like:
{{ invertable_image(src="/img.png", alt="alt text") }}
2 years ago
welpo