<feed xmlns='http://www.w3.org/2005/Atom'>
<title>ciigo/_static/ciigo.css, branch dev</title>
<subtitle>Static web server with AsciiDoc and Markdown.</subtitle>
<id>http://git.kilabit.info/ciigo/atom?h=dev</id>
<link rel='self' href='http://git.kilabit.info/ciigo/atom?h=dev'/>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/'/>
<updated>2026-04-04T11:01:45Z</updated>
<entry>
<title>_static: remove the flex-direction in headings</title>
<updated>2026-04-04T11:01:45Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-04-04T11:01:45Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=60081b107767ae33f011459d193bfcbab02e78c8'/>
<id>urn:sha1:60081b107767ae33f011459d193bfcbab02e78c8</id>
<content type='text'>
The fix for anchor position has been updated in asciidoctor-go,
so lets remove the quick fix in here.
</content>
</entry>
<entry>
<title>all: make the anchor symbol position on the right side of headers</title>
<updated>2026-03-26T08:41:06Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-03-26T08:41:06Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=2ec679da42354a3be81e617da27bc84977729e33'/>
<id>urn:sha1:2ec679da42354a3be81e617da27bc84977729e33</id>
<content type='text'>
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.
</content>
</entry>
<entry>
<title>_static: update the default style</title>
<updated>2026-02-03T21:17:06Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-02-03T21:17:06Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=b447e8991270ddf634761c7a6b7daf411211f2a5'/>
<id>urn:sha1:b447e8991270ddf634761c7a6b7daf411211f2a5</id>
<content type='text'>
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
</content>
</entry>
<entry>
<title>_static: improve styling on header and table of contents</title>
<updated>2026-01-29T13:03:03Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-01-29T13:03:03Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=39e57b91cd4a1991afbaa281832f9bb6f960ea70'/>
<id>urn:sha1:39e57b91cd4a1991afbaa281832f9bb6f960ea70</id>
<content type='text'>
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.
</content>
</entry>
<entry>
<title>_static: fix pre style on HTML generated by markdown</title>
<updated>2026-01-27T22:50:31Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-01-27T22:43:42Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=f905c3330aaa6f1c1f5b78815290691f20cf3668'/>
<id>urn:sha1:f905c3330aaa6f1c1f5b78815290691f20cf3668</id>
<content type='text'>
While at it, add padding bottom to the #footnotes in HTML generated by
asciidoctor-go.
</content>
</entry>
<entry>
<title>_static: fix page rendering on markdown</title>
<updated>2026-01-26T13:06:09Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-01-26T13:03:47Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=7a03c1583a9560d907b1d0c43baf21be314facc6'/>
<id>urn:sha1:7a03c1583a9560d907b1d0c43baf21be314facc6</id>
<content type='text'>
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.
</content>
</entry>
<entry>
<title>all: conform with Lighthouse recommendations</title>
<updated>2026-01-24T14:23:59Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-01-24T14:23:59Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=04422f8d237d1af542f2abe5ac5f7be0ab276843'/>
<id>urn:sha1:04422f8d237d1af542f2abe5ac5f7be0ab276843</id>
<content type='text'>
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
</content>
</entry>
<entry>
<title>_static: second round for cleaning up styles</title>
<updated>2026-01-24T12:29:21Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-01-24T12:29:21Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=453196d778979e084cbbedf9ba12cea398b84bf8'/>
<id>urn:sha1:453196d778979e084cbbedf9ba12cea398b84bf8</id>
<content type='text'>
* 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
</content>
</entry>
<entry>
<title>_static: simplify the topbar section</title>
<updated>2026-01-24T11:45:20Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-01-24T00:10:06Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=ca3c34e362d36d71e04e35aa9a4e9147f3cccb3f'/>
<id>urn:sha1:ca3c34e362d36d71e04e35aa9a4e9147f3cccb3f</id>
<content type='text'>
Instead of splitting the topbar into top-heading and menu,
breaking it down by class item.
</content>
</entry>
<entry>
<title>all: improve default stylesheet</title>
<updated>2026-01-24T10:31:27Z</updated>
<author>
<name>Shulhan</name>
<email>ms@kilabit.info</email>
</author>
<published>2026-01-23T23:03:38Z</published>
<link rel='alternate' type='text/html' href='http://git.kilabit.info/ciigo/commit/?id=94d78cae118b40852bab76b8c5ec1e46226cb4ef'/>
<id>urn:sha1:94d78cae118b40852bab76b8c5ec1e46226cb4ef</id>
<content type='text'>
Add common styles for asciidoctor elements with dark theme.
Common styles including title, header, anchor, lists, table, and footer.
</content>
</entry>
</feed>
