Fork of @spf13's port of Mdo's excellent theme to Hugo https://brendan.abolivier.bzh/

digitalcraftsman 6fdb7f9d4b Removed non-working link from README		10 years ago
archetypes	adding archetypes to the existing themes	11 years ago
images	removing old screenshot	10 years ago
layouts	Added Disqus support	10 years ago
static	Convert rem's to em's in breakpoints to fix layout jerking issue in e.g. iPad and when resizing viewport.	10 years ago
LICENSE.md	Adding the hyde theme	11 years ago
README.md	Removed non-working link from README	10 years ago
theme.toml	Set min_version to 0.14	10 years ago

Hyde

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

Options
Author
Ported by
License

Options

Hyde includes some customizable options, typically applied via classes on the <body> element.

Sidebar menu

Create a list of nav links in the sidebar by assigning "menu=main" in the front matter.

Sticky sidebar content

By default Hyde ships with a sidebar that affixes it's content to the bottom of the sidebar. You can optionally disabled this by removing the .sidebar-sticky class from the sidebar's .container. Sidebar content will then normally flow from top to bottom.

<!-- Default sidebar -->
<div class="sidebar">
  <div class="container sidebar-sticky">
    ...
  </div>
</div>

<!-- Modified sidebar -->
<div class="sidebar">
  <div class="container">
    ...
  </div>
</div>

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).

There are eight themes available at this time.

To use a theme, add the themeColor variable under params, like so:

TOML

theme = "hyde"

[params]
  themeColor = "theme-base-09"

YAML

theme: "hyde"

params:
  themeColor: "theme-base-09"

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's page orientation can be reversed with a single class.

<body class="layout-reverse">
  ...
</body>

Disqus

You can optionally enable a comment system powered by Disqus for the posts. Simply add the variable disqusShortname to the params in your config file.

TOML

[params]
  disqusShortname = "spf13"

YAML

params:
  disqusShortname: "spf13"

Author

Mark Otto

Ported By

Steve Francia

License

Open sourced under the MIT license.

README.md