welpo
e78451dbba
💄 style(projects): add border-radius and cleaner shadow
1 year ago
Óscar
a37756c6fa
✨ feat(alias): style redirect page ( #156 )
1 year ago
Óscar
6f269eee4a
✨ feat(templates): introduce info-page template ( #147 )
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
Óscar
32a2d5094b
🌐 feat(i18n): overhaul translation system & add languages ( #145 )
...
Revamp the existing translation system, simplifying
management and adding several new languages. The new system reads from
TOML files in the `/i18n` directory and improves template structures.
It also enhances customisation options and robustness by providing
fallbacks and modularity.
- Implement a new, streamlined translation macro.
- Load translations from `/i18n` TOML files.
- Remove redundant configuration requirements.
- Refactor templates to align with new i18n system.
- Add support for Hindi, Japanese, Russian, Portuguese, Chinese,
Italian, German, Ukranian, Korean, and French languages.
- Credit Thomas Weitzel (@thomasweitzel) for inspiration.
1 year ago
welpo
327545f2d5
💄 style(code blocks): harmonise highlight colour
...
Should've been done in #131
1 year ago
welpo
0a61bd3405
💄 style(code tags): set border radius to inline code
...
Improves cohesion with the rest of the theme.
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
718f477949
💄 style(quick-navigation): reduce max-height for ToC
2 years ago
Óscar
9c3e5d3990
🐛 fix(home-banner): allow missing image & correct spacing ( #123 )
...
Also removes the necessity for $BASE_URL in specifying home banner images.
2 years ago
welpo
1adf2423f3
💄 style: use divider-color for <hr> & remove border-color
2 years ago
welpo
95a35fceb6
🔥 chore(css): remove duplicated hr declaration
2 years ago
welpo
1be3fa886c
💄 style: stylise scrollbar based on site's color scheme
...
See #114 and Jieiku/abridge#136
2 years ago
welpo
ce7ac7cf2c
💄 style(codeblocks): unhide scrollbars
...
Not enough people know about Shift+Scroll :(
Plus, if someone doesn't like scrollbars, they can hide them globally.
See #114
2 years ago
Óscar
ac41bb18f8
✨ feat(quick-navigation): add ToC button ( #115 )
2 years ago
welpo
f8f2967527
🔥 chore(tags): remove unused CSS
2 years ago
welpo
8b091ba7e9
💄 style(projects): cleaner shadow
2 years ago
welpo
09410e32bc
🔥 chore: remove duplicated overflow-x declaration
2 years ago
Óscar
151063d74b
✨ feat(shortcode): add spoiler shortcode ( #113 )
2 years ago
Óscar
5ae21b5335
✨ feat(footer): add configurable copyright notice ( #112 )
2 years ago
welpo
a6046cd9d7
💄 style: set transparent bg for code in table headers
...
Changed the background color of the `code` tags within table headers
to transparent to enhance readability and contrast. This ensures
that the code tags in headers remain visually distinct
while not detracting from overall table aesthetics.
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
497566e696
🔥 chore: remove duplicated `p` line-height
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
fffaece884
💄 style: use theme variable for table borders
...
Borders looked jarring in the dark theme, as the hardcoded variable was too close to white.
Also reduces tables' top and bottom margin.
2 years ago
welpo
fb0dea0106
✨ feat: add wide container shortcode
2 years ago
welpo
f8891dba2c
💄 fix: improve contrast on `code` within links on hover
...
Fixes #106 .
2 years ago
welpo
8949db43e1
💄 fix: draft margin
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
Óscar
f8cce3001c
✨ feat: introduce skins to customise the theme ( #105 )
2 years ago
welpo
d2780f42a3
✨ feat: add pointer cursor to image toggler
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
672772a700
🐛 fix: align text to left codeblocks with line numbers
...
Fixes issue introduced in commit 85ccc08
, which centered all table text.
2 years ago
Óscar
5cdc18e688
✨ feat: add backlinks to footnotes ( #101 )
2 years ago
welpo
a1ceb74785
💄 style: improve footnotes and `<hr>` styling
...
Fixes multiple footnotes having a horizontal line above each.
2 years ago
welpo
85ccc081e4
💄 style: center all table text
2 years ago
welpo
3dc3e49131
💄 style: remove figure & img max height
2 years ago
welpo
9a98789922
✨ feat: add support for Isso comments
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
5993e950c7
✨ feat: add support for giscus and utterances
2 years ago
welpo
19d120019b
✨ feat: add support for giscus & utterances comments
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
abf32b8147
🐛 fix: ensure codeblock header visibility on iOS
...
Scrolling touch, a glitch,
Absolute, its position,
Solved, in code's rich stitch.
2 years ago
welpo
d7b01914f8
💄 style: hide horizontal scrollbar in codeblocks
2 years ago
Óscar
ee6a54b3f9
✨ feat: add copy button to code blocks
2 years ago
welpo
fcc2cafcdc
💄 style: darken codeblock highlight colour
2 years ago
welpo
d1e51f5866
💄 style: increase spacing in archive
2 years ago
welpo
2dec139e41
✨ feat: add copy button to code blocks
2 years ago
welpo
f5603acbdb
💄 style: reduce bold font-weight
2 years ago
welpo
8415535e13
💄 style: add codeblock background colours
2 years ago
welpo
7c3463c0fe
💄 style: round tables borders
2 years ago
welpo
787243c3c5
♻️ refactor: unify table styling
2 years ago
welpo
8e1473bba9
🚧 feat: add basic copy button to codeblocks
2 years ago
welpo
700037afe5
💄 style: redesign code block header
2 years ago
welpo
fd50204e32
✨ feat: add full-width image option to shortcodes
...
Closes #85
2 years ago
welpo
8c5f30556a
⚰️ refactor: remove unused code
2 years ago
welpo
0494a54f57
💄 style: add styling to infobox
2 years ago
welpo
36930dc817
💄 style: add `padding-top` class
2 years ago
welpo
4df7cdcb7a
🐛 fix: set svg max-height only for social icons
2 years ago
welpo
da3882294c
💄 style: standarise margin in projects and archive
2 years ago
welpo
5bdb8045a6
💄 style: set custom header anchor
2 years ago
welpo
ab29511d5e
✨ feat: add multilingual quote shortcode
2 years ago
welpo
5d91a0dcac
💄 style: center wrapped menu items
...
💄 style: decrease spacing around language switcher
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
4af487eced
💄 style: round down code font-size
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
69989ccc94
⏪ style: increase margin between posts and year
2 years ago
welpo
5907091893
💄 style: move padding from post-time to listing-item
...
Fixes uneven background size on hover for titles.
2 years ago
welpo
25d3a4d109
⏪ ️ style: restore meta font in article to sans-serif
2 years ago
welpo
87a5c9a3a2
♻️ refactor: simplify sans-serif-font declarations
...
🐛 fix: use sans-serif in article
2 years ago
welpo
6a5670d5a0
📱 style: improve mobile date display and title spacing
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
14997045d8
✨ style: prevent header anchor selection
...
- Add `user-select: none` to .zola-anchor class in CSS
2 years ago
welpo
99bb93219d
💄 style: use shadow instead of border for cards
2 years ago
welpo
050f546e27
🐛 fix: set proper scope to transparent hover for anchor
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
5df62f546c
💄 style: improve header's responsiveness
...
Both title and navs take up 100% of the width on small displays.
Closes #48
2 years ago
welpo
0f14171b6a
♻️ refactor: move .last-updated to main.scss
2 years ago
welpo
8006500593
💄 style: minor changes to article title
...
Increases line height.
2 years ago
welpo
a39306f6ef
💄 style: narrower article content for blog posts
2 years ago
welpo
16d69ba0d7
🎨 refactor: improve code structure
...
💄 style: change code colours
2 years ago