diff --git a/404.html b/404.html index fb7b1a41cd..e3aaa7256b 100644 --- a/404.html +++ b/404.html @@ -8,21 +8,21 @@ 404 Page not found :: Hugo Relearn Theme - + - - - - - - - - - - - - - + + + + + + + + + + + + + - + + + +
+ +
+ +
+
+
+
+
+
Chapter 4
+

Development

+ +

This chapter contains information only needed for development and maintaining the theme.

+ +
+ +

Screenshots

Recipe to create various documentation screenshots

+
+ + +
+
+
+
+ + + + + + + diff --git a/dev/index.print.html b/dev/index.print.html new file mode 100644 index 0000000000..3de2cc0476 --- /dev/null +++ b/dev/index.print.html @@ -0,0 +1,185 @@ + + + + + + + + + + + Development :: Hugo Relearn Theme + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+
+
+
Chapter 4
+

Development

+ +

This chapter contains information only needed for development and maintaining the theme.

+ +
+ +

Screenshots

Recipe to create various documentation screenshots

+
+ +
+
+
+ +
+

Subsections of Development

+
+

Screenshots

+ +

Sometimes screenshots need to be redone. This page explains how to create the different screenshots, tools and settings

+

Common

+
    +
  • Use English translation
    • +
  • Empty search
    • +
  • Remove history checkmarks but leave it on the page thats used for the screenshot
    • +
+

Screenshot

+

Content:

+

A meaningful full-screen screenshot of an interesting page.

+

The content should be:

+
    +
  • timeless: not showing any dates or often edited content
    • +
  • interesting: show a bunch of interesting elements like headings, code, etc
    • +
  • balanced: no cluttering with overpresent elements or coloring
    • +
  • aligned: aligned outlines
    • +
+

Used by:

+ +

Page URL: Screenshot Link

+

Location: images/screenshot.png

+

Remarks:

+

The location is mandatory due to Hugo’s theme site builder.

+

Preview:

+

+ + + +Screenshot +

+

Hero Image

+

Content:

+

Show the screenshot page on different devices and different themes. Composition of different images.

+

What to show:

+
    +
  • always use the same page for all variations
    • +
  • use a delightful background
    • +
+

Used by:

+ +

Page URL: Screenshot Link

+

Location: images/hero.xcf

+

Creation:

+
    +
  • 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 to 3000 x 2000
    • +
  • Scale to 1500 x 1000 and save as images/hero.png
    • +
  • Scale to 900 x 600 and save as images/tn.png
    • +
  • Scale to 1280 x 853, resize template 1280 x 640 offset y: -140 and save as images/social.png
    • +
+

Preview:

+

+ + + +Hero + + + + + +tn + + + + + +Social +

+ + +
+ +
+
+
+ + + + + + diff --git a/dev/index.xml b/dev/index.xml new file mode 100644 index 0000000000..e3aecef451 --- /dev/null +++ b/dev/index.xml @@ -0,0 +1,21 @@ + + + + Development on Hugo Relearn Theme + https://McShelby.github.io/hugo-theme-relearn/dev/index.html + Recent content in Development on Hugo Relearn Theme + Hugo -- gohugo.io + en + + Screenshots + https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html + Mon, 01 Jan 0001 00:00:00 +0000 + https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html + Sometimes screenshots need to be redone. This page explains how to create the different screenshots, tools and settings +Common Use English translation Empty search Remove history checkmarks but leave it on the page thats used for the screenshot Screenshot Content: +A meaningful full-screen screenshot of an interesting page. +The content should be: +timeless: not showing any dates or often edited content interesting: show a bunch of interesting elements like headings, code, etc balanced: no cluttering with overpresent elements or coloring aligned: aligned outlines Used by: + + + \ No newline at end of file diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html new file mode 100644 index 0000000000..c913d74fc2 --- /dev/null +++ b/dev/screenshots/index.html @@ -0,0 +1,394 @@ + + + + + + + + + + + Screenshots :: Hugo Relearn Theme + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+
+
+

Screenshots

+ +

Sometimes screenshots need to be redone. This page explains how to create the different screenshots, tools and settings

+

Common

+
    +
  • Use English translation
    • +
  • Empty search
    • +
  • Remove history checkmarks but leave it on the page thats used for the screenshot
    • +
+

Screenshot

+

Content:

+

A meaningful full-screen screenshot of an interesting page.

+

The content should be:

