Gyrocycle
Blog theme for repla.app.
It uses Raster to construct a layout using typographic grid.
The typefaces are Rubik for headers, Fira Sans for body copy, Open Sans for block quotes, and Fira Mono for code. All of them are free software under the SIL Open Font License or Apache License. Thank you for everyone's hard work on free typography.
Raster
To show the raster grid, import the raster.js JavaScript in the HTML <head> element:
<script src="/vendor/raster/dist/js/raster.js"></script>
Add the following classes to the <body> and grid <div> elements:
<body class="raster-show-baseline">
<div id="grid" class="raster-show-guidelines">
Installation
Add this line to your Jekyll site's Gemfile:
gem "gyrocycle"And add this line to your Jekyll site's _config.yml:
theme: gyrocycleAnd then execute:
$ bundle
Or install it yourself as:
$ gem install gyrocycle
License
The theme is available as open source under the terms of the MIT License.