Table of Contents
Modern high-contrast CSS3 & HTML5 Hugo theme inspired by old-school themes.
It attempts to be accessible, private, and responsive.
The theme is currently a work in progress, but is still working well at https://thecshore.com.
You can view thedocumentation for New OldNew Mashup Theme
Examples of Sites Using This Theme
Even Lazier Blogger Menus and Navigation
This theme implements menus and navigation without requiring additional
menu: entries). First, it automatically creates a
menu bar based on the top level sections and their sibling pages and
sub-sections (from which individual pages or sections can be excluded).
Likewise, on each page we generate buttons for linear traversal
(Previous|Next) and Up. That means, except for pages which are
intentionally excluded, that the entire site can be read from landing
page to last page of the last section by clicking ‘Enter Site’, and then
‘Next’ on every subsequent page.
Finally the right sidebar will contain a navigation menu for the current section and one level of subsections.
A note on navigation and display order
The linear traversal mentioned above uses Hugo's default Page ordering, which means you can set the ‘weight’ metadata in the front-matter of pages that are not naturally in the order you wish (basic ordering is by date). Lower weight sorts earlier.
This theme implements a search functionality using Fuse.js, Mark.js, and some custom code.
The theme includes basic support for a contact form (given an appropriate server-side POST receiver).
A note on displaying copyright / licenses
This theme has an archetype and taxonomy that make it easy to indicate the copyright and licensing for your pages. In the front-matter add the license (or licenses) as a list in a licenses field, and copyright in a copyright field.
--- copyright: © 2019 Daniel F. Dickinson licenses: - CC-BY-4.0 ---
The copyright and license information will appear in the colophon in the footer of the page.
You can mix and match licenses as you wish (in terms of the above scheme, whether the licenses can actually work together is another story).
Date and Time of Publishing
Three dates and times are available for every page and are included in the footer by default: creation, modification, and site generation.
Hugo's RSS feed generation is enabled and linked to from the footer.
Goal: 100% W3C valid HTML5 and CSS3
At present, due to the requirement to support IE11, there are non-compliant media queries used to detect IE11.
A Human-readable sitemap shortcode is available.
Hugo Taxonomies are implemented.
If you wish to make a submission, please send a pull request.