87a5c9a3a2
♻️ refactor: simplify sans-serif-font declarations
...
🐛 fix: use sans-serif in article
2 years ago
6a5670d5a0
📱 style: improve mobile date display and title spacing
2 years ago
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
14997045d8
✨ style: prevent header anchor selection
...
- Add `user-select: none` to .zola-anchor class in CSS
2 years ago
99bb93219d
💄 style: use shadow instead of border for cards
2 years ago
050f546e27
🐛 fix: set proper scope to transparent hover for anchor
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
5df62f546c
💄 style: improve header's responsiveness
...
Both title and navs take up 100% of the width on small displays.
Closes #48
2 years ago
0f14171b6a
♻️ refactor: move .last-updated to main.scss
2 years ago
8006500593
💄 style: minor changes to article title
...
Increases line height.
2 years ago
a39306f6ef
💄 style: narrower article content for blog posts
2 years ago
16d69ba0d7
🎨 refactor: improve code structure
...
💄 style: change code colours
2 years ago
15f26293b5
💄 style: reduce text/background contrast
2 years ago
7fbb4d7acd
💄 style: darken background for inline code (dark theme)
2 years ago
15c1280706
💄 style: hide anchor links on small screens
2 years ago
884cc90439
🐛 fix: remove header link background change on hover
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
667f15abb2
🐛 fix: remove h1 permalink 🔗 background on hover
2 years ago
9560103ce7
♿ ️ fix: improve tap target sizing for tags
2 years ago
450c896ba7
💄 style: smaller socials; add Zola & tabi mention
...
💄 style: smaller socials; add Zola & tabi mention
2 years ago
603ac09baa
🔥 refactor: remove useless css
2 years ago
50b8d5fc7b
♿ ️ fix: improve accessibility in lists & taps
2 years ago
b7c89753ec
💄 style: smaller socials; add Zola & tabi mention
2 years ago
0f07a6e98b
💄 style: remove round borders on tables for consistency
2 years ago
ba19524254
💄 style: simplify colourscheme
...
Improves accessibility and cohesion.
2 years ago
77298d82b0
💄 style: fix invisible url on hover in projects
2 years ago
e51f5318d6
♿ ️ style: increase contrast for link hover
2 years ago
283f3d3934
💄 style: decrease margin between date and post title
2 years ago
dc64e2589d
💄 style: wrap post description in `<p>`
2 years ago
1f4f3a906f
💄 style: increase margin between anchor and header
2 years ago
f83c75ed04
🔥 refactor: remove useless lines
2 years ago
7532e0ab12
✨ feat: add anchor header links on hover
...
Closes #64
2 years ago
7195734d59
🐛 fix: set proper ul & li scope for .meta elements
...
Fixes broken Table of Contents styling.
2 years ago
cd2ab356be
💄 style: redesign post listing and other minor changes
2 years ago
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
4fe8643a1a
💄 style: larger section titles
2 years ago
0068912163
Merge branch 'main' into fix/style
2 years ago
9637e053c3
💄 style: change switcher margin and width/height to rem
2 years ago
973e0f76f8
💄 style: increase padding between navs
2 years ago
099f094f31
🐛 fix: add end-of-file newline
2 years ago
b8e372c733
💄 style: set equal padding on social icons
2 years ago
2b1887e316
💄 style: add padding before Next/Prev links (pagination)
...
Actually adds padding *after* bloglist-container
2 years ago
55d928a3d5
✏️ fix: _archive import typo
2 years ago
fcb8db43a6
💄 style: increase padding between navs
2 years ago
19caf3fab1
💄 style: add styles for archive screen
2 years ago
7b74bc0b91
♿ ️ fix: set alt-text colour for social links
...
They were unreadable before.
2 years ago
c6c83797bf
💄 fix: set aspect-ratio on banner-home-ig
2 years ago
1c1e124115
🐛 fix: make navbar width and margin same as content
2 years ago
095b9d0d07
🐛 fix: add end-of-file newline
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
6a4620a33b
🐛 fix: set consistent padding between nav and main content
2 years ago
1f11e8480e
🐛 fix: improve responsiveness of home banner
2 years ago
8b28ea75d6
🐛 fix: consistent round background for hovering over links
...
Changes the coloured background on the main/home title text when
hovering, so that it is as round as the rest of the navbar.
2 years ago
4d57e097d1
🐛 fix: ensure text remains visible during webfont load
2 years ago
049df81d6c
🐛 fix: allow for relative paths everywhere
...
Allows hosting the page on subdirectories.
2 years ago
e74eaee40e
Merge pull request #8 from welpo/fix/hover-colors
...
Fix/hover colors
2 years ago
ec93d0a4ae
💄 style: change contrast for codeblocks
...
Lowers the contrast for codeblocks' background in light theme and
increases it for the dark theme.
2 years ago
b044e30b1a
🐛 fix: nav-links hover style
2 years ago
ec51960eeb
Remove .DS_Store
2 years ago
5d978abffb
Set green colour for selection in light mode.
...
Matches the design of the dark mode, where the selection colour is
similar to the accent colour.
2 years ago
01f670b1fc
Lighter font in dark mode and for all block quotes.
2 years ago
57ea76111e
Improve inline code blocks contrast & remove border
...
Also removes .DS_Store from static/
2 years ago
64ed8287ff
🐛 fix: syntax highlighting
2 years ago
0b117d1641
first commit
2 years ago
welpo