From 20b5175214eb0e0a6997d57fdf27b96d720722b5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=B6ren=20Weber?= Date: Fri, 2 Dec 2022 19:26:49 +0100 Subject: [PATCH] docs: minor tweaks #410 #412 --- exampleSite/content/shortcodes/badge.en.md | 18 +++++++++++------- exampleSite/content/shortcodes/icon.en.md | 6 +++--- 2 files changed, 14 insertions(+), 10 deletions(-) diff --git a/exampleSite/content/shortcodes/badge.en.md b/exampleSite/content/shortcodes/badge.en.md index 1dacc1c81f..1e4db9672c 100644 --- a/exampleSite/content/shortcodes/badge.en.md +++ b/exampleSite/content/shortcodes/badge.en.md @@ -184,15 +184,19 @@ You can combine the badge with the [`icon` shortcode]({{% relref "shortcodes/ico In this case you need to declare `{{}}` instead of `{{%/* badge */%}}`. Note, that in this case it is not possible to put markdown in the content. ````go -{{}}{{% icon skull-crossbones %}}{{< /badge */>}} -{{}}{{% icon skull-crossbones %}} Pirate{{< /badge */>}} +{{}}{{% icon skull-crossbones %}}{{< /badge */>}} +{{}}{{% icon skull-crossbones %}} Pirate{{< /badge */>}} +{{}}{{% icon skull-crossbones %}}{{< /badge */>}} +{{}}{{% icon skull-crossbones %}} Pirate{{< /badge */>}} +{{}}{{% icon skull-crossbones %}}{{< /badge */>}} +{{}}{{% icon skull-crossbones %}} Pirate{{< /badge */>}} ```` -{{< badge style="primary" icon="angle-double-up" >}}{{% icon skull-crossbones %}}{{< /badge >}} -{{< badge style="primary" icon="angle-double-up" >}}{{% icon skull-crossbones %}} Pirate{{< /badge >}} -{{< badge style="primary" title="Rank" >}}{{% icon skull-crossbones %}}{{< /badge >}} -{{< badge style="primary" title="Rank" >}}{{% icon skull-crossbones %}} Pirate{{< /badge >}} -{{< badge style="primary" icon="angle-double-up" title="Rank" >}}{{% icon skull-crossbones %}}{{< /badge >}} +{{< badge style="primary" icon="angle-double-up" >}}{{% icon skull-crossbones %}}{{< /badge >}} +{{< badge style="primary" icon="angle-double-up" >}}{{% icon skull-crossbones %}} Pirate{{< /badge >}} +{{< badge style="primary" title="Rank" >}}{{% icon skull-crossbones %}}{{< /badge >}} +{{< badge style="primary" title="Rank" >}}{{% icon skull-crossbones %}} Pirate{{< /badge >}} +{{< badge style="primary" icon="angle-double-up" title="Rank" >}}{{% icon skull-crossbones %}}{{< /badge >}} {{< badge style="primary" icon="angle-double-up" title="Rank" >}}{{% icon skull-crossbones %}} Pirate{{< /badge >}} #### Inside of Text diff --git a/exampleSite/content/shortcodes/icon.en.md b/exampleSite/content/shortcodes/icon.en.md index 9f725c38d0..ed99009fb4 100644 --- a/exampleSite/content/shortcodes/icon.en.md +++ b/exampleSite/content/shortcodes/icon.en.md @@ -61,13 +61,13 @@ While the examples are using shortcodes with positional parameter you are free t |:----------------------|:---------|:----------------|:------------| | **icon** | 1 | _<empty>_ | [Font Awesome icon name]({{%relref "#finding-an-icon" %}}) to be displayed. It will be displayed in the text color of its according context. | -## Finding an icon +### Finding an icon Browse through the available icons in the [Font Awesome Gallery](https://fontawesome.com/v5/search?m=free). 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](https://fontawesome.com/v5/icons/heart?s=solid), copy the icon name and paste into the Markdown content. -## Customising Icons +### Customising Icons Font Awesome provides many ways to modify the icon @@ -80,7 +80,7 @@ Check the full documentation on [web fonts with CSS](https://fontawesome.com/how ## Examples -### Standard Use +### Standard Usage ````go Built with {{%/* icon heart */%}} by Relearn and Hugo