94 Commits (f7d6076620d92133c78a039c341d7b248b804bdc)

Author SHA1 Message Date
Óscar a37756c6fa
feat(alias): style redirect page (#156) 1 year ago
welpo 355162ebe1
💄 style(sans-serif): slightly increase bold weight
Partially reverts bcc3f83
1 year ago
Óscar 14ccb208cf
🎨 refactor: turn macros into partials & sort CSS (#146) 1 year ago
welpo bcc3f83d85
💄 style: reduce bold text font weight on sans-serif
Stays the same for articles (serif).
1 year ago
welpo 327545f2d5
💄 style(code blocks): harmonise highlight colour
Should've been done in #131
1 year ago
Óscar 0055a3613e
️ fix(a11y): update heading tags (#140) 1 year ago
Óscar d6a5b1ab93
💄 style(code blocks): change syntax highlighting theme & text size (#131)
📝 docs: remove opening and closing +++ in TOML codeblocks
1 year ago
welpo 1adf2423f3
💄style: use divider-color for <hr> & remove border-color 2 years ago
welpo 1be3fa886c
💄style: stylise scrollbar based on site's color scheme
See #114 and Jieiku/abridge#136
2 years ago
Óscar ac41bb18f8
feat(quick-navigation): add ToC button (#115) 2 years ago
Óscar 151063d74b
feat(shortcode): add spoiler shortcode (#113) 2 years ago
welpo 275950f97d
💄 style: adjust font styles for <details> and <summary>
Serif in text body, sans serif in tables.
2 years ago
welpo 2ebf72c83f
💄 style: keep top/bottom element's margin in `full-width`
Again, reverting b1b98eb
2 years ago
welpo 8cfab98e72
️ fix: revert flex display (b1b98eb) 2 years ago
welpo b1b98eb2b1
💄 style: retain element's spacing within `full-width` 2 years ago
welpo 503f54ab5e
🔥 chore: remove duplicated code 2 years ago
welpo 56a53dce0c
🐛 fix: remove flex display on full-width elements
Avoids columns being created when multiple items are within the shortcode.
2 years ago
welpo 4b38d53693
💄 style: reset margin & padding for children of `.full-width` 2 years ago
welpo fb0dea0106
feat: add wide container shortcode 2 years ago
welpo a799732398
refactor: switch from `@import` to `@use`
`@import` is set to be deprecated.

See: https://github.com/sass/sass/blob/main/accepted/module-system.md#timeline
2 years ago
welpo 7ccd71736e
feat: add 2 interactive image shortcodes
- `image_hover` changes image on mouse hover.

- `image_toggler` swaps image on click.
2 years ago
welpo c53ecdc472
🔥 style: remove dark primary colour variable 2 years ago
welpo e3ee95d718
💄 style: redesign block quotes 2 years ago
welpo 05a6d15455
feat: add quick navigation buttons
💄 style(dark): change inline code background

♻️ refactor: simplify comment system logic
2 years ago
welpo 93c8b577b8
🚧 feat: add utterances support 2 years ago
welpo b76f9bbf44
💄 style: increase body left/right margins 2 years ago
welpo af81f88b92
🎨 refactor: combine and reorder media queries 2 years ago
welpo fcc2cafcdc
💄 style: darken codeblock highlight colour 2 years ago
welpo f5603acbdb
💄 style: reduce bold font-weight 2 years ago
welpo 8415535e13
💄 style: add codeblock background colours 2 years ago
welpo fd50204e32
feat: add full-width image option to shortcodes
Closes #85
2 years ago
welpo 5bdb8045a6
💄 style: set custom header anchor 2 years ago
welpo ab29511d5e
feat: add multilingual quote shortcode 2 years ago
welpo 00c7d153c6
💄 style: widen article body; less reading saccades 2 years ago
welpo fa9229377d
feat: add multi-language support 2 years ago
welpo 67aad3ef74
💄 style: standarise font rendering across browsers
Use Source Serif ttf instead of otf for proper font rendering in Chromium.

Use Cascadia Code SemiLight to reduce filesize.
2 years ago
welpo 3275e8a509
📱 style: reduce header-content margin in mobile
Except for articles.
2 years ago
welpo 87a5c9a3a2
♻️ refactor: simplify sans-serif-font declarations
🐛 fix: use sans-serif in article
2 years ago
welpo ea00c9b9df
💄 style: standarise font rendering across browsers 2 years ago
welpo a5981e6fdd
🐛 fix: remove flashing from header text (Firefox)
Loads a subset of the sans-serif font for the header.

Fixes #75
2 years ago
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
2 years ago
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
2 years ago
welpo a89fc02a96
💄 style: set a minimum value for paragraph spacing 2 years ago
welpo 1c07128aeb
💄 style: use theme's primary colour for table headers 2 years ago
welpo 7a1bb1d04c
🎨 refactor: improve code format; set tabs = 4 spaces 2 years ago
welpo 0f14171b6a
♻️ refactor: move .last-updated to main.scss 2 years ago
welpo a39306f6ef
💄 style: narrower article content for blog posts 2 years ago
welpo 15f26293b5
💄 style: reduce text/background contrast 2 years ago
welpo 7fbb4d7acd
💄 style: darken background for inline code (dark theme) 2 years ago
welpo 76db25b44a
♻️ refactor: standarise left/right margins 2 years ago