What’s New in Hydejack 9.1?
- Stripe-ified Design
- Inverted Sidebars
- Code Block Headers
- Resume Download Buttons
- SERP Breadcrumbs
- Last Modified At
- Clap Button Preview
Most elements now have rounded borders, making the design look more modern (dare I say “Stripe-ified”) than ever before.
The goal of Hydejack was always to provide a theme that looks “designed” combined the amenities of a typical Jekyll theme for coders. This is an important step in maintaining this goal.
At the same time, I’m introducing nerdy elements like breadcrumbs, that are almost ornamental in nature. You wouldn’t find these on other Stripe-like designs, but I think they are appealing to developer types like myself. Like most additions to Hydejack, they can be disabled via configuration.
The colors on the sidebar can now be inverted to allow brighter sidebar images. This can be enabled per-page in the fort matter:
Code Block Headers
Code blocks can now have headers:
// file: 'hello-world.js' console.log('Hello World!');
Headers are added by making the first line a comment of the form
(file|title): ['"].*['"], e.g.:
~~~js // file: 'hello-world.js' console.log('Hello World!'); ~~~
Code blocks with and without headers now also come with a copy button. In the case of header-less code blocks, the button only shows on hover to prevent potential overlap.
Resume Download Buttons
Resumes can now have download buttons:
The documentation has been updated with a chapter on how to configure the buttons.
Added breadcrumbs above page title:
Note that this requires a directory-like URL structure on your entire site, otherwise the intermediate links will point to nonexisting sites.
On a side note, Hydejack now has built-in tooltips for abbreviations like SERP (activated via tap/click). See Example Content on how to add them to your content.
Last Modified At
Blog posts can now have a “last modified at” date in the sub title row.
Note that this depends on the
last_modified_at property of the page, which must be either set manually in the frontmatter (not recommended), or via a plugin like
jekyll-last-modified-at. Note that the later is not available when building on GitHub Pages and can increase build times.
Clap Button Preview
I’ve been trying something new with getclaps.app, a feedback and analytics tool for personal sites like those powered by Hydejack. It looks like this:
It is a separate product from Hydejack and not enabled by default. Because it depends on a backend component, it requires a monthly fee. If enabled, it is placed below posts and pages where the dingbat character (❖) used to be.
I can’t claim that this product is fully baked (feedback welcome), but I’ve been using it on my personal site and here for the last couple of months with no issues. For more, see the dedicated website.
There are many more changes and bugfixes in 9.1. See the CHANGELOG for details.
Photo by JJ Ying on Unsplash