]> njoseph.me Git - hyde.git/commitdiff
projects / hyde.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: d06d24a)
Add configuration to Reverse layout
authorJán Koščo <3k.stanley@gmail.com>
Tue, 8 Mar 2016 22:15:24 +0000 (23:15 +0100)
committerJán Koščo <3k.stanley@gmail.com>
Tue, 8 Mar 2016 22:16:04 +0000 (23:16 +0100)
README.md patch | blob | blame | history
layouts/index.html patch | blob | blame | history

diff --git a/README.md b/README.md
index 39b8d14ceed2910930befc1b7a6ed0061d00f26a..0235f169cfab9e4b1a698be3d65d5405568ccfb3 100644 (file)
--- 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 6ba175ed3b9af5ed7b604a4505918d22b5707559..36f3ac2760fc160cd46a69b1138922a12003257c 100644 (file)
--- 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" . }}
 
A fork of the theme Hyde for my blog