From 56a8caa061319eba41861b6c32b17f46595b0936 Mon Sep 17 00:00:00 2001 From: David Hamp-Gonsalves Date: Wed, 11 Jan 2017 11:35:29 -0500 Subject: cleanup styles, flush out theme requirements --- README.md | 25 ++++++++ exampleSite/README.md | 25 -------- exampleSite/config.toml | 2 +- .../content/post/hugo-block-and-light-theme.md | 68 +++++++++++++++++++++ exampleSite/themes/black-and-light | 1 - images/screenshot.png | Bin 0 -> 360299 bytes images/tn.png | Bin 0 -> 465948 bytes layouts/partials/styles.html | 6 +- 8 files changed, 96 insertions(+), 31 deletions(-) create mode 100644 README.md delete mode 100644 exampleSite/README.md create mode 100644 exampleSite/content/post/hugo-block-and-light-theme.md delete mode 160000 exampleSite/themes/black-and-light create mode 100644 images/screenshot.png create mode 100644 images/tn.png diff --git a/README.md b/README.md new file mode 100644 index 0000000..c6a56e4 --- /dev/null +++ b/README.md @@ -0,0 +1,25 @@ +# Black & Light +============= +A High contrast, text oriented, performant and Javascript-free theme for Hugo. + +## Features +* Loads in a single request (with web-fonts disabled). +* 100 / 100 on Google Page Speed test (100 / 100 on mobile with web-fonts disabled). +* Scriptless (unless you configure Google Analytics). +* Styles inlined in head. +* High Contrast. + +![Screenshot](https://github.com/davidhampgonsalves/hugo-black-and-light-theme/blob/master/images/screenshot.png) + +## Installation +Inside the folder of your Hugo site run: +``` + git submodule git@github.com:davidhampgonsalves/hugo-black-and-light-theme.git themes/black-and-light +``` +For more information read the official [setup guide](//gohugo.io/overview/installing/) of Hugo. + +## The config file +Copy the [`config.toml`](//github.com/davidhampgonsalves/hugo-black-and-light-theme/blob/master/exampleSite/config.toml) from this themes exampleSite to your Hugo site or use it as a reference. + +## License +This theme is released under the GNU 3.0 license. For more information read the [license](https://github.com/davidhampgonsalves/hugo-black-and-light-theme/blob/dev/LICENSE.md). diff --git a/exampleSite/README.md b/exampleSite/README.md deleted file mode 100644 index b9711e4..0000000 --- a/exampleSite/README.md +++ /dev/null @@ -1,25 +0,0 @@ -hugoBasicExample -========== - -This is an example site for [Hugo](http://gohugo.io/). - -It is intended to be a demo site for the various [Hugo themes][]. - -# Using - -1. First, [install Hugo](http://gohugo.io/overview/installing/); -2. Then, clone this repository; -3. Clone the [Hugo themes][]; -4. Run Hugo and select the theme of your choosing. - -In other words: - -
git clone https://github.com/spf13/HugoBasicExample.git
-cd HugoBasicExample
-git clone --recursive https://github.com/spf13/hugoThemes.git themes
-hugo server -t themename
-
- -Enjoy! - -[Hugo themes]: https://github.com/spf13/hugoThemes diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 2d836c1..adb35d9 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,4 +1,4 @@ -baseurl = "http://hugo.spf13.com/" +baseurl = "https://www.example.com/" title = "Black & Light" author = "David Hamp-Gonsalves" canonifyurls = true diff --git a/exampleSite/content/post/hugo-block-and-light-theme.md b/exampleSite/content/post/hugo-block-and-light-theme.md new file mode 100644 index 0000000..062b929 --- /dev/null +++ b/exampleSite/content/post/hugo-block-and-light-theme.md @@ -0,0 +1,68 @@ ++++ +date = "2017-01-08" +title = "Black & Light Demo" ++++ + +[Black and Light](https://github.com/davidhampgonsalves/hugo-black-and-light-theme) is a high contrast, performant and Javascript-free theme. + +## Features +* Loads in a single request (with web-fonts disabled) +* 100 / 100 on Google Page Speed test (100 / 100 on mobile with web-fonts disabled) +* Scriptless (unless you enable Google Analyitcs) +* Styles inlined in head +* High Contrast + +## Style Demo +# h1 Heading +## h2 Heading +### h3 Heading +#### h4 Heading +##### h5 Heading +###### h6 Heading + + +--- + +**This is bold text** + +__This is bold text__ + +*This is italic text* + +_This is italic text_ + +~~Deleted text~~ + +> Block quotes are +> written like so. +> +> They can span multiple paragraphs, +> if you like. + +Some text, and some `code` and then a nice plain [link with title](https://github.com/davidhampgonsalves/davidhampgonsalves.com-hugo "title text!"). + +and then + ++ Create a list by starting a line with `+`, `-`, or `*` ++ Sub-lists are made by indenting 2 spaces: + - Marker character change forces new list start: + * Ac tristique libero volutpat at ++ Very easy! + +vs. + +1. Lorem ipsum dolor sit amet +2. Consectetur adipiscing elit +3. Integer molestie lorem at massa + +## Code + +Inline `code` + +``` js +var foo = function (bar) { + return bar++; +}; + +console.log(foo(5)); +``` diff --git a/exampleSite/themes/black-and-light b/exampleSite/themes/black-and-light deleted file mode 160000 index b726c58..0000000 --- a/exampleSite/themes/black-and-light +++ /dev/null @@ -1 +0,0 @@ -Subproject commit b726c5807b2d67a77373fc8e3dfd45f5c1b0ac25 diff --git a/images/screenshot.png b/images/screenshot.png new file mode 100644 index 0000000..a382a00 Binary files /dev/null and b/images/screenshot.png differ diff --git a/images/tn.png b/images/tn.png new file mode 100644 index 0000000..6514c62 Binary files /dev/null and b/images/tn.png differ diff --git a/layouts/partials/styles.html b/layouts/partials/styles.html index ef508f4..3f0a6d7 100644 --- a/layouts/partials/styles.html +++ b/layouts/partials/styles.html @@ -18,10 +18,8 @@ margin:auto; } - caption { - text-align:left; - font-weight:400; - vertical-align:middle; + p { + margin: 5px 0 10px 0; } a img { -- cgit v1.2.3