welpo
a5981e6fdd
🐛 fix: remove flashing from header text (Firefox)
...
Loads a subset of the sans-serif font for the header.
Fixes #75
2023-04-29 15:11:13 +02:00
welpo
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
2023-04-28 18:03:17 +02:00
welpo
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
2023-04-28 16:20:42 +02:00
welpo
a89fc02a96
💄 style: set a minimum value for paragraph spacing
2023-04-15 21:10:14 +02:00
welpo
1c07128aeb
💄 style: use theme's primary colour for table headers
2023-04-15 20:50:12 +02:00
welpo
7a1bb1d04c
🎨 refactor: improve code format; set tabs = 4 spaces
2023-04-15 00:58:01 +02:00
welpo
0f14171b6a
♻️ refactor: move .last-updated to main.scss
2023-04-14 15:50:25 +02:00
welpo
a39306f6ef
💄 style: narrower article content for blog posts
2023-03-19 01:09:48 +01:00
welpo
15f26293b5
💄 style: reduce text/background contrast
2023-03-11 18:56:44 +01:00
welpo
7fbb4d7acd
💄 style: darken background for inline code (dark theme)
2023-03-11 00:27:45 +01:00
welpo
76db25b44a
♻️ refactor: standarise left/right margins
2023-03-11 00:03:31 +01:00
welpo
e93b33e6b8
🐛 fix: remove horizontall scroll on mobile
2023-03-10 17:59:35 +01:00
welpo
845a2f151a
💄 style: increase content bottom margin in small screens
2023-03-08 23:17:12 +01:00
welpo
ba19524254
💄 style: simplify colourscheme
...
Improves accessibility and cohesion.
2023-03-07 01:39:46 +01:00
welpo
e51f5318d6
♿ ️ style: increase contrast for link hover
2023-03-06 21:57:29 +01:00
welpo
cd2ab356be
💄 style: redesign post listing and other minor changes
2023-03-05 19:58:19 +01:00
welpo
a761fd00ee
🚧 style: list all posts per tag
2023-02-28 18:36:31 +01:00
welpo
1496f0cf73
💄 style: set style for figure & figure captions
2023-02-25 20:06:19 +01:00
welpo
c7d50c6399
💄 style: consistent margins above and below content
...
Moves margin from footer to content.
2023-02-22 02:01:37 +01:00
welpo
d6c198e379
♻️ refactor: set font types as variables
2023-02-21 23:15:09 +01:00
welpo
e4c6705843
💄 style: resize headers
2023-02-19 21:23:10 +01:00
welpo
921725cb11
📱 feat: make footer & banner responsive
...
Social icons were too big on smaller screens.
Fix #34
2023-02-19 18:54:02 +01:00
welpo
83b7bb9d3a
💄 style: increase margins before content & after ToC
2023-02-19 16:27:43 +01:00
welpo
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.
2023-02-19 00:31:57 +01:00
Óscar
9ff7462ccd
Merge branch 'main' into style/redesign-posts
2023-02-18 19:31:03 +01:00
welpo
8fe96d3f46
Commit Message: Refactor font weight and size, add article max-width, update color variables
2023-02-18 19:27:46 +01:00
welpo
799b31d403
✏️ fix: minor typo
2023-02-18 03:24:58 +01:00
welpo
e61e7970f2
💄 style: slight redesign of quote blocks
...
Uses theme's colours.
2023-02-17 00:34:31 +01:00
welpo
505eb2cb72
⚡ ️ improvement: try to load local fonts first
2023-02-16 01:04:26 +01:00
welpo
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…)
2023-02-16 00:22:31 +01:00
welpo
0e4d274de9
💄 style: revert background back to pure white
2023-02-13 02:57:15 +01:00
welpo
b7da11222e
💄 style: change colourscheme. improve cohesion and accesibility
2023-02-13 02:53:11 +01:00
welpo
ebfc1f0001
🔥 refactor: remove useless code
...
An image border was set in _image.scss and unset in main.scss.
2023-02-11 21:03:02 +01:00
welpo
5b45351970
💄 style: center tables; colour headers; round borders
2023-02-11 20:49:03 +01:00
welpo
d412eae7df
💄 style: set Cascadia Code as code font
...
Modifies the markdown file to showcase the font's ligatures.
2023-02-11 19:31:53 +01:00
welpo
c65eea156c
✏️ fix: use serif as fallback
2023-02-11 19:26:14 +01:00
welpo
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.
2023-02-11 19:20:56 +01:00
welpo
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.
2023-02-11 01:00:47 +01:00
welpo
2b8a053f51
💄 style: remove border from images
2023-02-10 02:41:47 +01:00
welpo
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") }}
2023-02-10 02:36:23 +01:00
welpo
722d493a9a
💄 style: default light mode
2023-02-10 02:15:05 +01:00
welpo
978af11495
💄 style: reduce headers' size
2023-02-08 02:28:04 +01:00
welpo
4fe8643a1a
💄 style: larger section titles
2023-02-08 01:39:48 +01:00
Óscar
0068912163
Merge branch 'main' into fix/style
2023-02-07 20:11:38 +01:00
serginogal
55d928a3d5
✏️ fix: _archive import typo
2023-02-07 22:48:19 +09:00
serginogal
19caf3fab1
💄 style: add styles for archive screen
2023-02-07 17:28:42 +09:00
welpo
53d28ad522
♻️ fix: remove duplicate .bloglist-title definition
2023-02-06 02:08:34 +01:00
welpo
06dae7a711
💄 style: change various font sizes and date format
2023-02-06 01:03:14 +01:00
welpo
4d57e097d1
🐛 fix: ensure text remains visible during webfont load
2023-02-05 01:09:14 +01:00
welpo
049df81d6c
🐛 fix: allow for relative paths everywhere
...
Allows hosting the page on subdirectories.
2023-02-03 19:05:28 +01:00
