📝 Update icons docs

pull/650/head
James Panther 2023-10-23 09:28:39 +11:00
parent 8d63467d62
commit 6c9e8f6106
No known key found for this signature in database
GPG Key ID: D36F789E45745D17
7 changed files with 16 additions and 7 deletions

View File

@ -14,6 +14,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
- Spanish translation of example site samples ([#606](https://github.com/jpanther/congo/pull/606))
- Japanese translation of docs and example site ([#618](https://github.com/jpanther/congo/pull/618))
- German translation of example site ([#631](https://github.com/jpanther/congo/pull/631))
- New icons - `coffee` and `x-twitter` ([#669](https://github.com/jpanther/congo/pull/669))
### Changed

View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="0.89em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M88 0C74.7 0 64 10.7 64 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C120.5 112.3 128 119.9 128 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C119.5 47.7 112 40.1 112 24c0-13.3-10.7-24-24-24zM32 192c-17.7 0-32 14.3-32 32V416c0 53 43 96 96 96H288c53 0 96-43 96-96h16c61.9 0 112-50.1 112-112s-50.1-112-112-112H352 32zm352 64h16c26.5 0 48 21.5 48 48s-21.5 48-48 48H384V256zM224 24c0-13.3-10.7-24-24-24s-24 10.7-24 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C232.5 112.3 240 119.9 240 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C231.5 47.7 224 40.1 224 24z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" height="0.89em" viewBox="0 0 512 512"><path fill="currentColor" d="M88 0C74.7 0 64 10.7 64 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C120.5 112.3 128 119.9 128 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C119.5 47.7 112 40.1 112 24c0-13.3-10.7-24-24-24zM32 192c-17.7 0-32 14.3-32 32V416c0 53 43 96 96 96H288c53 0 96-43 96-96h16c61.9 0 112-50.1 112-112s-50.1-112-112-112H352 32zm352 64h16c26.5 0 48 21.5 48 48s-21.5 48-48 48H384V256zM224 24c0-13.3-10.7-24-24-24s-24 10.7-24 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C232.5 112.3 240 119.9 240 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C231.5 47.7 224 40.1 224 24z"/></svg>

Before

Width:  |  Height:  |  Size: 875 B

After

Width:  |  Height:  |  Size: 706 B

View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>

Before

Width:  |  Height:  |  Size: 426 B

After

Width:  |  Height:  |  Size: 257 B

View File

@ -9,7 +9,7 @@ tags: ["Icons", "Beispiele", "Shortcodes"]
showDateUpdated: true
---
Congo hat integrierte Unterstützung für eine Reihe von Icons von [FontAwesome 6](https://fontawesome.com/icons). Diese können entweder über den Partial [icon]({{< ref path="docs/partials#icon" lang="en" >}}) oder Shortcode [icon]({{< ref path="docs/shortcodes#icon" lang="en">}}) in deine Website eingebunden werden.
Congo hat integrierte Unterstützung für eine Reihe von Icons von [FontAwesome 6](https://fontawesome.com/icons). Diese können entweder über den Partial [icon]({{< ref path="docs/partials#icon" lang="en" >}}) oder Shortcode [icon]({{< ref path="docs/shortcodes#icon" lang="en">}}) in deine Website eingebunden werden.
Darüber hinaus werden auch benutzerdefinierte Icons vollständig unterstützt. Du kannst deine eigenen SVG-Icon-Assets im Ordner `assets/icons/` im Stammverzeichnis deines Projekts ablegen. Alle Icons in diesem Verzeichnis stehen dann im gesamten Theme zur Verfügung.
@ -27,6 +27,7 @@ Die vollständige Liste der integrierten Icons und ihre entsprechenden Namen fin
| chevron-up | {{< icon chevron-up >}} |
| circle-info | {{< icon circle-info >}} |
| codepen | {{< icon codepen >}} |
| coffee | {{< icon coffee >}} |
| comment | {{< icon comment >}} |
| dev | {{< icon dev >}} |
| dribbble | {{< icon dribbble >}} |
@ -77,5 +78,6 @@ Die vollständige Liste der integrierten Icons und ihre entsprechenden Namen fin
| twitch | {{< icon twitch >}} |
| twitter | {{< icon twitter >}} |
| whatsapp | {{< icon whatsapp >}} |
| x-twitter | {{< icon x-twitter >}} |
| xmark | {{< icon xmark >}} |
| youtube | {{< icon youtube >}} |
| youtube | {{< icon youtube >}} |

View File

@ -27,6 +27,7 @@ La lista completa de íconos incorporados y sus nombres correspondientes se pued
| chevron-up | {{< icon chevron-up >}} |
| circle-info | {{< icon circle-info >}} |
| codepen | {{< icon codepen >}} |
| coffee | {{< icon coffee >}} |
| comment | {{< icon comment >}} |
| dev | {{< icon dev >}} |
| dribbble | {{< icon dribbble >}} |
@ -77,5 +78,6 @@ La lista completa de íconos incorporados y sus nombres correspondientes se pued
| twitch | {{< icon twitch >}} |
| twitter | {{< icon twitter >}} |
| whatsapp | {{< icon whatsapp >}} |
| x-twitter | {{< icon x-twitter >}} |
| xmark | {{< icon xmark >}} |
| youtube | {{< icon youtube >}} |
| youtube | {{< icon youtube >}} |

View File

@ -9,9 +9,9 @@ tags: ["icons", "sample", "shortcodes"]
showDateUpdated: true
---
Congoは[FontAwesome 6](https://fontawesome.com/icons)のアイコンをサポートしています。これらのアイコンは、[パーシャル - アイコン]({{< ref "docs/partials#アイコン" >}}) または [ショートコード - アイコン]({{< ref "docs/shortcodes#アイコン" >}}) のいずれかを使ってウェブサイトに含めることができます。
Congo は[FontAwesome 6](https://fontawesome.com/icons)のアイコンをサポートしています。これらのアイコンは、[パーシャル - アイコン]({{< ref "docs/partials#アイコン" >}}) または [ショートコード - アイコン]({{< ref "docs/shortcodes#アイコン" >}}) のいずれかを使ってウェブサイトに含めることができます。
さらに、カスタムアイコンも完全にサポートされています。プロジェクトのルートにある `assets/icons/` ディレクトリにSVGアイコンアセットを置くだけです。ディレクトリ内のアイコンは、テーマ全体で使用できるようになります。
さらに、カスタムアイコンも完全にサポートされています。プロジェクトのルートにある `assets/icons/` ディレクトリに SVG アイコンアセットを置くだけです。ディレクトリ内のアイコンは、テーマ全体で使用できるようになります。
内蔵アイコンの全リストと対応する名称は以下を参照してください。
@ -27,6 +27,7 @@ Congoは[FontAwesome 6](https://fontawesome.com/icons)のアイコンをサポ
| chevron-up | {{< icon chevron-up >}} |
| circle-info | {{< icon circle-info >}} |
| codepen | {{< icon codepen >}} |
| coffee | {{< icon coffee >}} |
| comment | {{< icon comment >}} |
| dev | {{< icon dev >}} |
| dribbble | {{< icon dribbble >}} |
@ -77,5 +78,6 @@ Congoは[FontAwesome 6](https://fontawesome.com/icons)のアイコンをサポ
| twitch | {{< icon twitch >}} |
| twitter | {{< icon twitter >}} |
| whatsapp | {{< icon whatsapp >}} |
| x-twitter | {{< icon x-twitter >}} |
| xmark | {{< icon xmark >}} |
| youtube | {{< icon youtube >}} |

View File

@ -27,6 +27,7 @@ The full list of built-in icons and their corresponding names can referenced bel
| chevron-up | {{< icon chevron-up >}} |
| circle-info | {{< icon circle-info >}} |
| codepen | {{< icon codepen >}} |
| coffee | {{< icon coffee >}} |
| comment | {{< icon comment >}} |
| dev | {{< icon dev >}} |
| dribbble | {{< icon dribbble >}} |
@ -77,5 +78,6 @@ The full list of built-in icons and their corresponding names can referenced bel
| twitch | {{< icon twitch >}} |
| twitter | {{< icon twitter >}} |
| whatsapp | {{< icon whatsapp >}} |
| x-twitter | {{< icon x-twitter >}} |
| xmark | {{< icon xmark >}} |
| youtube | {{< icon youtube >}} |