about summary refs log tree commit diff stats
diff options
context:
space:
mode:
-rw-r--r--README.md20
-rw-r--r--layouts/index.html2
2 files changed, 16 insertions, 6 deletions
diff --git a/README.md b/README.md
index 39b8d14..0235f16 100644
--- a/README.md
+++ b/README.md
@@ -84,12 +84,22 @@ To create your own theme, look to the Themes section of [included CSS file](http
 
 ![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
+```
+
+**YAML**
+```yaml
+theme: "hyde"
+
+params:
+  layoutReverse: true
 ```
 
 ### Disqus
diff --git a/layouts/index.html b/layouts/index.html
index 6ba175e..36f3ac2 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,5 +1,5 @@
 {{ partial "head.html" . }}
-<body class="{{ .Site.Params.themeColor }}">
+<body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}">
 
 {{ partial "sidebar.html" . }}