Skip to content

masonkoh/masonkoh.github.io

Repository files navigation

Dev Blog

This blog is using Jekyll, Hydejack Theme and live on Github Pages.

Screenshot Hydejack's cover page on a variety of screens.

Hydejack is your presence on the web. It gives you a blog that is suitable for both prose and technical documentation, a portfolio to showcase your projects, and a beautiful resume template that looks amazing on the web and in print.

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

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 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.

document.getElementsByTagName("hy-push-state")[0].addEventListener("hy-push-state-load", function() {
  // <your init code>
});

Beautiful Math

They say math is beautiful — and with Hydejack's math support it's also guaranteed to look beautiful.

Math Screenshot 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.

A Personal Site That Belongs to You

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.

Features

An incomplete list of features included in all versions of Hydejack:

  • Full in-app page loading, powered by hy-push-state
  • Customizable sidebar and touch-enabled drawer menu, powered by hy-drawer
  • Lazy image loading with cancellation and placeholder, powered by hy-img
  • Advanced FLIP animations, inspired by Material Design
  • 99/100 Google PageSpeed Score1
  • 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
  • Structured Data for core entities
  • Author section below each article and support for multiple authors
  • Google Analytics and Google Fonts support

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

Footnotes

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