This commit adds support for icon optimization using inline svgs,
improving site performance.
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
When accessing a page that's far down the left-hand sidebar, we have a
script that would scroll the sidebar position down so that the selected
item is visible. In some cases, this would cause some confusion and
jittery rendering on page load.
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Removes the alpine.js components for the sidebar, and uses vanilla
eventlisteners instead. Also moved off javascript for handling the
expanse/collapse display, in favor of using css only.
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Before this change, the Dockerfile tooltip script marked all occurences
of keywords, as defined by the lexer, as Dockerfile instructions in a
`dockerfile` code block. This meant some tokens parsed from heredocs
would be included. The matched keyword token is now compared against a
hard-coded list of actual Dockerfile instructions before they're
annotated.
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Adds an .external-link utility class, to be used together with the
existing .link utility, for adding the correct styles to the open_in_new
icon without having to duplicate the markup each time.
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Adds an .icon utility class to set ligature text via via a data-icon
attribute on the element. This is a workaround to prevent crawlers from
picking up the font ligature innertext in html directly.
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
- Refactoring styles to prevent unwanted specificity issues by using
tailwind directives
- Improve color consistency for code blocks and other components by
replacing adhoc hex values with theme colors
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
NameOther identifiers had a dark violet color in dark mode, making them
illegible in e.g. code blocks. Changed to plain white.
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
- Use full reading col width for tables on large screens
- Use `display: block; overflow-x: scroll;` on small screens
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Search results include the hostname by default.
This change strips the hostname which makes it
possible to search when the site is deployed on
other domains, such as netlify and localhost.
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
