ea00c9b9df
💄 style: standarise font rendering across browsers
2 years ago
a5981e6fdd
🐛 fix: remove flashing from header text (Firefox)
...
Loads a subset of the sans-serif font for the header.
Fixes #75
2 years ago
1c06c99047
⬆️ feat(fonts): use woff2 & update fonts
...
⬆️ Update Source Serif to latest version
✨ Update Inter font to v4 beta
📸 Update screenshots to reflect font changes
2 years ago
1efb0330e3
🐛 fix: remove flash when navigating in dark-mode
...
The `initialize-theme.js` script takes care of the following:
1. If there is a stored theme value in the localStorage, set the theme
based on that value.
2. If there is no stored theme value, check the user's system
preference (dark or light) and set the theme accordingly.
The new `main.js` takes care of the actual theme switching and listening
to system preference changes (if the user has not manually set a theme).
Now the icons are stored in CSS, and are set according to the current
theme. This allows for having different icons that dynamically switch.
Additionally, wraps social and navigation elements in ul/li.
Fixes #76
2 years ago
a89fc02a96
💄 style: set a minimum value for paragraph spacing
2 years ago
1c07128aeb
💄 style: use theme's primary colour for table headers
2 years ago
7a1bb1d04c
🎨 refactor: improve code format; set tabs = 4 spaces
2 years ago
0f14171b6a
♻️ refactor: move .last-updated to main.scss
2 years ago
a39306f6ef
💄 style: narrower article content for blog posts
2 years ago
15f26293b5
💄 style: reduce text/background contrast
2 years ago
7fbb4d7acd
💄 style: darken background for inline code (dark theme)
2 years ago
76db25b44a
♻️ refactor: standarise left/right margins
2 years ago
e93b33e6b8
🐛 fix: remove horizontall scroll on mobile
2 years ago
845a2f151a
💄 style: increase content bottom margin in small screens
2 years ago
ba19524254
💄 style: simplify colourscheme
...
Improves accessibility and cohesion.
2 years ago
e51f5318d6
♿ ️ style: increase contrast for link hover
2 years ago
cd2ab356be
💄 style: redesign post listing and other minor changes
2 years ago
a761fd00ee
🚧 style: list all posts per tag
2 years ago
1496f0cf73
💄 style: set style for figure & figure captions
2 years ago
c7d50c6399
💄 style: consistent margins above and below content
...
Moves margin from footer to content.
2 years ago
d6c198e379
♻️ refactor: set font types as variables
2 years ago
e4c6705843
💄 style: resize headers
2 years ago
921725cb11
📱 feat: make footer & banner responsive
...
Social icons were too big on smaller screens.
Fix #34
2 years ago
83b7bb9d3a
💄 style: increase margins before content & after ToC
2 years ago
4390b7bdfb
💄 style: coloured links in paragraph; meta changes
...
- Links in paragraphs are no longer underlined, but rather coloured with
the accent-colour of the theme.
- The meta section on posts (date, time to read, tags) is rehauled. It's
more compact, less distracting and more minimal.
- Line height is increased.
2 years ago
9ff7462ccd
Merge branch 'main' into style/redesign-posts
2 years ago
8fe96d3f46
Commit Message: Refactor font weight and size, add article max-width, update color variables
2 years ago
799b31d403
✏️ fix: minor typo
2 years ago
e61e7970f2
💄 style: slight redesign of quote blocks
...
Uses theme's colours.
2 years ago
505eb2cb72
⚡ ️ improvement: try to load local fonts first
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
0e4d274de9
💄 style: revert background back to pure white
2 years ago
b7da11222e
💄 style: change colourscheme. improve cohesion and accesibility
2 years ago
ebfc1f0001
🔥 refactor: remove useless code
...
An image border was set in _image.scss and unset in main.scss.
2 years ago
5b45351970
💄 style: center tables; colour headers; round borders
2 years ago
d412eae7df
💄 style: set Cascadia Code as code font
...
Modifies the markdown file to showcase the font's ligatures.
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
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
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
722d493a9a
💄 style: default light mode
2 years ago
978af11495
💄 style: reduce headers' size
2 years ago
4fe8643a1a
💄 style: larger section titles
2 years ago
0068912163
Merge branch 'main' into fix/style
2 years ago
55d928a3d5
✏️ fix: _archive import typo
2 years ago
19caf3fab1
💄 style: add styles for archive screen
2 years ago
53d28ad522
♻️ fix: remove duplicate .bloglist-title definition
2 years ago
06dae7a711
💄 style: change various font sizes and date format
2 years ago
4d57e097d1
🐛 fix: ensure text remains visible during webfont load
2 years ago
welpo