Commit graph

26 commits

Author SHA1 Message Date
Michael Rose
a95fae0155 Properly apply relative_url filter to internal links in header overlay actions array 2018-09-11 11:42:21 -04:00
Michael Rose
68df0b6b63 Add header actions array support for multiple call to action links
```
header:
  overlay_image: /assets/images/unsplash-image-1.jpg
  og_image: /assets/images/page-header-og-image.png
  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
  actions:
    - label: "Learn More"
      url: "https://unsplash.com"
```

Fixes #1461
2018-09-10 11:04:06 -04:00
Brian Exelbierd
3c48a2ed02 Allow time to be shown with a header image overlay (#1756)
Fix `read_time` logic in header image overlay
2018-07-24 10:43:54 -04:00
Michael Rose
fa0acf455f Fix "Back to Top" links
Pages that use header overlays were missing `#page-title` anchors on the `<h1>` element.
2018-05-08 10:40:42 -04:00
Michael Rose
c8226a32a6 Replace absolute_url with relative_url
Where it makes sense replace asset paths and navigation related paths with `relative_url` filter.

Leave SEO related `<head>` elements and social sharing links as `absolute_url`.

Fixes #1588
2018-03-20 11:35:36 -04:00
Michael Rose
3e922ddf58
Upgrade Font Awesome to version 5 (#1446)
Upgrade Font Awesome to version 5 (SVG with JavaScript)

Close #1396
2018-01-04 14:27:27 -05:00
Darren Hart
7bf2b58ede v2: Introduce show_overlay_excerpt and document (#1436)
Make excerpts optional in header overlay

Some posts and some header images don't lend themselves well to
displaying the excerpt in the overlay. Make this optional by
introducting a new boolean variable:

`page.header.show_overlay_excerpt`

Set it to implicitly default to `true` so existing users are unaffected by
testing explicitly for "!= false".

This can be enabled globally for a site by changing the default to `false`
in the local _config.yml, or per page by specifying the value in front
matter.

Document show_overlay_excerpt variable

* Add show_overlay_excerpt variable to the Header Overlay field documentation table.

Close #1429
2018-01-02 16:08:37 -05:00
Michael Rose
f7a1b1a160 DRY up handling of image_description for alternative text 2017-08-04 12:20:08 -04:00
austinseraphin
cb8cb6f41e Header alt tags (#1138)
* Added support for an alt tag for the header image

This allows using page.header.image_description as the alt tag. It
will still default to site.title if unset.

* Added documentation
2017-08-04 12:06:20 -04:00
Maik Schmidt
f4e75fe640 Pagination now works for index.html files in subfolders. Links to next page consider baseurl now. (#764)
* Links to next page consider baseurl now.

* paginate_show_page_num controls whether page number gets output.
2017-01-24 10:42:02 -05:00
Michael Rose
d3b2e49044 Remove prepend: "/" from includes and add to image path's instead 2016-10-10 11:48:30 -04:00
Michael Rose
c3c0fc3f51 Replace base_path with absolute_url filter where possible 2016-10-06 15:40:30 -04:00
Michael Rose
77c5642803 Allow images to be placed in other folders
- Remove `images/` only restriction and encourage placement in `assets/images/` instead
2016-09-21 22:15:17 -04:00
Michael Rose
cc0b266541 Add en default text to site.locale strings
- Close #407
2016-07-29 12:16:53 -04:00
Michael Rose
b3c0b79b92 Replace contains "http" with contains "://" 2016-06-03 11:59:19 -04:00
Tobie Langel
1edfcea306 Style fixes 2016-05-02 14:25:26 +02:00
Tobie Langel
f077ec4343 Add overlay_filter param to hero headers
The `overlay_filter` param lets you darken or otherwise filter the hero header picture to make the text content pop out more.

You can use it by specifying the opacity (between 0 and 1) of a black overlay like so:

```yaml
excerpt: "This post should display a **header with an overlay image**, if the theme supports it."
header:
  overlay_image: unsplash-image-1.jpg
  overlay_filter: 0.5 # same as adding an opacity of 0.5 to a black background
  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
  cta_label: "More Info"
  cta_url: "https://unsplash.com"
```

Or if you want to do more fancy things, go full rgba: 

```yaml
excerpt: "This post should display a **header with an overlay image**, if the theme supports it."
header:
  overlay_image: unsplash-image-1.jpg
  overlay_filter: rgba(255, 0, 0, 0.5)
  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
  cta_label: "More Info"
  cta_url: "https://unsplash.com"
```
2016-05-02 13:59:31 +02:00
Michael Rose
d7df394a5e Make base_path available to all includes that need it 2016-04-14 14:45:48 -04:00
Michael Rose
9ce87108ff If page doesn't have a title fallback to site.title 2016-04-14 14:26:47 -04:00
Michael Rose
84e85c0f14 Improve URL handling for internally and externally linked pages 2016-04-14 10:46:33 -04:00
Michael Rose
66d6a70480 Reduce button size 2016-03-30 17:02:49 -04:00
Michael Rose
28d6c28050 Build out overlay header and feature row _include helper 2016-03-24 15:28:29 -04:00
Michael Rose
974797a2b8 Style overlay background image and add support for caption 2016-03-23 21:59:58 -04:00
Michael Rose
cae92a8770 Add header overlay sample posts 2016-03-23 21:50:22 -04:00
Michael Rose
479bce3682 Rough out splash page _layout with styles and test content 2016-03-23 16:35:01 -04:00
Michael Rose
3663ba897a Create includes for greater layout flexibility 2016-03-23 12:56:23 -04:00