From 178d61ae379a77b6bcd83d81253e48dfad6fd6ee Mon Sep 17 00:00:00 2001 From: Robpol86 Date: Wed, 23 Oct 2013 22:16:02 -0500 Subject: [PATCH 1/5] Implemented per-page or site-wide background images. If the user sets "background: /path/to/image.jpg" or an http(s) url in their _config.yml, or if they set it in a post/page's yaml front matter, the displayed page will use that image as the background. If their background is transparent, the default background color will also be visible. Setting a background in a page/post will take precedence over the one set in _config.yml. --- _includes/head.html | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/_includes/head.html b/_includes/head.html index bb238e4377..767c2dfd4f 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -56,3 +56,11 @@ + + +{% if page.background %} + {% capture page_bgimg %}{% if page.background contains 'http' %}{{ page.background }}{% else %}{{ site.url }}{{ page.background }}{% endif %}{% endcapture %} +{% elsif site.background %} + {% capture page_bgimg %}{% if site.background contains 'http' %}{{ site.background }}{% else %}{{ site.url }}{{ site.background }}{% endif %}{% endcapture %} +{% endif %} +{% if page_bgimg %}{% endif %} From 08fa20eeb423da67ffaab94f6cee85b4653d8120 Mon Sep 17 00:00:00 2001 From: Robpol86 Date: Sat, 26 Oct 2013 13:20:16 -0700 Subject: [PATCH 2/5] Implemented mmistakes' suggestions. All background images will now be consistent with the rest of the theme and pull background images from the site's /images location. Also moved per-page background yaml declaration into the images: "group" or array thing (whatever it's called). This is also consistent with the rest of the theme. --- _includes/head.html | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/_includes/head.html b/_includes/head.html index 767c2dfd4f..915b5e3735 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -57,10 +57,6 @@ - -{% if page.background %} - {% capture page_bgimg %}{% if page.background contains 'http' %}{{ page.background }}{% else %}{{ site.url }}{{ page.background }}{% endif %}{% endcapture %} -{% elsif site.background %} - {% capture page_bgimg %}{% if site.background contains 'http' %}{{ site.background }}{% else %}{{ site.url }}{{ site.background }}{% endif %}{% endcapture %} +{% if page.image.background or site.background %} + {% endif %} -{% if page_bgimg %}{% endif %} From 4d0ad4d6cd807d745f74326417b1f6f0e40a77bb Mon Sep 17 00:00:00 2001 From: Michael Rose Date: Sat, 26 Oct 2013 20:02:13 -0400 Subject: [PATCH 3/5] Add sample post demoing background image --- _posts/2013-10-26-background-image.md | 23 +++++++++++++++++++++++ images/ps_neutral.png | Bin 0 -> 100 bytes images/triangular.png | Bin 0 -> 210 bytes images/witewall_3.png | Bin 0 -> 19890 bytes 4 files changed, 23 insertions(+) create mode 100644 _posts/2013-10-26-background-image.md create mode 100644 images/ps_neutral.png create mode 100644 images/triangular.png create mode 100644 images/witewall_3.png diff --git a/_posts/2013-10-26-background-image.md b/_posts/2013-10-26-background-image.md new file mode 100644 index 0000000000..812d8a9f99 --- /dev/null +++ b/_posts/2013-10-26-background-image.md @@ -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! + +
Background images from Subtle Patterns (Subtle Patterns) / CC BY-SA 3.0
\ No newline at end of file diff --git a/images/ps_neutral.png b/images/ps_neutral.png new file mode 100644 index 0000000000000000000000000000000000000000..c3a53acd0b7665266db14f50fb246a70cbbe055e GIT binary patch literal 100 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9>yIBlzI^#2|M%Q|popZW vi(^PdT`9`jqd%bFAuYSUR%r`e|o!I?T@H^Utb)){%Nhd{J(8~{{AYgvhlwjU$YmR mf_>BSZGU~(S_3od5BpV~E$uupm0N+1VeoYIb6Mw<&;$Te17r~Z literal 0 HcmV?d00001 diff --git a/images/witewall_3.png b/images/witewall_3.png new file mode 100644 index 0000000000000000000000000000000000000000..684447fde3c556eeaa323195368a8b545a13e6c9 GIT binary patch literal 19890 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 Date: Sat, 26 Oct 2013 20:03:07 -0400 Subject: [PATCH 4/5] Add background image to site --- _config.yml | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index 5c90cc3cfb..41e8355113 100644 --- a/_config.yml +++ b/_config.yml @@ -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: From 96bce170a72ff75b0af78abf66ce9968c5c97f9b Mon Sep 17 00:00:00 2001 From: Michael Rose Date: Sat, 26 Oct 2013 20:07:11 -0400 Subject: [PATCH 5/5] Document background image feature --- about.md | 1 + theme-setup.md | 13 +++++++++++++ 2 files changed, 14 insertions(+) diff --git a/about.md b/about.md index d3c1bce639..20e21169ba 100644 --- a/about.md +++ b/about.md @@ -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. diff --git a/theme-setup.md b/theme-setup.md index aa012f5c27..81794f6713 100644 --- a/theme-setup.md +++ b/theme-setup.md @@ -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...