# Hyde
-Hyde is a brazen two-column [hugo](http://hugo.spf13.com) theme based on the [Jekyll](http://jekyllrb.com) theme of the same name.
+Hyde is a brazen two-column [hugo](https://gohugo.io) theme based on the [Jekyll](http://jekyllrb.com) theme of the same name.
It pairs a prominent sidebar with uncomplicated content.
![Hyde screenshot](https://f.cloud.github.com/assets/98681/1831228/42af6c6a-7384-11e3-98fb-e0b923ee0468.png)
## Contents
-- [Usage](#usage)
+- [Installation](#installation)
- [Options](#options)
- [Sidebar menu](#sidebar-menu)
- [Sticky sidebar content](#sticky-sidebar-content)
- [Themes](#themes)
- [Reverse layout](#reverse-layout)
-- [Development](#development)
+ - [Disqus](#disqus)
- [Author](#author)
+- [Ported by](#ported-by)
- [License](#license)
+## Installation
+
+To install Hyde as your default theme, first install this repository in the `themes/` directory:
+
+ $ cd themes/
+ $ git clone https://github.com/spf13/hyde.git
+
+Second, specify `hyde` as your default theme in the `config.toml` file. Just add the line
+
+ theme = "hyde"
+
+at the top of the file.
+
+
## Options
Hyde includes some customizable options, typically applied via classes on the `<body>` element.
![Hyde theme classes](https://f.cloud.github.com/assets/98681/1817044/e5b0ec06-6f68-11e3-83d7-acd1942797a1.png)
-To use a theme, add anyone of the available theme classes to the `<body>` element in the `default.html` layout, like so:
+To use a theme, add the `themeColor` variable under `params`, like so:
-```html
-<body class="theme-base-08">
- ...
-</body>
+**TOML**
+```toml
+theme = "hyde"
+
+[params]
+ themeColor = "theme-base-09"
+```
+
+**YAML**
+```yaml
+theme: "hyde"
+
+params:
+ themeColor: "theme-base-09"
```
To create your own theme, look to the Themes section of [included CSS file](https://github.com/poole/hyde/blob/master/public/css/hyde.css). Copy any existing theme (they're only a few lines of CSS), rename it, and change the provided colors.
![Hyde with reverse layout](https://f.cloud.github.com/assets/98681/1831230/42b0d3ac-7384-11e3-8d54-2065afd03f9e.png)
-Hyde's page orientation can be reversed with a single class.
+To reverse page orientation, add the `layoutReverse` variable under `params`, like so:
-```html
-<body class="layout-reverse">
- ...
-</body>
+**TOML**
+```toml
+theme = "hyde"
+
+[params]
+ layoutReverse = true
```
-## Author
+**YAML**
+```yaml
+theme: "hyde"
+
+params:
+ layoutReverse: true
+```
+
+### 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**
+```toml
+[params]
+ disqusShortname = "spf13"
+```
+
+**YAML**
+```yaml
+params:
+ disqusShortname: "spf13"
+```
+
+## Author
**Mark Otto**
- <https://github.com/mdo>
- <https://twitter.com/mdo>