Jieiku
commented
1 year ago I recently put in a lot of work eliminating all instances of import because import is deprecated
I think I like the idea of pagination on posts though, so I will check it out.
I can either merge in what you have here if you make some changes or I can just add it locally.
The related css should go into an @if bracket and have a variable (these scss variables can be overridden):
additionally the related variable should be added to the overrides file:
(I used to have all of this broken out into multiple files, but with @use and @include I would have had to use a mixin anytime a variable from another file is used, because there is no global scope now for variables, and I felt this just complicated the understanding for anyone wanting to edit these files, I am mostly only using mixins when a block of code is reusable, such as the fonts and the colors for the theme and syntax. Having all variables in the main scss makes the variables easy to override in the parent site using SASS @use with with (): https://sass-lang.com/documentation/at-rules/use#configuration)
The variables being able to be overridden is particularly important for people that load the abridge theme as a git submodule, they want to get the latest Abridge changes while still being able to customize things. If they simply run a local copy of the theme and edit the files directly then they wont have the latest changes.
wold5
This change displays the last and next article at the bottom of a post, a paginator. This is a first working example. Let me know what you think. It can also wait.
https://github.com/wold5/abridge/blob/d6eb9dc3a586055c7d2a9e89878eaa853fa4a39c/templates/macros/macros.html#L121-L141
Its build after the paginator from tale-zola: template here and css here (MIT license). Tale-zola's implementation uses absolute/relative CSS positioning, which overlap on smaller screensizes. After fiddling a bit with CSS, the simplest solution was a flexbox setup. The CSS animations were left out, and truncation was added for long posts. It requires Zola 1.6.0 at minimum.
Note tale-zola puts the 'top' link in between both pagelinks, which looks OK.
PS. required is the @import "include/pagination";