+
    +
  • timeless: not showing any dates or often edited content
    • +
  • interesting: show a bunch of interesting elements like headings, code, etc
    • +
  • balanced: no cluttering with overpresent elements or coloring
    • +
  • aligned: aligned outlines
    • +
+

Used by:

+ +

Page URL: Screenshot Link

+

Location: images/screenshot.png

+

Remarks:

+

The location is mandatory due to Hugo’s theme site builder.

+

Preview:

+

+ + + +Screenshot +

+

Hero Image

+

Content:

+

Show the screenshot page on different devices and different themes. Composition of different images.

+

What to show:

+
    +
  • always use the same page for all variations
    • +
  • use a delightful background
    • +
+

Used by:

+ +

Page URL: Screenshot Link

+

Location: images/hero.xcf

+

Creation:

+
    +
  • 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 to 3000 x 2000
    • +
  • Scale to 1500 x 1000 and save as images/hero.png
    • +
  • Scale to 900 x 600 and save as images/tn.png
    • +
  • Scale to 1280 x 853, resize template 1280 x 640 offset y: -140 and save as images/social.png
    • +
+

Preview:

+

+ + + +Hero + + + + + +tn + + + + + +Social +

+ + +
+
+
+
+ + + + + + + diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html new file mode 100644 index 0000000000..dd262d41c9 --- /dev/null +++ b/dev/screenshots/index.print.html @@ -0,0 +1,168 @@ + + + + + + + + + + + Screenshots :: Hugo Relearn Theme + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+
+
+

Screenshots

+ +

Sometimes screenshots need to be redone. This page explains how to create the different screenshots, tools and settings

+

Common

+
    +
  • Use English translation
    • +
  • Empty search
    • +
  • Remove history checkmarks but leave it on the page thats used for the screenshot
    • +
+

Screenshot

+

Content:

+

A meaningful full-screen screenshot of an interesting page.

+

The content should be:

+
    +
  • timeless: not showing any dates or often edited content
    • +
  • interesting: show a bunch of interesting elements like headings, code, etc
    • +
  • balanced: no cluttering with overpresent elements or coloring
    • +
  • aligned: aligned outlines
    • +
+

Used by:

+ +

Page URL: Screenshot Link

+

Location: images/screenshot.png

+

Remarks:

+

The location is mandatory due to Hugo’s theme site builder.

+

Preview:

+

+ + + +Screenshot +

+

Hero Image

+

Content:

+

Show the screenshot page on different devices and different themes. Composition of different images.

+

What to show:

+
    +
  • always use the same page for all variations
    • +
  • use a delightful background
    • +
+

Used by:

+ +

Page URL: Screenshot Link

+

Location: images/hero.xcf

+

Creation:

+
    +
  • 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 to 3000 x 2000
    • +
  • Scale to 1500 x 1000 and save as images/hero.png
    • +
  • Scale to 900 x 600 and save as images/tn.png
    • +
  • Scale to 1280 x 853, resize template 1280 x 640 offset y: -140 and save as images/social.png
    • +
+

Preview:

+

+ + + +Hero + + + + + +tn + + + + + +Social +

+ + +
+
+
+
+ + + + + + diff --git a/dev/screenshots/index.xml b/dev/screenshots/index.xml new file mode 100644 index 0000000000..e1e448a6f3 --- /dev/null +++ b/dev/screenshots/index.xml @@ -0,0 +1,10 @@ + + + + Screenshots on Hugo Relearn Theme + https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html + Recent content in Screenshots on Hugo Relearn Theme + Hugo -- gohugo.io + en + + \ No newline at end of file diff --git a/images/hero.png b/images/hero.png new file mode 100644 index 0000000000..0d7fb659b5 Binary files /dev/null and b/images/hero.png differ diff --git a/images/screenshot.png b/images/screenshot.png new file mode 100644 index 0000000000..685bfcb706 Binary files /dev/null and b/images/screenshot.png differ diff --git a/images/social.png b/images/social.png new file mode 100644 index 0000000000..8f40a009a5 Binary files /dev/null and b/images/social.png differ diff --git a/images/tn.png b/images/tn.png new file mode 100644 index 0000000000..ff411aee9d Binary files /dev/null and b/images/tn.png differ diff --git a/index.html b/index.html index 6fdf8d26d3..13d8120605 100644 --- a/index.html +++ b/index.html @@ -10,21 +10,21 @@ Hugo Relearn Theme - + - - - - - - - - - - - - - + + + + + + + + + + + + + - + + + +
+ +
+ +
+
+
+
+
+
T' chapterrr 4
+

