contrast-hugo/README.md

74 lines
2.1 KiB
Markdown
Raw Normal View History

2020-02-03 21:04:06 -05:00
Adaption of the of [contrast](https://github.com/niklasbuschmann/contrast) Jekyll theme.
2019-07-18 15:32:22 -04:00
2019-07-18 15:49:34 -04:00
## Installation
2019-07-19 06:42:58 -04:00
To install Contrast as your default theme, first install this repository in the `themes/` directory:
2019-07-18 15:49:34 -04:00
$ cd themes/
$ git clone https://github.com/niklasbuschmann/contrast-hugo.git
Second, specify `contrast-hugo` as your default theme in the `config.toml` file. Just add the line
theme = "contrast-hugo"
at the top of the file.
2019-07-19 12:54:30 -04:00
## Options
2020-02-03 21:04:06 -05:00
In the `params` section of your config, you can enable a dark header style with `darkheader = true` and [icon](https://fontawesome.com/icons) support with `fontawesome = true` - which can be used by adding `pre` entries to your site's [menu](https://gohugo.io/content-management/menus/). The site title in the header can also be hidden with `hidetitle = true`.
## Sidebar
2020-02-03 21:12:52 -05:00
Instead of the horizontal menu, a sidebar can be enabled with `sidebar = true`. See [here](https://niklasbuschmann.github.io/contrast/) for an example of the sidebar in action. Adding a `hidden` class to the icon tag will hide the icon on mobile devices.
2020-02-03 21:04:06 -05:00
2020-02-03 21:12:52 -05:00
An example `config.yaml` could look like this:
2020-02-03 21:04:06 -05:00
```yaml
params:
sidebar = true
fontawesome = true
description = 'Made by <a href="">John Doe</a>'
menu:
main:
- identifier = "home"
name = "Home"
url = "/"
weight = 1
2020-02-03 21:12:52 -05:00
pre = "<span class='fas fa-home hidden'></span>"
2020-02-03 21:04:06 -05:00
- identifier = "about"
name = "About"
url = "/about/"
weight = 2
2020-02-03 21:12:52 -05:00
pre = "<span class='fas fa-address-card hidden'></span>"
2020-02-03 21:04:06 -05:00
- identifier = "github"
name = "Github"
url = "https://github.com/"
weight = 3
2020-02-03 21:12:52 -05:00
pre = "<span class='fab fa-github hidden'></span>"
2020-02-03 21:04:06 -05:00
- identifier = "feed"
name = "Subscribe"
url = "/index.xml"
weight = 4
2020-02-03 21:12:52 -05:00
pre = "<span class='fas fa-rss hidden'></span>"
2020-02-03 21:04:06 -05:00
```
2019-07-19 12:54:30 -04:00
2019-07-18 15:32:22 -04:00
## Features
- supports dark mode on macOS Mojave
2020-02-03 21:04:06 -05:00
- optional sidebar
2019-07-18 15:32:22 -04:00
- MathJax support
2019-07-18 15:49:34 -04:00
- no external resources
2019-07-18 15:32:22 -04:00
- responsive
## Based on
2020-02-03 21:04:06 -05:00
- [Hyde](https://github.com/poole/hyde)
2019-07-18 15:32:22 -04:00
- [Minima](https://github.com/jekyll/minima)
- [KaTeX](https://katex.org/)
2020-02-03 21:04:06 -05:00
- [Font-Awesome](https://fontawesome.com/)
2019-07-18 15:32:22 -04:00
## License
[public domain](http://unlicense.org/)