Hydejack is a Jekyll theme with JavaScript powers, combining the best of static sites and modern web apps. It features a suite of JavaScript that makes the page feel like an app, without sacrificing backwards-compatibility, page-load speed or SEO.

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

Hydejack aims to be the complete package for professionals on the web. It features a blog suitable for both prose and technical documentation, a showcase for your projects, and a resume that fits with the rest of the design.

It's best to just see it in action.

Both versions include these features:

• Full in-app page loading, powered by hy-push-state
• A customizable sidebar that turns into a drawer menu on mobile, powered by hy-drawer
• Advanced FLIP animations, inspired by Material Design
• Good Google PageSpeed Score¹
• Higher perceived speed thanks to content pre-fetching
• Syntax highlighting, powered by Rouge
• LaTeX math blocks, powered by KaTeX
• Change the wording of built-in strings and possibly translate in other languages
• Support for categories and tags
• Built-in icons for many social networks
• Simple and semantic HTML — can be viewed even with text-based browsers
• Author section below each article and support for multiple authors
• Progressive enhancement — sacrifice features, not content
• Google Analytics and Google Fonts support
• Disqus comments
• Print layout — Used to render Hydejack's PDF documentation
• Blog layout via jekyll-paginate (optional)
• SEO meta tags via jekyll-seo-tag (optional)
• Github avatars via jekyll-avatar (optional)
• Gist support via jekyll-gist (optional)

Hydejack is well documented. You can read the docs on the Jekyll site, or on GitHub, or download the PDF.

There are two versions of Hydejack: The free version includes basic blogging functionality, as did previous versions of the theme. The PRO version includes additional features for professionals: A portfolio, a resume layout and a welcome page to feature your favorite projects and posts.

This table details what is and isn't included in each respective version.

 __  __                __                                     __
/\ \/\ \              /\ \             __                    /\ \
\ \ \_\ \   __  __    \_\ \      __   /\_\      __       ___ \ \ \/'\
 \ \  _  \ /\ \/\ \   /'_` \   /'__`\ \/\ \   /'__`\    /'___\\ \ , <
  \ \ \ \ \\ \ \_\ \ /\ \L\ \ /\  __/  \ \ \ /\ \L\.\_ /\ \__/ \ \ \\`\
   \ \_\ \_\\/`____ \\ \___,_\\ \____\ _\ \ \\ \__/.\_\\ \____\ \ \_\ \_\
    \/_/\/_/ `/___/> \\/__,_ / \/____//\ \_\ \\/__/\/_/ \/____/  \/_/\/_/
                /\___/                \ \____/
                \/__/                  \/___/

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