Welcome to Hydeaway

Hydeaway is a simple Jekyll theme for personal websites and blogs that updates the original Hyde theme and borrows a little from the 'refreshed' Hydeout.

Elegant and Simple

Hydeaway sticks to the simple two-column design of the original Hyde theme, but to save screen space in the mobile/tablet versions, condenses the navigation area (by removing the added site icon).

New Functionality

Hydeaway makes prominent use of the site tagline instead of the site description.

It also includes:

• A site icon in the sidebar (on viewports above 825px)
• Font Awesome icons for social media links and navigation buttons
• An optional blog page with a feed of all posts
• The ability to create pinned posts
• A ‘Newest Post!’ alert for new posts (unless they are also pinned)

Site Icon

The site icon (on viewports larger than 825px) is meant to transition when hovered over. The example I have below involves going from a greyscale still image to an animated gif on hover. This is obviously optional. If you want to just have a single photo for the site icon, delete the css for .site-icon:hover in the sass file under _sass/modules/_site-icon.scss.

Animated Site Icon

If you wish to have an animated site icon, use the included css in _sass/modules/_site-icon.scss and just change the background to your own images and/or gifs.

Here is an example codepen of how this can work:

See the Pen Animated Site Icon by John Devine (@jpatrickdevine) on CodePen.

Pinned Posts

Hydeaway includes the option to designate certain posts as ‘pinned’ or ‘sticky.’ All posts with the added variable pinned: true in the post’s front matter will be pinned to the top of the index page and will include an alert above the post title.

---
layout: post
title: An Example Post
pinned: true
---