~dricottone/blog

ref: 802e6f4ba742dd2e8930bf810759c5665a3cd19f blog/layouts/partials/head.html -rw-r--r-- 1.5 KiB
Redesign of header/navigation

The header has been killed. Page titles will take its place.

The navigation has been redesigned entirely. For full-size web pages,
the sidebar has been killed in favor of a horizontal list. For mobile
web pages, that same list (i.e. there is only one list that is being
manipulated by CSS) is displayed as vertical blocks. A button that is
styled to look like list item blocks then toggles the visibility of the
list.

This is hopefully more accessible and more reliable than the previous
navigation, which utilized two lists that were dynamically swapped out.
The dropdown menu was also a recurring issue for visual consistency and
accessibility.
Layout and CSS updates

Added a footer to the blog.

CSS for footers has been centralized in the common stylesheet.

CSS for headers has been relocated from the headers stylesheet to the
common stylesheet. A small styling patch was centralized out of the cgit
stylesheet. Links to the headers stylesheet are removed.

An inconsistency between the blog and git web has been fixed. The blog
has a small padding on the main element. Since cgit does not generate a
main element, this styling had to be applied to div#cgit.

An inconsistency in table layouts in git web has been fixed. Table cells
have a transparent border acting as a controlled table separation. Table
headers were lacking the same border and therefore appeared to peak out
over the column.
Bump jquery version
Slight refactor

I'm trying to replace `var` with `let` everywhere. TBD if that's a good
idea or not.
Refactor head partial

Switch commented-out resources to conditional resources. Now these CSS
and JS files can be sourced on a per-page basis. Simply set e.g.
`lightbox = true` in the header of a Markdown file.

Removed outdated `navi.css`.

Added helpful comments and reorganized resources by type rather than
source.

Added logic to JS inline script so that the list navigation can be
tabbed through and the focused item will trigger on hitting Enter.