~dricottone/blog

ref: b407ec90fa959d8f13b1f40a341672fabe7f8305 blog/static/css/common.css -rw-r--r-- 2.5 KiB
Redesigned layout

Replaced div.footer tag with footer tag. Also rewrote footer content.

Removed excessive div.navi tag.

Removed article tag from non-blog post pages.

Paragraphs are now only indented on blog posts.

Headers are smaller and have less white space below them.

Killed two references to cgit that lingered.

List pages now only show titles and dates, no summaries.

Added Creative Commons licensing for web site content.
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.
Multiple design changes

Refactored header and footer into distinct partials. Also centralized
the CSS for these sections.

Refactored blog post lists into a partial.

Refactored blog HTML and CSS to be more universally clear across my
domains.
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.
Fix navigation sidebar

On some platforms (i.e. Firefox for Windows), the scrollbar was shown
regardless of whether it was necessary.
Refactoring more whitespace
New post and redid some styling/templating
Migrating hosts; Remove old JS