masonkoh/masonkoh.github.io

git repo for personal dev blog

Dev Blog

https://masonkoh.github.io

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

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.

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:

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.

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 Score¹
• 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. ↩