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.
Demo
It’s best to just see it in action.
Features
Both versions include all of 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 Score1
- 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)
Documentation
Hydejack is well documented. You can read the docs on the Jekyll site, or on GitHub, or download the PDF.
Download
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.
Free | PRO | |
---|---|---|
Blog | ✔ | ✔ |
Features | ✔ | ✔ |
Portfolio Layout | ✔ | |
Resume Layout | ✔ | |
Welcome Layout | ✔ | |
Newsletter Box | ✔ | |
Custom Forms | ✔ | |
License | GPL-3.0 | PRO |
Price | Free | $29 |
Download on GitHub – or – Use the RubyGem | Buy Now 2 |
__ __ __ __
/\ \/\ \ /\ \ __ /\ \
\ \ \_\ \ __ __ \_\ \ __ /\_\ __ ___ \ \ \/'\
\ \ _ \ /\ \/\ \ /'_` \ /'__`\ \/\ \ /'__`\ /'___\\ \ , <
\ \ \ \ \\ \ \_\ \ /\ \L\ \ /\ __/ \ \ \ /\ \L\.\_ /\ \__/ \ \ \\`\
\ \_\ \_\\/`____ \\ \___,_\\ \____\ _\ \ \\ \__/.\_\\ \____\ \ \_\ \_\
\/_/\/_/ `/___/> \\/__,_ / \/____//\ \_\ \\/__/\/_/ \/____/ \/_/\/_/
/\___/ \ \____/
\/__/ \/___/
-
Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins. ↩
-
Transactions secured by Stripe. Downloads handled by Simple Goods. ↩