What’s New in Hydejack 9.1?

What’s New in Hydejack 9.1?

Version 9.1 provides minor design changes, new features, and closes multiple issues.

What’s New in Hydejack 9.1?

Stripe-ified Design

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.

Inverted Sidebars

The colors on the sidebar can now be inverted to allow brighter sidebar images. This can be enabled per-page in the fort matter:

invert_sidebar: true

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:

Download Buttons

Resumes can now have download buttons.

The documentation has been updated with a chapter on how to configure the buttons.

SERP Breadcrumbs

Added breadcrumbs above page title:

Breadcrumbs

Bread crumbs are now shown above each 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.

Last modified at

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.

Credits

Photo by JJ Ying on Unsplash


© 2023. Nikita Lazarev. All rights reserved.