Merge branch 'release/1.2.0'

This commit is contained in:
Michael Rose 2013-10-26 20:07:26 -04:00
commit dc7b33b212
7 changed files with 41 additions and 1 deletions

View File

@ -2,7 +2,7 @@ title: Site Title
description: Describe your website here.
disqus_shortname:
#Comment out url when working locally to resolve base urls correctly
url: http://your-website.com
url: http://localhost:4000
# Owner/author information
owner:
@ -22,6 +22,9 @@ owner:
# For Google Authorship https://plus.google.com/authorship
google_plus:
# Background image to be tiled on all pages
background: ps_neutral.png
# Analytics and webmaster tools stuff goes here
google_analytics:
google_verify:

View File

@ -0,0 +1,23 @@
---
layout: post
title: Post with a Background Image
description: "Sample post with a background image CSS override."
tags: [sample post]
image:
background: triangular.png
comments: true
share: true
---
Here be a sample post with a custom background image. To utilize this "feature" just add the following YAML to a post's front matter.
{% highlight yaml %}
image:
background: filename.png
{% endhighlight %}
This little bit of YAML makes the assumption that your background image asset is in the `/images` folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.
If you want to set a background image for the entire site just add `background: filename.png` to your `_config.yml` and BOOM --- background images on every page!
<div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://subtlepatterns.com" class="notice">Background images from <span property="dct:title">Subtle Patterns</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://subtlepatterns.com">Subtle Patterns</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div>

View File

@ -18,6 +18,7 @@ They say three times the charm, so here is another free responsive Jekyll theme
* Gracefully degrads in older browsers. Compatible with Internet Explorer 8+ and all modern browsers.
* Modern and minimal design.
* Sweet animated menu.
* Background image support.
* Readable typography to make your words shine.
* Support for large images to call out your favorite posts.
* Comments powered by [Disqus](http://disqus.com) if you choose to enable.

BIN
images/ps_neutral.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 B

BIN
images/triangular.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 B

BIN
images/witewall_3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -165,6 +165,19 @@ links:
external: true
{% endhighlight %}
#### Background Images
To utilize this "feature" just add the following YAML to a post's front matter. ([View demo](http://mmistakes.github.io/hpstr-jekyll-theme/background-image/))
{% highlight yaml %}
image:
background: filename.png
{% endhighlight %}
This little bit of YAML makes the assumption that your background image asset is in the `/images` folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.
If you want to set a background image for the entire site just add `background: filename.png` to your `_config.yml` and BOOM --- background images on every page!
#### Other Stuff
The rest is just your average Jekyll config settings. Nothing too crazy here...