Add a skip navigation link as the first tabbable element;
announced by screen readers and initially hidden visually,
and visually shown only on focus
The `license` fragment will also be moved further down the order,
since it previously conflicted with the keyboard navigation
I am not too familiar with the various design colors yet,
so feel free to fix them for me,
or point me to some further resources regarding the design;
I merely addressed the contrast on the dark mode,
and made the best educated guess about light mode I could :D
Reviewed-on: https://codeberg.org/Codeberg/Documentation/pulls/421
Reviewed-by: Otto <otto@codeberg.org>
Reviewed-by: Patrick Schratz <pat-s@noreply.codeberg.org>
Co-authored-by: banaanihillo <banaanihillo@noreply.codeberg.org>
Co-committed-by: banaanihillo <banaanihillo@noreply.codeberg.org>
Increase the contrast of the placeholder text in the search input, so it's actually readable.
Reviewed-on: https://codeberg.org/Codeberg/Documentation/pulls/375
Co-authored-by: Gusted <postmaster@gusted.xyz>
Co-committed-by: Gusted <postmaster@gusted.xyz>
This should solve #23.
This is a fully static search implementation powered by [Pagefind](https://pagefind.app/).
In terms of UI, I found and implemented a section in the sidebar for searching the documentation. It was hidden presumably waiting for implementation. It mentioned using the slash (/) key for searching, so I implemented the hotkey as well.
I made the indexing command required by Pagefind run after Eleventy finishes building using the `.after` hook.
Reviewed-on: https://codeberg.org/Codeberg/Documentation/pulls/370
Co-authored-by: oatbiscuits <oatbiscuits@noreply.codeberg.org>
Co-committed-by: oatbiscuits <oatbiscuits@noreply.codeberg.org>
Related issue: https://codeberg.org/Codeberg/Documentation/issues/330
This is my attempt at adding admonition-like boxes to the documentation. The goal is to make important stuff stand out more (especially warnings and alike).
The system uses a custom `<admonition>` box which allows classes for further customization. I.e. `<admonition class="warning">` to display a warning box.
I first wanted to make individual boxes (`<warning>`, `<note>`, ...) but decided against it, as it would've created a lot of duplicate CSS.
The CSS is designed in such a way that the first paragraph of the box is made bold (font-weight 700) while any subsequent ones are not.
The following forms of admonitions are included:
- Info (default)
- Note
- Tip
- Warning
Reviewed-on: https://codeberg.org/Codeberg/Documentation/pulls/337
Co-authored-by: Andre601 <github@andre601.ch>
Co-committed-by: Andre601 <github@andre601.ch>
Reduces line width in main text area to increase readability
fixes#183
Reviewed-on: https://codeberg.org/Codeberg/Documentation/pulls/184
Co-authored-by: lukaskluge <lukaskluge@noreply.codeberg.org>
Co-committed-by: lukaskluge <lukaskluge@noreply.codeberg.org>
This PR adds anchor links to any markdown headings. It also replaces any hacky workarounds used previously.
Closes#83.
Reviewed-on: https://codeberg.org/Codeberg/Documentation/pulls/159
Co-authored-by: n <n@noreply.codeberg.org>
Co-committed-by: n <n@noreply.codeberg.org>
