Coder Social home page Coder Social logo

nicodora.github.io's Introduction

Hydejack

A boutique Jekyll theme for hackers, nerds, and academics.

Screenshot

Hydejack's cover page on a variety of screens.

Hydejack is a boutique Jekyll theme for hackers, nerds, and academics, with a focus on personal sites that are meant to impress.

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

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

A Personal Site That Won't Disappear

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.

Hydejack is all static sites. HTML. All you need is a web server --- any web server --- to have a professional web presence that lasts a lifetime.

Download

There are two versions of Hydejack: The Free Version includes basic blogging functionality and most of Hydejack's Features, such as dynamic page loading and advanced animations.

The PRO Version includes additional features for professionals, such as a portfolio, resume, Dark Mode, Forms, Built-In Search and customizable cookie banners.

The table below shows what's included in each version:

Free PRO
Blog
Features
Documentation
Portfolio
Printable Resume
Dark Mode
Built-In Search
Custom Forms
Newsletter Box
Grid layout
Offline Support
Table of Contents1
Cookie Banner
No Hydejack Branding
License GPL-3.0 PRO
Source GitHub Included
Price / Upgrade Free $99 / $39 2
Download
-- or --
Deploy to Netlify
Buy PRO

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 Markdown

Write all content with Markdown. Hydejack gives you additional CSS classes to stylize your content, without losing compatibility with other Jekyll themes.

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.

// file: `example.js`
document.querySelector("hy-push-state").addEventListener("hy-push-state-load", () => {
  const supportsCodeHighlights = true; //!!
});

Code blocks can have a filename and a caption.

Beautiful Math

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

Math example

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.

Features

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

  • Responsive layout with unique design features for every screen size
  • Cover Pages for a stunning fist impression.
  • Customizable sidebar and touch-enabled drawer menu
  • Single Page Web App-style page loading
  • Advanced FLIP animations, inspired by Material Design
  • Good Google PageSpeed Score3
  • Syntax highlighting, powered by Rouge
  • LaTeX math blocks, rendered with ether KaTeX or MathJax at your choice
  • Soft-coded labels: Change wording or translate to other languages via a single file
  • Support for categories and tags
  • Author section below each article and support for multiple authors
  • Built-in icons for many social networks
  • Simple and semantic HTML + Structured Data
  • Google Analytics and Google Fonts support

Comparison

There are two versions of Hydejack: The Free Version includes basic blogging functionality and most of Hydejack's Features, such as dynamic page loading and advanced animations.

The PRO Version includes additional features for professionals, such as a portfolio, resume, Dark Mode, Forms, Built-In Search and customizable cookie banners.

The table below shows what's included in each version:

Free PRO
Blog
Features
Documentation
Portfolio
Printable Resume
Dark Mode
Built-In Search
Custom Forms
Newsletter Box
Grid layout
Offline Support
Table of Contents1
Cookie Banner
No Hydejack Branding
License GPL-3.0 PRO
Source GitHub Included
Price / Upgrade Free $99 / $39 2
Download
-- or --
Deploy to Netlify
Buy PRO

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

Footnotes

  1. Large screens (> 1664px width) only. 2

  2. Upgrading from Hydejack 8? Find your discount code in the latest zip download! 2

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

nicodora.github.io's People

Contributors

nicodora avatar

Watchers

 avatar

nicodora.github.io's Issues

incomplete 카테고리 및 게시글 삭제

이슈 제목

incomplete 카테고리 및 게시글 삭제

이슈 본문

drafts 폴더를 사용해서 포스트 초안을 작성할 수도 있고, 이슈 새로 만들어서도 작성 가능해서 incomplete 카테고리가 불필요합니다.

To-do

  • incomplete 게시글 삭제
  • incomplete 카테고리 삭제

참고한 글

NestJS 공식 문서와 함께 시작하기 포스트 작성

이슈 제목

'NestJS 공식 문서와 함께 시작하기' 포스트 작성

이슈 본문

'NestJS 공식 문서와 함께 시작하기' 포스트 작성

To-do

  • 'NestJS 공식 문서와 함께 시작하기' 포스트 작성

참고한 레퍼런스

home 화면에 docker 관련 포스트 추가하기

이슈 제목

home 화면에 docker 관련 포스트 추가하기

이슈 본문

home 화면에 docker 관련 포스트 추가하기

To-do

  • home 화면에 docker 관련 포스트 추가하기

참고한 글

docker 카테고리 추가하기

이슈 제목

docker 카테고리 추가하기

이슈 본문

docker 카테고리 추가하기

To-do

  • docker 카테고리 추가하기

참고한 글

NestJS module, controller, provider 포스트 작성하기

이슈 제목

NestJS module, controller, provider 포스트 작성하기

이슈 본문

NestJS의 기본 구성요소인 module, controller, provider에 대한 포스트 작성하기

To-do

  • NestJS controller 포스트 작성하기
  • NestJS provider 포스트 작성하기
  • NestJS module 포스트 작성하기

참고한 글

이미지 카테고리 별로 나누어서 관리하기

이슈 제목

이미지 카테고리 별로 나누어서 관리하기

이슈 본문

지금은 포스트 별로만 나누어서 관리되고 있는데, 카테고리 별로 추가로 나누어서 관리하는 것이 더 좋을 것 같다고 판단했습니다.

To-do

  • 이미지 카테고리 별로 나누어서 관리하기

참고한 글

About 작성하기

이슈 제목

About 작성하기

이슈 본문

About 작성하기

To-do

  • About 작성하기

참고한 글

포스트 시간대 설정 문제 해결하기

이슈 제목

포스트 시간대 설정 문제 해결하기

이슈 본문

지금 포스트를 올리면 한국시간이 아니라 UTC로 표시되는 문제가 있습니다.

To-do

  • 포스트 시간대 설정 문제 해결하기

참고한 글

블로그 html lang 속성 ko로 바꾸기

이슈 제목

블로그 html lang 속성 ko로 바꾸기

이슈 본문

블로그 html lang 속성 ko로 바꾸기

To-do

  • 블로그 html lang 속성 ko로 바꾸기

참고한 글

NestJS 카테고리 설명 수정하기

이슈 제목

NestJS 카테고리 설명 수정하기

이슈 본문

NestJS 카테고리 설명 수정하기
(너무 길거나 짧은 Meta Description 문제)

To-do

  • NestJS 카테고리 설명 수정하기

참고한 글

프로필, 사이드 바 이미지 CDN 사용

이슈 제목

프로필, 사이드 바 이미지 CDN 사용

이슈 본문

프로필, 사이드 바 이미지 CDN 사용

To-do

  • 프로필 이미지 CDN 사용
  • 사이드 바 이미지 CDN 사용

참고한 글

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.