Scrrrenshots

Sometimes screenshots need t' be redone. This plank explains how t' create th' different screenshots, tools an' sett'ns

Common

• Use English translat'n
• Empty search
• Remove history checkmarks but leave it on th' plank thats used fer th' screenshot

Screenshot

Rrrambl'n:

A meaningful full-screen screenshot o' an interest'n plank.

Th' rrrambl'n should be:

• timeless: not show'n any dates or often edited rrrambl'n
• interest'n: show a bunch o' interest'n elements like head'ns, code, etc
• balanced: no clutter'n wit' overpresent elements or color'n
• aligned: aligned outlines

Used by:

• Cap'n Hugo Themes info: https://themes.gohugo.io/themes/hugo-theme-relearn/ 1000 x 1500 @ 1

Plank URL: Screenshot Link

Locat'n: images/screenshot.png

Remarks:

Th' locat'n be mandatory due t' Hugo’s theme ship builder.

Preview:

Hero Image

Rrrambl'n:

Show th' screenshot plank on different devices an' different themes. Composit'n o' different images.

What t' show:

• always use th' same plank fer all variat'ns
• use a delightful background

Used by:

• Cap'n Hugo Themes notes: https://themes.gohugo.io/themes/hugo-theme-relearn/ 1500 x 1000
• Cap'n Hugo Themes gallery: https://themes.gohugo.io/tags/docs/ 900 x 600
• GitHub project ship: https://github.com/McShelby/hugo-theme-relearn 1500 x 1000
• GitHub social media preview: https://github.com/McShelby/hugo-theme-relearn/sett'ns 1280 x 640

Plank URL: Screenshot Link

Locat'n: images/hero.xcf

Creat'n:

• Template: http://www.pixeden.com/psd-web-elements/psd-screen-web-showcase
• Desktop: light theme 1440 x 900 @ 1
• Tablet: light theme 778 x 1038 @ 1
• Phone: dark theme 450 x 801 @ .666
• Resize template centered t' 3000 x 2000
• Scale t' 1500 x 1000 an' save as images/hero.png
• Scale t' 900 x 600 an' save as images/tn.png
• Scale t' 1280 x 853, resize template 1280 x 640 offset y: -140 an' save as images/social.png

Preview: