steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Add header actions array support for multiple call to action links

Browse Source 
```
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
This commit is contained in:
Michael Rose
2018-09-10 11:04:06 -04:00
parent 833ab3933d
commit 68df0b6b63
11 changed files with 282 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/_posts/2010-08-05-post-header-overlay-image-og-override.md
View File

@@ -4,7 +4,9 @@ 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)"
cta_url: "https://unsplash.com"
actions:
- label: "Learn more"
url: "https://unsplash.com"
categories:
- Layout
- Uncategorized
@@ -22,5 +24,7 @@ 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)"
cta_url: "https://unsplash.com"
actions:
- label: "Learn more"
url: "https://unsplash.com"
```

14
docs/_posts/2012-03-15-layout-header-overlay-image.md
View File

@@ -3,7 +3,9 @@ title: "Layout: Header Image Overlay"
header:
overlay_image: /assets/images/unsplash-image-1.jpg
caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
cta_url: "https://unsplash.com"
actions:
- label: "Learn more"
url: "https://unsplash.com"
categories:
- Layout
- Uncategorized
@@ -32,8 +34,9 @@ header:
overlay_image: /assets/images/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"
actions:
- label: "More Info"
url: "https://unsplash.com"
```
Or if you want to do more fancy things, go full rgba:
@@ -46,6 +49,7 @@ header:
overlay_image: /assets/images/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"
actions:
- label: "More Info"
url: "https://unsplash.com"
```