About

ModenMoto

With over 20 years of providing quality Front-End, User Experience and Information Architecture, There are few things I have not worked with. I am self-taught and never stop learning and growing. I consider this the most valuable asset I have in my repertoire. It has forged me into a studious engineer who is extremely creative and can tackle any challenge.

Hydejack

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

  1. Hydejack
  2. A Personal Site That Won’t Disappear
  3. Download
  4. A Free Blogging Theme
  5. An Impressive Portfolio
  6. A Printable Resume
  7. Just Markdown
  8. Just Markup
  9. Syntax Highlighting
  10. Beautiful Math
  11. Build an Audience
  12. Features
  13. Comparison
  14. Get It Now

Screenshot

Hydejack’s cover page on a variety of screen sizes.

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.

A Personal Site That Won’t Disappear

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.

Download

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:

 FreePRO
Blog
Features
Documentation
Portfolio 
Printable Resume 
Dark Mode 
Built-In Search 
Custom Forms 
Newsletter Box 
Grid layout 
Offline Support 
Table of Contents1 
Cookie Banner 
No Hydejack Branding 
LicenseGPL-3.0PRO
SourceGitHubIncluded
PriceFree$99 $69 One-Time Payment 2
 DownloadBuy PRO

A Free Blogging Theme

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

An Impressive Portfolio

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

A Printable Resume

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

Resume PDF

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

Just Markdown

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

Just Markup

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:

w3m Screenshot

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

Syntax Highlighting

Hydejack features syntax highlighting, powered by Rouge.

<!-- file: `_includes/my-body.html` -->
<script type="module">
  document.querySelector("hy-push-state").addEventListener("hy-push-state-load", () => {
    const supportsCodeHighlights = false; // TBD!!
  });
</script>

Code blocks can have a filename and a caption.

Beautiful Math

They say math is beautiful — and with Hydejack’s math support it’s guaranteed to also look beautiful: \[\begin{aligned} \phi(x,y) &= \phi \left(\sum_{i=1}^n x_ie_i, \sum_{j=1}^n y_je_j \right) \\[2em] &= \sum_{i=1}^n \sum_{j=1}^n x_i y_j \phi(e_i, e_j) \\[2em] &= (x_1, \ldots, x_n) \left(\begin{array}{ccc} \phi(e_1, e_1) & \cdots & \phi(e_1, e_n) \\ \vdots & \ddots & \vdots \\ \phi(e_n, e_1) & \cdots & \phi(e_n, e_n) \end{array}\right) \left(\begin{array}{c} y_1 \\ \vdots \\ y_n \end{array}\right) \end{aligned}\]

Hydejack uses KaTeX to efficiently render math.

Build an Audience

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.

Features

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 first 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 Score3
  • 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
  • Works with GitHub Pages out of the box4

Comparison

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:

 FreePRO
Blog
Features
Documentation
Portfolio 
Printable Resume 
Dark Mode 
Built-In Search 
Custom Forms 
Newsletter Box 
Grid layout 
Offline Support 
Table of Contents1 
Cookie Banner 
No Hydejack Branding 
LicenseGPL-3.0PRO
SourceGitHubIncluded
PriceFree$99 $69 One-Time Payment 2
 DownloadBuy PRO

Get It Now

Use the the form below to purchase Hydejack PRO:

  1. Large screens (> 1664px width) only. ↩︎ ↩︎2

  2. Price now permanently reduced by 30%! Use the offer code QR0TW8M to apply this discount later.

    If you’re upgrading from Hydejack 8, find your upgrade discount code in the latest zip download. ↩︎ ↩︎2

  3. Actual page load speed depends on your hosting provider, location, resolution and format of images, usage of 3rd party plugins, and other factors. ↩︎

  4. Some limitations apply, most notably the need to use use MathJax instead of KaTeX for math block rendering. ↩︎