| Age | Commit message (Collapse) | Author |
|
The fix for anchor position has been updated in asciidoctor-go,
so lets remove the quick fix in here.
|
|
Previously, when `:sectanchors:` is set, the default anchor symbol
position is absolute on the left side of heading text with block display
option (the symbol located outside of box area of headers).
In special case, this cause an overflow when the generated HTML are
rendered inside flex with fixed height (the body is scrollable with empty
content on bottom).
This module changes the anchor symbol position to the right side of
heading text to prevent scroll on such layout, without absolute position
and normal inline layout.
|
|
Changes,
* Set the anchor text-decoration back to none but with hover set to
underline
* Set only h2 to have border bottom
* Increase top margin for headings
* Set the topbar layout using flex and remove margin and padding for
form elements
* Change the sectanchor indicator to display on hover.
Minimize unncessary text displayed on screen.
* Add style for block quotes
|
|
In the header, we made the authors, version, date, remark to be italic.
In the ToC, we show the "Table of Contents" title back, re-align it to
match with the top and bottom elements.
|
|
While at it, add padding bottom to the #footnotes in HTML generated by
asciidoctor-go.
|
|
On HTML output of markdown, there is no .container #header and #content
so the page content will not get centered (using margin).
To fix this, we set the margin auto on .container class and use the
default background on #footer.
|
|
The foreground color changes to conform with color-contrast
ratio threshold, with score AAA. [1]
Add ARIA role to each section of pages: banner for topbar,
main for page, and contentinfo for footer.
This is to make the webpage more robust and functional no matter
what screen reader technology is used. [2]
For touch devices, increase the line height on Table of Contents.
This is to help users who may have difficulty in confidently targeting or
operating small controls. [3]
[1]: https://dequeuniversity.com/rules/axe/4.11/color-contrast
[2]: https://dequeuniversity.com/rules/axe/4.11/landmark-one-main
[3]: https://dequeuniversity.com/rules/axe/4.11/target-size
|
|
* Reordering the styles based on the HTML layout.
* Changes the background color for verbatim and source code
* Add background color to footer
* Set the topbar and footer width to full
|
|
Instead of splitting the topbar into top-heading and menu,
breaking it down by class item.
|
|
Add common styles for asciidoctor elements with dark theme.
Common styles including title, header, anchor, lists, table, and footer.
|
|
Previously, with direct embed, every time we change the CSS or index
template, we need to restart the "ciigo serve" command.
Using memfs make us easy to update and see the changes directly, without
restarting the server.
|