Florian Klampfer

Hydejack

Hi, I’m Florian or @qwtel and I’m the the developer of Hydejack, the Jekyll theme you’re currently looking at.

Hydejack is 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 is well-integrated with the design.

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

Hydejack is highly customizable and lets you achieve a variety of styles. Below you can find a selection of variations.

Selected Variations

Hyde

Hyde

Capturing the magic of the original Hyde theme.
Oldschool

Oldschool

Who needs CSS when you got the power of HTML?

See Variations* for more

Selected Posts

See Posts for more

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.

 FreePRO
Blog
Features
Portfolio Layout 
Resume Layout 
Welcome Layout 
Newsletter Box 
Custom Forms 
LicenseGPL-3.0PRO
PriceFree$29
 Download on GitHub
– or –
Use the RubyGem
Buy Now 1

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 Score2
  • 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)

Syntax Highlighting

Syntax highlighting powered by Rouge.

// Example can be run directly in your JavaScript console

// Create a function that takes two arguments and returns the sum of those
// arguments
var adder = new Function("a", "b", "return a + b");

// Call the function
adder(2, 6);
// > 8

LaTeX Math Blocks

Write formulas in familiar LaTeX syntax. Powered by KaTeX.

\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}

Customizable

Hydejack can be customized in a variety of ways, using only the _config.yml file.

# The string encoding which fonts to fetch from Google Fonts.
# See <https://qwtel.com/hydejack/docs/configuration/>
google_fonts:          Roboto+Slab:700|Noto+Sans:400,400i,700,700i

# The text font. Expects a string that is a valid CSS font-family value.
font:                  "'Noto Sans', Helvetica, Arial, sans-serif"

# The font used for headings. Expects a string that is a valid CSS font-family value.
font_heading:          "'Roboto Slab', Helvetica, Arial, sans-serif"

# Fallback image and color
accent_image:          /hydejack/assets/img/sidebar-bg.jpg
accent_color:          '#4fb1ba'

Check out the full annotated _config.yml file for more.

You can change the wording of all built-in strings and labels by editing strings.yml.

---
  home:                Home
  pages:               Pages
  posts:               Posts
  about:               About
  related_posts:       Related Posts
  other_projects:      Other Projects
  comments:            Comments
  jump_to:             Jump to
  navigation:          Navigation
  social:              Social
  links:               Links
  pagination:          Pagination
  newer:               Newer
  older:               Older
  back:                Back

Check out the full strings.yml file for more.

Newsletter Subscription Box*

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

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

Versions

Free Version

The free version features the design and tech of Hydejack, but only supports basic blogging.

Download on GitHub – or – Use the RubyGem

PRO Version

The PRO version aims to be the complete package for professionals on the web. It includes layouts for your portfolio, your resume (with support for JSON Resume), a welcome page to introduce yourself to visitors, built-in support for Tinyletter, and from element styles so you can build arbitrary contact forms.

Buy Now - $29 1

Florian Klampfer

Contact

Hi, I’m Florian or @qwtel and I’m the the developer of Hydejack, the Jekyll theme you’re currently looking at.

  1. Transactions secured by Stripe. Downloads handled by Simple Goods↩︎ ↩︎2

  2. Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins. ↩︎


© 2017 Florian Klampfer. *) Not included in the free version.

Powered by Hydejack v7.3.0