diff --git a/404.html b/404.html index 01d0ae2c9e..3bc2b7e869 100644 --- a/404.html +++ b/404.html @@ -8,21 +8,21 @@ 404 Page not found :: Hugo Relearn Theme - + - - - - - - - - - - - - - + + + + + + + + + + + + + - + - - -
- -
- -
-
-
-
-
-

Icons and logos

- -

The Relearn theme for Hugo loads the Font Awesome library, allowing you to easily display any icon or logo available in the Font Awesome free collection.

-

Finding an icon

-

Browse through the available icons in the Font Awesome Gallery. Notice that the free filter is enabled, as only the free icons are available by default.

-

Once on the Font Awesome page for a specific icon, for example the page for the heart, copy the HTML reference and paste into the Markdown content.

-

The HTML to include the heart icon is:

-
<i class="fas fa-heart"></i>
-

Including in markdown

-

Paste the <i> HTML into markup and Font Awesome will load the relevant icon.

-
Built with <i class="fas fa-heart"></i> by Relearn and Hugo
-

Which appears as

-

Built with by Relearn and Hugo

-

Customising icons

-

Font Awesome provides many ways to modify the icon

-
    -
  • Change color (by default the icon will inherit the parent color)
    • -
  • Increase or decrease size
    • -
  • Rotate
    • -
  • Combine with other icons
    • -
-

Check the full documentation on web fonts with CSS for more.

- - -
-
-
-
- - - - - - diff --git a/cont/icons/index.xml b/cont/icons/index.xml deleted file mode 100644 index 6aeadd72c4..0000000000 --- a/cont/icons/index.xml +++ /dev/null @@ -1,10 +0,0 @@ - - - - Icons and logos on Hugo Relearn Theme - https://McShelby.github.io/hugo-theme-relearn/cont/icons/index.html - Recent content in Icons and logos on Hugo Relearn Theme - Hugo -- gohugo.io - en - - \ No newline at end of file diff --git a/cont/index.html b/cont/index.html index ede62b3c31..b4374a2f9b 100644 --- a/cont/index.html +++ b/cont/index.html @@ -10,21 +10,21 @@ Content :: Hugo Relearn Theme - + - - - - - - - - - - - - - + + + + + + + + + + + + + - + + + + /pir/shortcodes/icon/index.html + + - -
- -
- -
-
-
-
-
-

Ay'cons an' logos

- - -
-
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.

-
- -

Th' Relearrrn theme fer Cap'n Hugo loads th' Font Awesome library, allow'n ye t' easily display any ay'con or logo avail'ble 'n th' Font Awesome free collect'n.

-

Find'n an ay'con

-

Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.

-

Once on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' HTML reference an' paste into th' Marrrkdown rrrambl'n.

-

Th' HTML t' include th' heart ay'con be:

-
<i class="fas fa-heart"></i>
-

Includ'n 'n markdown

-

Paste th' <i> HTML into marrrkup an' Font Awesome will board th' relevant ay'con.

-
Built wit' <i class="fas fa-heart"></i> by Relearrrn an' Cap'n Hugo
-

Which appears as

-

Built wit' by Relearrrn an' Cap'n Hugo

-

Customis'n ay'cons

-

Font Awesome provides many ways t' modify th' ay'con

