less than 1 minute read

Header and teaser images that can be used in news and blog posts

Standard size: 1280x400 (please don’t use other sizes!) Teaser size: 512x160 (40% of standard size)

How to add to a news or blog post

Add the following to the front matter:

excerpt: "This post should [...]"
header:
  overlay_image: /assets/images/header/DEFAULT.IMG # Pick an image you like, or upload your own
  overlay_filter: 0.6 # same as adding an opacity of 0.6 to a black background
  caption: "Photo credit: @sjn" # Give proper credit!
  teaser: /assets/images/teaser/DEFAULT.IMG # Remember to add a resized image if you uploaded your own
  actions:
    - label: "Report a vulnerability"
      url: "/docs/report.html"

Converting your own uploads

Run the following to resize your own image:

    # Install the convert(1) tool for batch resizing (Debian)
    apt install imagemagick

    # Resize all JPG's added to the ./header/ dir to 40%, and place them in ./teaser/
    find ./header/ -mtime -1 -daystart -iname '*.JPG' \
       | while read f; do echo convert $f -resize 40% ${f/header/teaser}\; ; done \
       | sh -x

Images

SJN00710 SJN00713 SJN07441 SJN07443 SJN07444 SJN07447 SJN07448 SJN07449 SJN07450 SJN07451 SJN07456 SJN07457 SJN07458 SJN07463 SJN07486 SJN07489 SJN07791 SJN07811 SJN07812 SJN07813 SJN07814 SJN07815 SJN07819 SJN07820 SJN07821 SJN07822 SJN07834 SJN07854 SJN07858 SJN07974 SJN08080 SJN08083 SJN09156
Images by @sjn