cec746c1ce
💄 style: remove transitions
2 years ago
8ac1894a66
💄 style: redesign tag pages
2 years ago
f5834a2e39
💄 style: increase date opacity
2 years ago
a8e49cfedf
♻️ refactor: use consistent pagination
2 years ago
b33a942766
💄 style: use cards/boxes for tag list
2 years ago
b1728fc441
♻️ refactor: use rem instead of px
2 years ago
a761fd00ee
🚧 style: list all posts per tag
2 years ago
887929fac7
♻️ refactor: wrap tags in ul>li
...
Long tags will get wrapped onto new lines now.
2 years ago
ed47f2580b
✨ feat: add 'Last updated' extra tag
2 years ago
b3dc5396b4
✨ feat: add dual image support for switching themes
2 years ago
1496f0cf73
💄 style: set style for figure & figure captions
2 years ago
4e4021da5d
✨ feat: format references with custom shortcode
...
Uses hanging indent for a References section.
2 years ago
c2d9107cd3
💄 style: increase iframe margins
2 years ago
372d696eec
💄 style: center and enlarge iframes (embeds)
2 years ago
5dcd605801
💄 style: incrase footer's margin-bottom
...
Reverts back to c7d50c6399
2 years ago
872992b426
💄 style: use serif font in footnote numbers
...
For consistency with the paragraph and note contents.
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
f4cd6e6a92
💄 style: update footnote styling
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
0ecc656b91
💄 style: reduce font size for meta in cards
2 years ago
367d6a8be4
💄 style: reduce font-size and increase line-height in article-title
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
9242fa4389
📱 feature: responsive (and centered) images
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
6afcd2fbbb
📱 improvement: responsive inline code font size
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
2732f494cf
🐛 fix: override font-size for home subtitle <p>
2 years ago
9db00d1f9d
💄 style: use Cascadia Code as code font
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
e2edab51b7
💄 style: set local main image; no border-radius
2 years ago
4f7e25b01e
💄 style: set consistent no border radius
...
Only border radius left is main picture.
2 years ago
794470d99a
💄 style: invert social icons when hovering
...
This makes it consistent with the behaviour of all other links.
2 years ago
978af11495
💄 style: reduce headers' size
2 years ago
welpo