A boutique Jekyll theme for hackers, nerds, and academics.

Hydejack's cover page on a variety of screens.

Hydejack is a boutique Jekyll theme for hackers, nerds, and academics, with a focus on personal sites that are meant to impress.

It includes a blog that is suitable for both prose and technical documentation, a portfolio to showcase your projects, and a resume template that looks amazing on the web and in print.

Your complete presence on the web — A blog, portfolio, and resume.

Hydejack is 100% built on Open Source software, and is Open Source itself, save for parts of the PRO version. The PRO version is a one-time payment that gives you the right to use it forever.

Hydejack is all static sites. HTML. All you need is a web server --- any web server --- to have a professional web presence that lasts a lifetime.

There are two versions of Hydejack: The Free Version includes basic blogging functionality and most of Hydejack's Features, such as dynamic page loading and advanced animations.

The PRO Version includes additional features for professionals, such as a portfolio, resume, Dark Mode, Forms, Built-In Search and customizable cookie banners.

The table below shows what's included in each version:

Hydejack started out as a free blogging theme for Jekyll — and continues to be so.

A portfolio that's guaranteed to be impressive — no matter what you put into it.

Get a resume that's consistent across the board — whether it's on the web, mobile, print, or PDF.

Front and center page of a print resume generated by Hydejack.

Write all content with Markdown. Hydejack gives you additional CSS classes to stylize your content, without losing compatibility with other Jekyll themes.

Hydejack boasts a plethora of modern JavaScript, but make no mistake: It's still a plain old web page at its core. It works without JavaScript and you can even view it in a text-based browser like w3m:

The Hydejack blog, as seen by the text browser w3m.

Hydejack features syntax highlighting, powered by Rouge.

// file: `example.js`
document.querySelector("hy-push-state").addEventListener("hy-push-state-load", () => {
  const supportsCodeHighlights = true; //!!
});

Code blocks can have a filename and a caption.

They say math is beautiful — and with Hydejack's math support it's guaranteed to also look beautiful:

Hydejack uses KaTeX to efficiently render math.

The PRO version has built-in support for customizable Tinyletter newsletter subscription boxes.

If you are using a different service like MailChimp, you can build a custom newsletter subscription box using Custom Forms.

An incomplete list of features included in all versions of Hydejack:

• Responsive layout with unique design features for every screen size
• Cover Pages for a stunning fist impression.
• Customizable sidebar and touch-enabled drawer menu
• Single Page Web App-style page loading
• Advanced FLIP animations, inspired by Material Design
• Good Google PageSpeed Score³
• Syntax highlighting, powered by Rouge
• LaTeX math blocks, rendered with ether KaTeX or MathJax at your choice
• Soft-coded labels: Change wording or translate to other languages via a single file
• Support for categories and tags
• Author section below each article and support for multiple authors
• Built-in icons for many social networks
• Simple and semantic HTML + Structured Data
• Google Analytics and Google Fonts support

There are two versions of Hydejack: The Free Version includes basic blogging functionality and most of Hydejack's Features, such as dynamic page loading and advanced animations.

The PRO Version includes additional features for professionals, such as a portfolio, resume, Dark Mode, Forms, Built-In Search and customizable cookie banners.

The table below shows what's included in each version:

*[FLIP]: First-Last-Invert-Play. A coding technique to achieve performant page transition animations.