-
    -
  • Change color (by default th' ay'con will inherit th' parent color)
    • -
  • Increase or decrease size
    • -
  • Rotate
    • -
  • Combine wit' other ay'cons
    • -
-

Check th' full documentat'n on web fonts wit' CSS fer more.

- - - -
-
-
-
- - - - - - diff --git a/pir/cont/icons/index.print.html b/pir/cont/icons/index.print.html deleted file mode 100644 index f06a765018..0000000000 --- a/pir/cont/icons/index.print.html +++ /dev/null @@ -1,118 +0,0 @@ - - - - - - - - - - Ay'cons an' logos :: Cap'n Hugo Relearrrn Theme - - - - - - - - - - - - - - - - - - - - - - - -
- -
- -
-
-
-
-
-

Ay'cons an' logos

- - -
-
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.

-
- -

Th' Relearrrn theme fer Cap'n Hugo loads th' Font Awesome library, allow'n ye t' easily display any ay'con or logo avail'ble 'n th' Font Awesome free collect'n.

-

Find'n an ay'con

-

Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.

-

Once on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' HTML reference an' paste into th' Marrrkdown rrrambl'n.

-

Th' HTML t' include th' heart ay'con be:

-
<i class="fas fa-heart"></i>
-

Includ'n 'n markdown

-

Paste th' <i> HTML into marrrkup an' Font Awesome will board th' relevant ay'con.

-
Built wit' <i class="fas fa-heart"></i> by Relearrrn an' Cap'n Hugo
-

Which appears as

-

Built wit' by Relearrrn an' Cap'n Hugo

-

Customis'n ay'cons

-

Font Awesome provides many ways t' modify th' ay'con

-
    -
  • Change color (by default th' ay'con will inherit th' parent color)
    • -
  • Increase or decrease size
    • -
  • Rotate
    • -
  • Combine wit' other ay'cons
    • -
-

Check th' full documentat'n on web fonts wit' CSS fer more.

- - - -
-
-
-
- - - - - - diff --git a/pir/cont/icons/index.xml b/pir/cont/icons/index.xml deleted file mode 100644 index 9827f64d65..0000000000 --- a/pir/cont/icons/index.xml +++ /dev/null @@ -1,10 +0,0 @@ - - - - Ay'cons an' logos on Cap'n Hugo Relearrrn Theme - https://McShelby.github.io/hugo-theme-relearn/pir/cont/icons/index.html - Recent content in Ay'cons an' logos on Cap'n Hugo Relearrrn Theme - Hugo -- gohugo.io - en - - \ No newline at end of file diff --git a/pir/cont/index.html b/pir/cont/index.html index 549b443c7e..eccb7064b4 100644 --- a/pir/cont/index.html +++ b/pir/cont/index.html @@ -10,21 +10,21 @@ Rambl'n :: Cap'n Hugo Relearrrn Theme - + - - - - - - - - - - - - - + + + + + + + + + + + + + - + + + +
+ +
+ +
+
+
+
+
+

Icon

+ + +
+
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.

+
+ +

Th' ay'con shorrrtcode displays ay'cons 'n yer text.

+

Th' theme uses th' Font Awesome library, allow'n ye t' easily display any ay'con or logo avail'ble 'n th' Font Awesome free collect'n.

+

+ + + + +

+

Usage

+

While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shorrrtcode from yer own partials.

+ +
+
+ + + +
+
+
+
{{% ay'con ay'con="exclamation-triangle" %}}
+{{% ay'con ay'con="angle-double-up" %}}
+{{% ay'con ay'con="skull-crossbones" %}}
+
+
+
+
{{% ay'con exclamat'n-triangle %}}
+{{% ay'con angle-do'ble-up %}}
+{{% ay'con skull-crossbones %}}
+
+
+
+
{{ partial "shortcodes/icon.html" (dict
+    "context" .
+    "icon" "exclamation-triangle"
+)}}
+{{ partial "shortcodes/icon.html" (dict
+    "context" .
+    "icon" "angle-double-up"
+)}}
+{{ partial "shortcodes/icon.html" (dict
+    "context" .
+    "icon" "skull-crossbones"
+)}}
+
+
+
+
+

Parameter

+ + + + + + + + + + + + + + + + + +
NamePosit'nDefaultNotes
ay'con1<empty>Font Awesome ay'con name t' be displayed. It will be displayed 'n th' text color o' its accord'n context.
+

Find'n an ay'con

+

Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.

+

Once on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' ay'con name an' paste into th' Marrrkdown rrrambl'n.

+

Customis'n Ay'cons

+

Font Awesome provides many ways t' modify th' ay'con

+
    +
  • Change color (by default th' ay'con will inherit th' parent color)
    • +
  • Increase or decrease size
    • +
  • Rotate
    • +
  • Combine wit' other ay'cons
    • +
+

Check th' full documentat'n on web fonts wit' CSS fer more.

+

Examples

+

Standard Use

+
Built wit' {{% ay'con heart %}} by Relearrrn an' Cap'n Hugo
+

Built wit' + by Relearrrn an' Cap'n Hugo

+

Advanced HTML Usage

+

While th' shorrrtcode simplyfies us'n standard ay'cons, th' ay'con customisat'n an' other advanced features o' th' Font Awesome library requires ye t' use HTML directly. Just paste th' <i> HTML into marrrkup an' Font Awesome will board th' relevant ay'con.

+
Built wit' <i class="fas fa-heart"></i> by Relearrrn an' Cap'n Hugo
+

Built wit' by Relearrrn an' Cap'n Hugo

+ + + +
+
+
+
+ + + + + + + diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html new file mode 100644 index 0000000000..67886f2d0f --- /dev/null +++ b/pir/shortcodes/icon/index.print.html @@ -0,0 +1,200 @@ + + + + + + + + + + Icon :: Cap'n Hugo Relearrrn Theme + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+
+
+

Icon

+ + +
+
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.

+
+ +

Th' ay'con shorrrtcode displays ay'cons 'n yer text.

+

Th' theme uses th' Font Awesome library, allow'n ye t' easily display any ay'con or logo avail'ble 'n th' Font Awesome free collect'n.

+

+ + + + +

+

Usage

+

While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shorrrtcode from yer own partials.

+ +
+
+ + + +
+
+
+
{{% ay'con ay'con="exclamation-triangle" %}}
+{{% ay'con ay'con="angle-double-up" %}}
+{{% ay'con ay'con="skull-crossbones" %}}
+
+
+
+
{{% ay'con exclamat'n-triangle %}}
+{{% ay'con angle-do'ble-up %}}
+{{% ay'con skull-crossbones %}}
+
+
+
+
{{ partial "shortcodes/icon.html" (dict
+    "context" .
+    "icon" "exclamation-triangle"
+)}}
+{{ partial "shortcodes/icon.html" (dict
+    "context" .
+    "icon" "angle-double-up"
+)}}
+{{ partial "shortcodes/icon.html" (dict
+    "context" .
+    "icon" "skull-crossbones"
+)}}
+
+
+
+
+

Parameter

+ + + + + + + + + + + + + + + + + +
NamePosit'nDefaultNotes
ay'con1<empty>Font Awesome ay'con name t' be displayed. It will be displayed 'n th' text color o' its accord'n context.
+

Find'n an ay'con

+

Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.

+

Once on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' ay'con name an' paste into th' Marrrkdown rrrambl'n.

+

Customis'n Ay'cons

+

Font Awesome provides many ways t' modify th' ay'con

+
    +
  • Change color (by default th' ay'con will inherit th' parent color)
    • +
  • Increase or decrease size
    • +
  • Rotate
    • +
  • Combine wit' other ay'cons
    • +
+

Check th' full documentat'n on web fonts wit' CSS fer more.

+

Examples

+

Standard Use

+
Built wit' {{% ay'con heart %}} by Relearrrn an' Cap'n Hugo
+

Built wit' + by Relearrrn an' Cap'n Hugo

+

Advanced HTML Usage

+

While th' shorrrtcode simplyfies us'n standard ay'cons, th' ay'con customisat'n an' other advanced features o' th' Font Awesome library requires ye t' use HTML directly. Just paste th' <i> HTML into marrrkup an' Font Awesome will board th' relevant ay'con.

+
Built wit' <i class="fas fa-heart"></i> by Relearrrn an' Cap'n Hugo
+

Built wit' by Relearrrn an' Cap'n Hugo

+ + + +
+
+
+
+ + + + + + diff --git a/pir/shortcodes/icon/index.xml b/pir/shortcodes/icon/index.xml new file mode 100644 index 0000000000..accc3d9258 --- /dev/null +++ b/pir/shortcodes/icon/index.xml @@ -0,0 +1,10 @@ + + + + Icon on Cap'n Hugo Relearrrn Theme + https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html + Recent content in Icon on Cap'n Hugo Relearrrn Theme + Hugo -- gohugo.io + en + + \ No newline at end of file diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html index 4db6a941ad..82a746d666 100644 --- a/pir/shortcodes/include/index.html +++ b/pir/shortcodes/include/index.html @@ -10,21 +10,21 @@ Include :: Cap'n Hugo Relearrrn Theme - + - - - - - - - - - - - - - + + + + + + + + + + + + + - + - +
- - - - + + + + diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html new file mode 100644 index 0000000000..3edeb3b615 --- /dev/null +++ b/shortcodes/icon/index.print.html @@ -0,0 +1,192 @@ + + + + + + + + + + Icon :: Hugo Relearn Theme + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+
+
+

Icon

+ +

The icon shortcode displays icons in your text.

+

The theme uses the Font Awesome library, allowing you to easily display any icon or logo available in the Font Awesome free collection.

+

+ + + + +

+

Usage

+

While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.

+ +
+
+ + + +
+
+
+
{{% icon icon="exclamation-triangle" %}}
+{{% icon icon="angle-double-up" %}}
+{{% icon icon="skull-crossbones" %}}
+
+
+
+
{{% icon exclamation-triangle %}}
+{{% icon angle-double-up %}}
+{{% icon skull-crossbones %}}
+
+
+
+
{{ partial "shortcodes/icon.html" (dict
+    "context" .
+    "icon" "exclamation-triangle"
+)}}
+{{ partial "shortcodes/icon.html" (dict
+    "context" .
+    "icon" "angle-double-up"
+)}}
+{{ partial "shortcodes/icon.html" (dict
+    "context" .
+    "icon" "skull-crossbones"
+)}}
+
+
+
+
+

Parameter

+ + + + + + + + + + + + + + + + + +
NamePositionDefaultNotes
icon1<empty>Font Awesome icon name to be displayed. It will be displayed in the text color of its according context.
+

Finding an icon

+

Browse through the available icons in the Font Awesome Gallery. Notice that the free filter is enabled, as only the free icons are available by default.

+

Once on the Font Awesome page for a specific icon, for example the page for the heart, copy the icon name and paste into the Markdown content.

+

Customising Icons

+

Font Awesome provides many ways to modify the icon

+
    +
  • Change color (by default the icon will inherit the parent color)
    • +
  • Increase or decrease size
    • +
  • Rotate
    • +
  • Combine with other icons
    • +
+

Check the full documentation on web fonts with CSS for more.

+

Examples

+

Standard Use

+
Built with {{% icon heart %}} by Relearn and Hugo
+

Built with + by Relearn and Hugo

+

Advanced HTML Usage

+

While the shortcode simplyfies using standard icons, the icon customisation and other advanced features of the Font Awesome library requires you to use HTML directly. Just paste the <i> HTML into markup and Font Awesome will load the relevant icon.

+
Built with <i class="fas fa-heart"></i> by Relearn and Hugo
+

Built with by Relearn and Hugo

+ + +
+
+
+
+ + + + + + diff --git a/shortcodes/icon/index.xml b/shortcodes/icon/index.xml new file mode 100644 index 0000000000..74605f84d0 --- /dev/null +++ b/shortcodes/icon/index.xml @@ -0,0 +1,10 @@ + + + + Icon on Hugo Relearn Theme + https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html + Recent content in Icon on Hugo Relearn Theme + Hugo -- gohugo.io + en + + \ No newline at end of file diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html index 7bc3ec7592..3696e68999 100644 --- a/shortcodes/include/index.html +++ b/shortcodes/include/index.html @@ -10,21 +10,21 @@ Include :: Hugo Relearn Theme - + - - - - - - - - - - - - - + + + + + + + + + + + + + - +