Development

+ + +
+
Arrr! Pirrrates
+
+

Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.

+
+
+ +

This chapter contains informat'n only needed fer development an' maintain'n th' theme.

+ +
+ +

Screenshots

Recipe t' create various documentat'n screenshots

+
+ + + +
+
+
+
+ + + + + + + diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html new file mode 100644 index 0000000000..e040e24a5c --- /dev/null +++ b/pir/dev/index.print.html @@ -0,0 +1,203 @@ + + + + + + + + + + + Development :: Cap'n Hugo Relearrrn Theme + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+
+
+
T' chapterrr 4
+

Development

+ + +
+
Arrr! Pirrrates
+
+

Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.

+
+
+ +

This chapter contains informat'n only needed fer development an' maintain'n th' theme.

+ +
+ +

Screenshots

Recipe t' create various documentat'n screenshots

+
+ + +
+
+
+ +
+

Subsct'ns o' Development

+
+

Scrrrenshots

+ + +
+
Arrr! Pirrrates
+
+

Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.

+
+
+ +

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:

+ +

Plank URL: Screenshot Link

+

Locat'n: images/screenshot.png

+

Remarks:

+

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

+

Preview:

+

+ + + +Screenshot +

+

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:

+ +

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:

+

+ + + +Hero + + + + + +tn + + + + + +Social +

+ + + +
+ +
+
+
+ + + + + + diff --git a/pir/dev/index.xml b/pir/dev/index.xml new file mode 100644 index 0000000000..f171faaa0c --- /dev/null +++ b/pir/dev/index.xml @@ -0,0 +1,20 @@ + + + + Development on Cap'n Hugo Relearrrn Theme + https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html + Recent content in Development on Cap'n Hugo Relearrrn Theme + Hugo -- gohugo.io + en + + Scrrrenshots + https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html + Mon, 01 Jan 0001 00:00:00 +0000 + https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html + Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff. +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. + + + \ No newline at end of file diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html new file mode 100644 index 0000000000..956127dac5 --- /dev/null +++ b/pir/dev/screenshots/index.html @@ -0,0 +1,391 @@ + + + + + + + + + + + Scrrrenshots :: Cap'n Hugo Relearrrn Theme + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+
+
+

Scrrrenshots

+ + +
+
Arrr! Pirrrates
+
+

Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.

+
+
+ +

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:

+ +

Plank URL: Screenshot Link

+

Locat'n: images/screenshot.png

+

Remarks:

+

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

+

Preview:

+

+ + + +Screenshot +

+

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:

+ +

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:

+

+ + + +Hero + + + + + +tn + + + + + +Social +

+ + + +
+
+
+
+ + + + + + + diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html new file mode 100644 index 0000000000..9dd9722802 --- /dev/null +++ b/pir/dev/screenshots/index.print.html @@ -0,0 +1,177 @@ + + + + + + + + + + + Scrrrenshots :: Cap'n Hugo Relearrrn Theme + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+
+
+

Scrrrenshots

+ + +
+
Arrr! Pirrrates
+
+

Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.

+
+
+ +

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:

+ +

Plank URL: Screenshot Link

+

Locat'n: images/screenshot.png

+

Remarks:

+

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

+

Preview:

+

+ + + +Screenshot +

+

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:

+ +

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:

+

+ + + +Hero + + + + + +tn + + + + + +Social +

+ + + +
+
+
+
+ + + + + + diff --git a/pir/dev/screenshots/index.xml b/pir/dev/screenshots/index.xml new file mode 100644 index 0000000000..1a5a2ce997 --- /dev/null +++ b/pir/dev/screenshots/index.xml @@ -0,0 +1,10 @@ + + + + Scrrrenshots on Cap'n Hugo Relearrrn Theme + https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html + Recent content in Scrrrenshots on Cap'n Hugo Relearrrn Theme + Hugo -- gohugo.io + en + + \ No newline at end of file diff --git a/pir/index.html b/pir/index.html index 464ed8b917..93939b4688 100644 --- a/pir/index.html +++ b/pir/index.html @@ -10,21 +10,21 @@ Cap'n Hugo Relearrrn Theme - + - - - - - - - - - - - - - + + + + + + + + + + + + + - +