# Hydejack
[](https://badge.fury.io/rb/jekyll-theme-hydejack)
**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](https://qwtel.com/hydejack/).
## 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 Score][gpss][^2]
* High *perceived speed* thanks to pre-fetching
* 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 multiple authors
* Progressive enhancement — sacrifice features, not content
* Google Analytics and Google Fonts support
* Blog layout with pagination
* Syntax highlighting
* Math formulas via LaTeX
* Disqus comments
* Print layout. See the [PDF documentation][pdf] for an example.
* Github avatars via `jekyll-avatar` (optional).
* Gist support via `jekyll-gist` (optional).
* Blog layout with pagination via `jekyll-paginate` (optional)
* SEO meta tags via `jekyll-seo-tag` (optional)
## Documentation
Hydejack is well documented. You can read it [on the Jekyll site][docs], or [on GitHub][wiki], or [download the PDF][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 (see below) | ✔ | ✔ |
| [Portfolio] Layout | | ✔ |
| [Resume] Layout | | ✔ |
| [Welcome] Layout | | ✔ |
| Newsletter Subscription Box | | ✔ |
| Form Element Styles | | ✔ |
| License | [GPL-3.0][license] | [PRO] |
| Price | Free | $39 |
|| [Download on GitHub][github]
– or –
[Use the RubyGem][gem] | [Buy Now – $39][buy] [^3] |
[^1]: Applies after the initial page load.
[^2]: Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins.
[^3]: Transactions secured by [Stripe](https://stripe.com). Downloads handled by [Simple Goods](https://simplegoods.co/).
~~~
__ __ __ __
/\ \/\ \ /\ \ __ /\ \
\ \ \_\ \ __ __ \_\ \ __ /\_\ __ ___ \ \ \/'\
\ \ _ \ /\ \/\ \ /'_` \ /'__`\ \/\ \ /'__`\ /'___\\ \ , <
\ \ \ \ \\ \ \_\ \ /\ \L\ \ /\ __/ \ \ \ /\ \L\.\_ /\ \__/ \ \ \\`\
\ \_\ \_\\/`____ \\ \___,_\\ \____\ _\ \ \\ \__/.\_\\ \____\ \ \_\ \_\
\/_/\/_/ `/___/> \\/__,_ / \/____//\ \_\ \\/__/\/_/ \/____/ \/_/\/_/
/\___/ \ \____/
\/__/ \/___/
~~~
[blog]: https://qwtel.com/hydejack/blog/
[portfolio]: https://qwtel.com/hydejack/projects/
[resume]: https://qwtel.com/hydejack/resume/
[download]: https://qwtel.com/download/
[welcome]: https://qwtel.com/hydejack/
[license]: LICENSE.md
[pro]: licenses/PRO.md
[docs]: docs/7.0.1/index.md
[github]: https://github.com/qwtel/hydejack/releases
[gem]: https://rubygems.org/gems/jekyll-theme-hydejack
[buy]: https://app.simplegoods.co/i/AQTTVBOE
[gpss]: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fqwtel.com%2Fhydejack%2F
[wiki]: https://github.com/qwtel/hydejack/blob/master/docs/7.0.1/index.md
[pdf]: https://github.com/qwtel/hydejack/releases/download/v7.0.1/Documentation._.Hydejack.pdf
[hy-push-state]: https://qwtel.com/hy-push-state/
[hy-drawer]: https://qwtel.com/hy-drawer/