All Projects → getzola → Hyde

getzola / Hyde

Licence: mit
Port of https://github.com/poole/hyde to Zola

Labels

Projects that are alternatives of or similar to Hyde

Jekyll Bootstrap4
Bootstrap 4 with Jekyll minimalistic example site
Stars: ✭ 43 (-15.69%)
Mutual labels:  scss
Che Docs
Eclipse Che Documentation
Stars: ✭ 46 (-9.8%)
Mutual labels:  scss
Snack Helper
🗃 A universal CSS helper library.
Stars: ✭ 50 (-1.96%)
Mutual labels:  scss
Codyhouse Framework
A lightweight front-end framework for building accessible, bespoke interfaces.
Stars: ✭ 1,020 (+1900%)
Mutual labels:  scss
Holly React
A React implementation of Davide Pacilio's free landing page template.
Stars: ✭ 45 (-11.76%)
Mutual labels:  scss
Atomic Builder
Atomic Builder - Framework SASS
Stars: ✭ 47 (-7.84%)
Mutual labels:  scss
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+1892.16%)
Mutual labels:  scss
Generator Baukasten
Awesome!
Stars: ✭ 50 (-1.96%)
Mutual labels:  scss
Lebab Ce
Lebab - Community Editor
Stars: ✭ 46 (-9.8%)
Mutual labels:  scss
Atlas Ui Framework
The shortest path to a stunning User Interface for all Mendix applications.
Stars: ✭ 49 (-3.92%)
Mutual labels:  scss
Kirby Previews
Add some missing structure previews. Kirby 3 only.
Stars: ✭ 44 (-13.73%)
Mutual labels:  scss
Hexo Theme Snark
An hexo theme with lofter style
Stars: ✭ 45 (-11.76%)
Mutual labels:  scss
Cg Site
The cloud.gov website
Stars: ✭ 47 (-7.84%)
Mutual labels:  scss
Malyw.github.io
JavaScript/HTML/CSS blog
Stars: ✭ 43 (-15.69%)
Mutual labels:  scss
Guide 3ds
A complete guide to 3DS custom firmware, from stock to boot9strap.
Stars: ✭ 1,055 (+1968.63%)
Mutual labels:  scss
Gochowdown
Hugo theme based on the Jekyll chowdown theme
Stars: ✭ 43 (-15.69%)
Mutual labels:  scss
Extension Workshop
Firefox Extension Workshop
Stars: ✭ 47 (-7.84%)
Mutual labels:  scss
Sassyfication
💅Library with sass mixins to speed up your css workflow.
Stars: ✭ 51 (+0%)
Mutual labels:  scss
Minimal Mistakes
📐 Jekyll theme for building a personal site, blog, project documentation, or portfolio.
Stars: ✭ 8,967 (+17482.35%)
Mutual labels:  scss
Svelte Typescript Parcel
Svelte + Typescript + Parcel
Stars: ✭ 48 (-5.88%)
Mutual labels:  scss

hyde

Hyde is a brazen two-column Zola based on the Jekyll theme of the same name that pairs a prominent sidebar with uncomplicated content.

Hyde screenshot

Contents

Installation

First download this theme to your themes directory:

cd themes
git clone https://github.com/getzola/hyde.git

and then enable it in your config.toml:

theme = "hyde"

Options

Sidebar menu

Set a field in extra with a key of hyde_links:

[extra]
hyde_links = [
    {url = "https://google.com", name = "Google.com"},
    {url = "https://google.fr", name = "Google.fr"},
]

Each link needs to have a url and a name.

Sticky sidebar content

By default Hyde ships with a sidebar that affixes it's content to the bottom of the sidebar. You can optionally disable this by setting hyde_sticky to false in your config.toml.

Themes

Hyde ships with eight optional themes based on the base16 color scheme. Apply a theme to change the color scheme (mostly applies to sidebar and links).

Hyde in red

There are eight themes available at this time.

Hyde theme classes

To use a theme, set the hyde_theme field in config.toml to any of the themes name:

[extra]
hyde_theme = "theme-base-08"

To create your own theme, look to the Themes section of included CSS file. Copy any existing theme (they're only a few lines of CSS), rename it, and change the provided colors.

Reverse layout

Hyde with reverse layout

Hyde's page orientation can be reversed by setting hyde_reverse to true in the config.toml.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].