August 31 2019 {:.heading.post-date}
- Fixed breaking builds due to name collision when upgrading to 8.5
This is caused when using both
_plugins/jekyll-replace-imgs
and the newjekyll-replace-img
ruby gem. I recommend deleting_plugins/jekyll-replace-imgs
when using thejekyll-replace-img
gem. Note that this is an optional plugin. - Fixed
nomodule
script loading for Safari 10.1 - Fixed #176
Aug 1 2019 {:.heading.post-date}
- Fixed minification bug
Aug 1 2019 {:.heading.post-date}
- [PRO] The theme now matches the operating system's dark mode.
- Scrolling down on a page with an open drawer will now close the drawer
- Reloading a cover page after the drawer has been closed will now open the page with the drawer closed
- Removed JavaScript-based web font swapping in favor of using
font-display: swap
- Darkened font color in dark mode to reduce contrast
- Updated KaTeX to the latest version
- Increased the durations of various animations slightly
- Now using
jekyll-replace-img
instead of custom code in_plugins
folder - Added a separate, smaller JavaScript bundle for modern browsers
- Added support for figure captions on code blocks
- Added
keybase
to social media icons - [PRO] There's now a forward button when using the theme as a PWA
- Fixed print layout when dark mode is enabled
- Using
CSSTransformValue
correctly - Fixed a minor style bug for dates
- Fixed a bug where light mode would flash when loading a page in dark mode
- Minimal support for IE11
Mar 9 2019 {:.heading.post-date}
- Added support for
noindex
property in the front matter - Fixed ordering of selected projects/post in welcome layout
- Updated dependencies
Feb 18 2019 {:.heading.post-date}
This version adds new options to increase production build speed. Read this post for details.
- Added
no_page_style
config option to increase site build speed. - Added
menu
config option to increase site build speed. - Copying math will now add the LaTeX source to the clipboard.
- Upgraded KaTeX to version 0.10.0.
Feb 1 2019 {:.heading.post-date}
- Added support for custom
related_posts
- Removed footer from print layout
- Increased photo size in print resume
- Improved
welcome
layout generation performance - Fixed a bug that prevented scrolling to headlines with non-ascii characters (Thanks @ForelaxX)
Sep 1 2018 {:.heading.post-date}
- Fixed an issue that prevented the drawer from working on iOS 10.
- Changing the page via push state will now also update the
link[rel=canonical]
tag. - Changing the page via push state will now also update the
meta[name=description]
tag. - Fixed an issue that prevented the JS from building on Netlify.
Aug 18 2018 {:.heading.post-date}
This release adds Dark Mode for Hydejack PRO customers.
- Removed cookie banner from free version
- Removed offline support from free version
In an attempt to make the PRO offering more appealing, I'm removing features that arguably should have never been included in the free version. As software licenses go, nobody is stopping you from using the old code, but updates will no longer be included.
- The cookies banners is now showing at the bottom of the page and its background color is no longer transparent to increase visibility
- Changed the default syntax theme from "GitHub" to "Atom One Light"
- Adapted
figure
CSS class to accommodate different children, not justimg
s video
tags now have amax-width
of 100%- Increased margin before headings to
5rem
, up from 4 - Increased margin of
hr
elements. - Cookies banner can now be enabled without using Google Analytics
- Clicking the cookie banner "Okay" button will now fire a
hy--cookies-ok
event ondocument
, so that custom analytics solutions can plug in. - All Google Analytics code has been removed from Hydejack's core and moved to
_includes/body/analytics.js
. - All Disqus code has been removed from Hydejack's core and moved to
_includes/comments.html
and_includes/my-comments.html
. - Using CSS Custom Properties instead of SASS variables for certain properties to enable style customization using only CSS.
- Added shadow to sidebar
- Navbar is longer positioned
fixed
- [PRO] Added Dark Mode
border
CSS class
Jul 16 2018 {:.heading.post-date}
So far Hydejack has been a decent Jekyll theme, but with v8 it really starts stand out among the competition: Beautiful and unique landing pages, lazy-loading images, and experimental offline support are just the most prominent new features.
-
The expected format for sidebar images has changed. A sidebar image should now be a full-screen ~16:10 image.
Comment: The sidebar can now be fully extended on desktop, which generally requires a large landscape image to fill the entire window. To save bandwidth, you can blur the image on the left and right edges and save it as JPG.
-
The
about
andwelcome
layout no longer prepend the content with the author information. Instead, the author info can be shown by adding the<!--author-->
marker to the top of the file. You can also place it anywhere else.Comment: Showing the author description on the top of the
welcome
andabout
layouts felt like an imposition and was a left-over from when I was developing Hydejack primarily for myself. -
[PRO] The
welcome
layout no longer adds recent posts and projects to the bottom of the page. Instead, they have to be explicitly set using the<!--posts-->
and<!--projects-->
markers. Thecontent_separator
front matter opton is now ignored.Comment: The old behavior felt arbitrary, and
<!--more-->
wasn't a good name to be replaced with recent projects ands posts. -
Setting the accent color and sidebar image for an entire category/tag/author is no longer possible. To achieve a similar effect, use Front Matter defaults instead.
E.g. to set the accent color and image for every post in the
hydejack
folder, use:defaults: - scope: path: hydejack values: accent_color: rgb(38,139,210) accent_image: /assets/img/hydejack-bg.jpg
Comment: The code to find the color for a given page was complicated and slow (potentially iterating all categories/tags to find the right one).
- The drawer now responds to mouse inputs.
- The default heading font is now less bold. To restore the old behavior, edit (create if it's missing)
_sass/my-variables.scss
and add$font-weight-heading: 700;
. - Hydejack now uses lazy-loading hy-img tags instead of regular
img
tags. To revert to using regular images, sethydejack.no_img
in the config file totrue
. - Cookie consent is now stored as a cookie (instead of
LocalStorage
) and expires after 1 year. - Scrolling to a fragment link is now smooth.
- Font loading now works differently, and will be cancelled on slow connections.
- The sidebar content is now centered.
- The sidebar will now show the site's logo, which can be set in the config file under the
logo
key. - [PRO] Updated embedded Bootstrap to v4.
- [PRO] Project cards now throw a shadow instead of having a border.
-
Pages can now have the
cover
key in the front matter. When set totrue
, the sidebar will be opened when visiting the page directly. E.g. https://hydejack.com/{:.no-push-state} -
Added a
_plugin
that automatically replaces<img>
tags with lazy-loading<hy-img>
tags. If you don't want images to load lazily, delete or rename the_plugins
folder. Note that this plugin will never run when building the site on GitHub Pages.To get the most out of this plugin, it is recommended to provide the width and height of the image, e.g.
![Some image](assets/img/some-img.png){:data-width="800" data-height="600"}
This will cause hy-img to render a placeholder of 800 by 600
px
, preventing the document height from changing after the image has finished loading. -
Added experimental offline support via Service Workers. Use with care! For details, read the docs.
-
Added the
figure
CSS class, which allows images to have nicer-looking captions. E.g.![An image with a caption](https://placehold.it/800x50){:.lead} A caption to an image. {:.figure}
-
Clicking on a footnote will give its corresponding text a subtle highlight.
-
[PRO] Projects can now have an optional
end_date
field in the front matter. Thedate
is treated as the start date in this case.
- The back button now works in combination with fragment links.
Apr 2 2018 {:.heading.post-date}
- Moved from browserify to webpack
- Updated ruby dependencies
- Updated JS dependencies
- Updated hy-push-state and hy-drawer to latest versions
Jul 10 2018 {:.heading.post-date}
- Fixed an issue that caused the
list
layout to be empty after upgrading Jekyll - Updated dependencies
Apr 2 2018 {:.heading.post-date}
- Moved from browserify to webpack
- Updated ruby dependencies
- Updated JS dependencies
- Updated hy-push-state and hy-drawer to latest versions
Dec 18 2017 {:.heading.post-date}
-
Added secondary
legal
nav in footer:# file: _config.yml legal: - title: Cookies Policy href: /cookies-policy/ - title: Foobar href: https://foobar.com/
-
The "heading permalink" can now be configured via
strings.yml
:# file: _data/strings.yml permalink: Permalink permalink_icon: icon-link
-
Sections on resume layout can now be rearranged, e.g.:
# file: resume.md left_column: - work - volunteer - education - awards - publications - references right_column: - languages - skills - interests
- Fixed a bug that caused
<sup>
tags to render as regular text (#52) - Fixed a bug that caused Disqus to load the same thread on all pages (#53)
- Fixed a bug that prevented Disqus comments to be loaded on sites that didn't cause scroll events
- Fixed a bug that caused Disqus to be loaded over HTTP instead of HTTPS.
- Fixed a bug that caused an extra space in URLs (#55).
- Comments no longer show up in the print version of the page.
- Set base font to
11pt
in print layout. - Set resume print layout to use 2 columns (A4 sheet)
Dec 1 2017 {:.heading.post-date}
- Dramatically improved resume print layout. It is now much less likely that there will be page breaks within logical units.
- Fixed a bug that cause the page to break when setting
no_drawer
. - Fixed a bug that cased the "Random Posts" heading to appear, even when there are no posts to show
Nov 27 2017 {:.heading.post-date}
- Fixed storing user-related data before accepting cookies.
- Fixed tab order of cookie banner, so keyboard users can access it more easily.
- Accepting cookies no longer causes a page reload in some browsers.
- Fixed appearance of the okay button in the free version.
- Menu icon now useable while the cookies banner is active.
- Loading icon is now visible while the cookies banner is active.
- Removed cookies banner from print layout.
- Removed inline styles from cookie banner.
Nov 25 2017 {:.heading.post-date}
-
Allow markdown in copyright string
-
Added
theme_color
front-matter property to micro-manage the value of the thetheme-color
meta tag. When not set, will useaccent_color
. -
Added
theme_color
site setting, to set the value ofthemeColor
in the app manifest. When not set, will useaccent_color
. -
Added
cookies_banner
setting:# file: _config.yml hydejack: cookies_banner: true
Enabling this setting will show a notice at the top of the page to new visitors. You can change the wording of the notice in
_data/strings.yml
with thecookies_banner.text
andcookies_banner.okay
keys:# file: _data/strings.yml cookies_banner: text: This site uses cookies. okay: Okay
- Drawer no longer resizes/repaints in iOS Safari (iPhone) and Chrome for Android when the address bar autohides.
- Fixed a bug that caused the drawer flicker/open unexpectedly when scrolling in mobile browsers.
- Fixed how
image
works when using thejekyll-seo-tag
plugin.
- Changed how line breaks work in resume layout
- Changed margins of horizontals lines
- Updated docs
- Updated posts
Nov 17 2017 {:.heading.post-date}
- Allow markdown content on
projects
layout. - Renamed
big_project
option on projects tofeatured
(big_project
still works)
- Fixed default font weights
- Fixed hard-coded
/projects/
URL in project layout - Link to feed.xml is only generated when using the
jekyll-feed
plugin
Nov 13 2017 {:.heading.post-date}
- Added
_sass/my-variables.scss
file, which you can use to selectively override SCSS variables. - Font weights can now be configured via SCSS variables:
$font-weight
for normal font.$font-weight-bold
forstrong
tags and similar.$font-weight-heading
for headings.
- Message boxes will no longer span the full width, even with the break layout feature enabled.
- Increased space between project card rows, so they look less like a brick wall.
- Reduced the draw range of the drawer on iOS, so that a larger portion of the screen is available for zooming (a11y).
- Default images are now optimized, so they are no longer flagged by Google PageSpeed Insights and similar tools.
- Query parameters are no longer used for cache busting. Instead, the version number is no part of the file name for the CSS and JS resources.
Nov 3 2017 {:.heading.post-date}
- Fix IE11 feature detection
Nov 2 2017 {:.heading.post-date}
- Renamed
no_description
tohide_description
. Since this feature isn't yet documented outside of the change log, the old name will not continue to work. - When providing images to
image
,image.path
,image.src
,image.srcset
andaccent_image
, it is no longer necessary to prepend the url with thebaseurl
of the site, e.g. values likeaccent_image: /assets/img/sidebar-bg.jpg
are now valid. - Limited scope of
a
andimg
styles to content areas. - Upgraded KaTeX to v0.8.3
- Upgraded
jekyll-relative-links
to v5.0.1
font
andfont_heading
are now properly set when using theno_inline_css
option #47.- Fixed default values for
image
andlogo
that were referring to non-existing images. - Added missing JS dev dependencies.
- Updated documentation
- Updated index, download, about and README pages.
Oct 27 2017 {:.heading.post-date}
- Removed readme files from
assets
that would show up as pages when building on GitHub Pages #42. - Disabled push state on Firefox for iOS
- Changed some default settings in
_config.yml
- Updated documentation
- Removed outdated example script in
my-scripts.html
Oct 24 2017 {:.heading.post-date}
The free version of Hydejack is now GPL-3.0 licensed, which is a more restrictive license than MIT (but still Open Source). This was necessary because the two major components that make up Hydejack, hy-push-state{:.external} and hy-drawer{:.external}, are now GPL licensed in turn.
How will this affect you?
- If you bought the PRO version you are not affected at all.
- You can continue to use previous versions of Hydejack according to their license (MIT).
- If you upgrade, keep the source code in a public repository and make sure you include the new
LICENSE.md
file. DO NOT publish the new code with an old license. - If you upgrade and make changes to the source code, you are required to make those changes available to the public under a GPL-3.0 compatible license.
The full license text is available here. You can read a summary on tl;drLegel.
If this change is not acceptable to you, DO NOT upgrade or consider buying a PRO license.
Note that the above does not constitute legal advice.
This is a major release, but almost all options and APIs that were described in the docs continue to work. Some names have changed and are no longer mentioned in the docs, but they are still part of the code and continue to work.
That being said, you should be aware of these (small) breaking changes:
-
The favicon is now located in
assets/icons
. To change the favicon of the page, editfavicon.ico
(png) in the folder. -
Changed the way tables work, so that they do the right thing more often. Tables are now scrollable by default, but small tables are no longer stretched to span the full width. Setting
scroll-table
on a larger table is sill recommended, as it will setwhite-space: nowrap
. -
Autogenerated ids for posts now look like
post-2017-01-01-my-title
instead ofpost-2017/01/01/my-title
. -
Event names described in the scripting chapter have changed from
y-push-state-*
tohy-push-state-*
, excepty-push-state-animationend
, which has been removed. See the docs for more.
-
image
has been renamed toaccent_image
, butimage
continues to work unless you add thejekyll-seo-tag
plugin. This change was necessary becausejekyll-seo-tag
uses theimage
keyword to set the thumbnail image of a page. While it may be desirable to use the same image for both the sidebar and the thumbnail, the new preferred way to set sidebar images is by using theaccent_image
key. -
color
has been renamed toaccent_color
to be consistent with the newaccent_image
key, butcolor
continues to work. -
Various options that do not make sense outside the context of Hydejack (like
no_push_state
orno_drawer
) have been moved under a commonhydejack
key. However, the old options continue to work.hydejack: no_push_state: false no_drawer: false
-
All plugins (gems) are now optional. The gem-based version of the theme no longer uses any plugins by default, while the download version follow a "batteries-included" approach and enables some by default.
-
Links to the
/assets/
folder are no longer intercepted by the push state features, which means clickable images and download links should work fine now. -
Reader views in Firefox and Safari have an easier time recognizing the main content.
-
[Internal] No more
<style>
tags in thebody
. -
[Internal] Content that is generated via JS (error pages, loading, etc...) is now cloned from
template
tags, where it is easier to modify (but before you do, check out the new_data/strings.yml
file). -
[Internal] Changed how CSS code is organized. Previously there were two versions of each CSS file for each 'topic', one containing core styles to be inlined into the page, the other containing those fetched asynchronously via link tag. Now there is only one file per topic, with the parts to be inlined/linked marked with comments. A script has been added to "split" the CSS into the inline/link parts. Note that this does not affect your
my-*.scss
files. -
[Internal] Many CSS classnames have changes, specifically those that would conflict with Bootstrap class names.
-
[Internal] Many files in
_includes
have been reorganized, speciallyhead.html
andbody.html
have been broken up into smaller parts. -
[Internal] The
y-drawer
component (MIT) has been replaced with thehy-drawer
component (GPL-3.0). -
[Internal] The
y-push-state
component (MIT) has been replaced with thehy-push-state
component (GPL-3.0).
-
The theme now has support for the
jekyll-seo-tag
plugin. To use this gem, make sure you use the latestGemfile
andGemfile.lock
and runbundle install
. In your config file, addjekyll-seo-tag
toplugins
(formerly calledgems
). -
All texts that were previously hard-coded into the theme can now be configured via
_data/strings.yml
. This makes it possible to change certain phases without having to change source files, but it should also make it easier to use Hydejack with other languages. Time and date formats can also be configured, using Ruby's format directives. -
The
lang
key now accepts values likeen-us
orde_AT
. -
Made the site "mobile web app capable"
- Added
manifest.json
for "Add to Homescreen" support on Android - Added
theme-color
meta tag that matches theaccent_color
and changes dynamically - Added
apple-mobile-web-app-*
meta tags - Added
ieconfig.xml
for "Pin to start menu" support in Windows 10. - Old icons and new ones are now located in
assets/icons
.
- Added
-
Hydejack now marks up content as structured data, to the extent possible. The resume is provided as https://schema.org/Person as well as hCard, while projects are provided as https://schema.org/CreativeWork. You can use the Structured Data Testing Tool to see the results.
If you do not want to expose your data in machine-readable form, you can set the
no_structured_data
flag totrue
in your config file.hydejack: no_structured_data: true
Note that this only applies to the resume and project layout, not the data generated by by
jekyll-seo-tag
(Facebook Open Graph and Twitter cards). -
[PRO] Added "big projects". You can make a project card span the entire content width (instead of half), by setting
big_project
totrue
in the project's front matter. -
[PRO] The welcome layout now has a
content_separator
option, which allows content to move below the "Selected/Latest Projects" and "Selected/Latest Posts" section. Usage:--- layout: welcome content_separator: <!--more--> --- Content above <!--more--> Content below
-
[PRO] The PRO version now has built-in support for Tinyletter. To show a newsletter subscription box below each post, set
tinyletter: <username>
in your config file. If you want to use a different mailing provider, you can add your own form in_includes/my-newsletter.html
. -
[PRO] The PRO version now includes styles for input elements, using the same CSS class names as Bootstrap. Check out the Bootstrap docs to learn more.
-
[PRO] Added links to random posts at the bottom of each post. This can be beneficial for search engine rankings and content discovery. You can remove them with the new
post_addons
option (see below). -
[PRO] If a
endDate
is missing in yourresume.json
, it will render as "<startDate> -- present". You can change the wording in the newstrings.yml
file. -
Added support for
jekyll-avatar
. If this plugin is enabled in your config file, it will show the avatar of your github account (author.social.github
,author.github.username
author.github
). -
Added support for
jekyll-gist
. -
You can now add links to external sites in the sidebar. Create a file like
something.md
and add atitle
,menu
,order
(optional) and aredirect_to
field to the front matter, e.g.:--- title: External menu: true redirect_to: https://example.com/ ---
You may combine this with the
jekyll-redirect-from
plugin to generate a redirect page, but this is optional. -
You can now configure the order of complementary content below posts and projects. By default, Hydejack will show the author first (if any), the newsletter box next (if any), and related posts/projects last.
hydejack: post_addons: [about, newsletter, related, random] project_addons: [about, newsletter, other]
To change the order in the output, change to order in the array. You can also drop entries from the output by removing them from the list.
-
Added an error page that is shown when client-side network errors occur. It contains a link to retry loading the page. Previously, the browser's default error page would have been shown.
-
Added
hide_description
option to pages to prevent the content ofdescription
fields to show up in the output. This allows you to use thedescription
field in the front matter to set descriptions for search engines and sharing on social media, without having to worry about the output.You can activate this for all pages by adding to your config file:
defaults: - scope: path: '' values: hide_description: true
-
Added a new option called
no_inline_css
. Whentrue
, Hydejack will generate a single CSS file to be fetched (synchronously) vialink
tag, instead of inlining half and including the rest vialink
tag.This option may be useful when serving content over HTTP/2, but you should perform your own tests. For more on inlining CSS, see this.
hydejack: no_inline_css: true
-
Added
dns-prefetch
links to Google Fonts and Google Analytics domains to further boost page load speed. These are only included when using Google Fonts/Analytics. -
You can now define an arbitrary CSS
background
for the sidebar instead of just images, e.g.:accent_image: background: 'linear-gradient(to bottom, rgba(35,62,76,1) 0%,rgba(60,146,158,1) 50%,rgba(213,213,212,1) 100%) #4fb1ba'
-
Category and tag pages can now have arbitrary content (to be shown above the list).
-
Links can now be marked for FLIP animations by adding the
flip-title
class. Use this for links that have the exact same text as the title of the page they are linking, e.g.[NOTICE](NOTICE.md){:.heading.flip-title}
.
- Reduced building time during development.
Roughly 50% of the time was spent rebuilding the inline CSS, which is now built once and included via
link
tag. Production builds still inlines CSS, so the building speed remains unchanged. For more on how to improve building speeds, see here.
-
The default background image is no longer anti-selling the theme...
-
Code blocks, math blocks and tables now use as much space as there is available on the screen. Limiting the line length makes sense for paragraphs, as they are more difficult to read when they span the entire length on a large display, but it is less useful for content, like tables, long formulas or code.
If you do not like this change, you can set
no_break_layout
totrue
in your config file.hydejack: no_break_layout: true
-
Margin below code blocks, math blocks and tables increased from
1rem
to2rem
. -
Gray text now has a higher contrast ratio: I don't want anybody to "suffer from design".
-
Reduced the number of responsive breakpoints.
-
Added a hover effect on project images.
-
On mobile, footnotes will be shown as [1] instead of superscript, making them easer to tap.
-
The sidebar now has a subtle shadow on mobile, to indicate that it can be drawn from the side.
-
The sidebar now has less margin on the sides.
-
The sidebar now fits 5 social media icons, up from 4.
-
The
description
in the sidebar now has a smaller font size when it is longer than 100 characters. This is to encourage writing a longerdescription
for search engines (~160 characters). -
h1
,h2
andh3
headings now have differentline-height
s to improve readability when they span multiple lines. -
Marks on external links are now less opaque, but have a hover effect.
-
More responsible usage of
font_heading
in resume layout. -
When hovering over a headline, a
#
link will appear, so that readers can link to individual headlines. -
Changed the loading spinner to use a single icon instead of several animated
div
s.
- When linking to an internal document that doesn't match the regular content structure, the 'hot replacement' will no longer get stuck, and reload the page instead.
- Fix jumping to
#
links after navigating to a new page. - Fix jumping to
#
links in MS Edge. - Fixed a bug on iOS were scrolling was blocked after closing the drawer.
- Fixed a bug where the image used during the project FLIP animation would note be replaced with the higher resolution image after the animation in certain browsers.
- The drawer is now less likely to be opened by accident.
Aug 10 2017 {:.heading.post-date}
- Fixed sending incorrect paths to Google Analytics. In previous versions, Hydejack would always send the URL of the initial page for all subsequent page views. Thanks @dannydwarren for pointing this out.
- Fixed
tagline
not showing up in the title.
Aug 7 2017 {:.heading.post-date}
-
Dependencies from external domains have been removed (with the exception of those that are explicitly defined and optional: Google Analytics, Google Fonts and Disqus). Instead, they are now located in the assets folder and managed via Bower.
-
KaTeX is no longer loaded on pages that do not contain math blocks.
-
preload
link tags no longer useonload
. Instead callbacks are registered within a script tag. -
Code in code blocks is no longer smaller sized than inline code. To undo this change, open (or create)
_sass/my-inline.scss
and add the following:pre code { font-size: .75em; }
-
Added
_includes/my-head.html
, to make it easier to add things to the<head/>
without modifying the source. This is especially useful when using the gem-based version of the theme.
Jul 27 2017 {:.heading.post-date}
This maintenance release includes various quality-of-life improvements when using the gem-based version of the theme.
-
Hydejack now uses additional Jekyll plugins by default, which make working with GitHub more convenient. They have been added to the
Gemfile
and_config.yml
. Note that existing users need to update their_config.yml
:gems: - jekyll-default-layout # new - jekyll-feed - jekyll-optional-front-matter # new - jekyll-paginate - jekyll-redirect-from - jekyll-relative-links # new - jekyll-sitemap
-
Added
licenses
folder that includes the full license texts of licenses mentioned inNOTICE.md
. -
You can, once again, define the author in
_config.yml
. Using_data/authors.yml
is still recommended (and takes precedence), but this option is more convenient when setting up a quick (project-) page using the gem-based theme. Also, a mini-version of_data/social.yml
can be provided as part_config.yml
, e.g.:author: social: github: https://github.com/hydecorp/hydejack npm: https://www.npmjs.com/package/hydejack download: https://github.com/hydecorp/hydejack/archive/v6.5.0.zip data_social: github: name: GitHub icon: icon-github npm: name: npm icon: icon-npm download: name: Download icon: icon-box-add
-
A download icon has been added to the default icon font and
_data/social.yml
has been updated. -
Added
_includes/my-scripts.html
,_sass/my-inline.scss
and_sass/my-style.scss
to make it easier to add custom scripts and styles without modifying the source. This is especially handy when using the gem-based version of the theme.
- Loading web fonts now starts earlier and content download no longer blocks swapping out the fallback font for the new font. Previously, a page containing lots of images could have delayed displaying the web fonts significantly.
- The
home
layout no longer contains a message suggesting that you don't use it. - The
home
layout now shows up to 5 blog posts and up to 5 pages blow the regular content. - The version history has been moved from
docs/<version>/versions.md
toCHANGELOG.md
. - The license notices have been moved from
docs/<version>/licenses.md
toNOTICE.md
. - Updated gem and npm dependencies
- The default font has been changed from "Noto Serif" to "Noto Sans".
If you have a
font
entry in_config.yml
, this will have no effect. nap.jpg
is no longer used as default background image in the gem-based theme.- The sidebar content width is now limited to the width of the sidebar (this only effects large screens).
- Project cards and pagination buttons now have slightly rounded borders for a less "rigid" look.
If you would like to use the old font, add the following to _config.yml
:
font_heading: "'Roboto Slab', Helvetica, Arial, sans-serif"
font: "'Noto Serif', Georgia, serif"
google_fonts: "Roboto+Slab:700|Noto+Serif:400,400i,700,700i"
If you were relying on the default setting for the background image, add the following to _config.yml
:
image: /hydejack/assets/img/nap.jpg
Note that you have to replace /hydejack
with your baseurl
.
To restore the old sidebar, open (or create) _sass/my-inline.scss
and add the following:
@media screen { .sidebar-sticky { left: 2rem; max-width: none; } }
To remove the border radius, open (or create) _sass/my-inline.scss
and add the following:
.card, .pagination-item { border-radius: 0!important; }
Jun 23 2017 {:.heading.post-date}
- Fix invalid color hex
Jun 21 2017 {:.heading.post-date}
In this release I've added a "Other Projects" section to the bottom of each project page, making it easier for users to navigate through your collection and discover other projects. Also, it's now possible to display larger (data-) tables that were previously cut off (especially on mobile devices).
For more on how to add tables, see the new section in docs/writing.
Smaller changes include a reduced usage of horizontal lines and a more "semantic" use of hr
elements.
Specifically, the semantics of the resume layout have been improved.
- Added "Other Projects" section to the bottom of the project layout (similar to "Related Posts")
- Added CSS classes that make viewing larger (data-) tables possible
- Added section on tables to docs/writing
- Reduced use of
<hr/>
elements, using CSS borders instead. - Improved semantic HTML of resume
- Follow favicon best practices and include example icons
- Added
no_google_fonts
option
- Reduced number of horizontal lines, making many layouts feel less "cluttered" (esp.
blog
layout) - Made link hover styles consistent across the board
- Visually separated
thead
andtbody
andtfoot
within tables. - Changed RSS and email icons
- Removed top margin for consecutive headings, e.g. when using
h3
immediately afterh2
.
- Fixed bug that caused inline math to be moved to the end of a paragraph when dynamically loading a page.
- Fixed bug that caused layout to break in IE11.
- Fixed bug that caused the project animation to "jump" when using long project titles.
- No more empty attributes on
img
tags.
Jun 6 2017 {:.heading.post-date}
This release makes including third party plugins easier.
Until now, the push state approach to loading new pages has been interfering with embedded script
tags.
This version changes this by simulating the sequential loading of script tags on a fresh page load.
This approach should work in a majority of cases, but can still cause problems with scripts that can't be added more than once per page.
If an issue can't be resolved, there's now the option to disable push state by setting disable_push_state: true
in config.yml
.
- Support embedding
script
tags in markdown content - Add
disable_push_state
option to_config.yml
- Add
disable_drawer
option to_config.yml
- Rename syntax highlighting file to
syntax.scss
- Added chapter on third party scripts to documentation
- Add subtle intro animation
- Rename "Check out X for more" to "See X for more" on welcome* page
- Replace "»" with "→" in "read more"-type of links
- Fix default color in gem-based theme
May 29 2017 {:.heading.post-date}
- Changed default color and image
- Updated demo content
- Finalized welcome and project page
- Color is now fading correctly when no background image is provided
- Added exemplary usage of excerpt separator
- Removed social media links from
welcome
andabout
page - Updated dependencies
May 23 2017 {:.heading.post-date}
- Add support for
lang
in front matter and_config.yml
. - Add support for
keywords
in front matter and_config.yml
.
May 15 2017 {:.heading.post-date}
- Updated JS dependencies
- Added version history and licenses to documentation
- Fixed print layout
May 3 2017 {:.heading.post-date}
Hydejack has always featured a JavaScript-heavy sidebar, but other than that, JS has been used sparingly. This changes with this release, which adds a ton of (optional) code that changes the feel of the theme dramatically.
Pages are now loaded and swapped through JavaScript. This has a number of effects. First of all, it looks cool, but the animations aren't just about aesthetics: They also help to hide the network time of fetching the next page, making the entire site feel faster. At the same time, the FOUC introduced in the last release will no longer occur (except on the initial page load).
- Most JS is now unified in the
_js
directory and written in ES2016. - The
blog-by-tag
layout has been renamed tolist
. public
folder has been renamed toassets
to make the theme compatible with Jekyll's gem-based themes.- Tags are now supported via Jekyll Collections instead of
_data
. - The sidebar can now add links to all kinds of pages.
- Categories are now supported.
- Author information moved to
_data/authors.yml
- Added support for multiple authors.
- Using
jekyll-feed
plugin (supported on GitHub Pages) instead of custom solution. - Added
about
layout. - Added
not-found
layout. - Added
redirect
layout
See the the migration guide for instructions on how to upgrade.
- The "accent" font (heading font) is now used for all headings. This gives the theme a "bolder" look and was necessary for the animation: link => heading.
- Changed default text font from "PT Serif" to "Noto Serif".
- Added CSS classes for styling markdown content.
- Links have a new style. They now always display an underline to make the choice of the link color less critical (darker colors were hard to distinguish from regular text).
- Made social media icons larger and easier to tap.
- Social media icons are now also part of the "about" sections of a post.
- Added support for a copyright notice at the bottom. Can be set via the config variable
copyright
. - Changed responsive breakpoints and added support for very large displays.
- The site is now printable.
- The
blog
layout now only shows the excerpt instead of the full post. - Links to external pages are now marked with a symbol.
- Added margin above social media icons to prevent accidental tapping
- Added gem files so that
bundle install
andbundle exec jekyll serve
work - Disabled HTML minification when running via
jekyll serve
- Added dingbat to signal end of post
- Related posts is no longer blank for posts that do not belong to a category.
- Footnotes now use the text version of "leftwards arrow with hook" instead of the emoji on iOS.
- Text is no longer invisible while waiting for Google Fonts to load.
- Always show scrollbar to prevent layout "jumps"
Oct 1 2016 {:.heading.post-date}
a11y improvements
- Use HTML5 semantics tags + roles
- Don't set
maximum-scale=1
- Fix bug with
sr-only
class
Math support improvements
- LaTeX syntax errors will no longer prevent correct math blocks from being rendered
- LaTeX syntax errors logged to console
Sep 29 2016 {:.heading.post-date}
Prevent structural FOUC
Sep 28 2016 {:.heading.post-date}
Cross-browser compatibility improvements:
- Added features tests
- Fixed layout in IE 10 and 11
- Disabled stylesheets and JS in IE 9 and below.
Sep 16 2016 {:.heading.post-date}
This major release increases page load speed dramatically. The page now scores roughly 90/100 on Google's PageSpeed Insights (up from ~50) and has a high score on similar tools.
Most importantly, the critical rendering path is no longer blocked by loading styles or scripts, meaning the site becomes visible faster.
Page load speed matters to Google, but is also very apparent to visitors with slow internet connections.
However, as a side effect of these optimizations, the site now has a visible FOUC. Future versions might address this, but it is the currency in which loading speed is being payed for and can not be fully avoided.
- HTML, CSS and JS served minified.
- JS downloading starts only after the rest of the page is renderd.
- Critical CSS (above-the-fold) is inlined into the document, the rest is fetched later.
In order to minify the CSS and make it more modular it has been rewritten in SCSS.
- Colored focus outline in page color
- Tabindex for tab navigation
- Social media icons easier tappable with finger
Not strictly part of the release, but the images have been blurred to increase text readability and help with loading speed as well (burred images get compressed by JPG much better).
Sep 11 2016 {:.heading.post-date}
Fix per-page color and image
Aug 30 2016 {:.heading.post-date}
- Structure of
_config.yml
has changed- Social media usernames are now located under
author: social: <platform>: <username>
. disqus
is now a top-level entry (moved fromauthor
).- Now has
font
,font_accent
andgoogle_fonts
fields that are mandatory.
- Social media usernames are now located under
- Now defaults to the
blog
layout, old style is available viablog-by-tag
layout, seearchive.html
.
- Added a lot of social media icons, configurable via
_config.yml
. - New
blog
layout. Classic, paginated. - Fonts are configurable via
_config.yml
.
- Link underlines are now fixed-sized for all font sizes (no thicker lines for headlines, etc)
- Correctly set the meta description field using either the
description
field orpost.excerpt
as a fallback (used to contain the unmodified markdown). - Fixed various URL bugs relating to
site.baseurl
.
- Refactoring, preventing code duplications, heavier usage of
includes
.
May 7 2016 {:.heading.post-date}
Hydejack is a pretentious two-column Jekyll theme, stolen by @qwtel
from Hyde. You could say it was.. hydejacked.
Unlike Hyde, it's very opinionated about how you are going to use it.
Features include:
- Touch-enabled sidebar / drawer for mobile, including fallback when JS is disabled.
- Github Pages compatible tag support based on this post.
- Customizable link color and sidebar image, per-site, per-tag and per-post.
- Optional author section at the bottom of each post.
- Optional comment section powered by Disqus.
- Layout for posts grouped by year
- Wide array of social media icons on sidebar.
- Math blocks via KaTeX.
Jan 2 2014 {:.heading.post-date}
Oct 15 2013 {:.heading.post-date}