diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 46cbf58f88..99ec511342 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -26,24 +26,24 @@ weight = 1 languageName = "English" [[Languages.en.menu.shortcuts]] -name = " Github repo" +name = " Github repo" identifier = "ds" url = "https://github.com/matcornic/hugo-theme-learn" weight = 10 [[Languages.en.menu.shortcuts]] -name = " Showcases" +name = " Showcases" url = "showcase" weight = 11 [[Languages.en.menu.shortcuts]] -name = " Hugo Documentation" +name = " Hugo Documentation" identifier = "hugodoc" url = "https://gohugo.io/" weight = 20 [[Languages.en.menu.shortcuts]] -name = " Credits" +name = " Credits" url = "/credits" weight = 30 @@ -53,23 +53,23 @@ weight = 2 languageName = "Français" [[Languages.fr.menu.shortcuts]] -name = " Repo Github" +name = " Repo Github" identifier = "ds" url = "https://github.com/matcornic/hugo-theme-learn" weight = 10 [[Languages.fr.menu.shortcuts]] -name = " Vitrine" +name = " Vitrine" url = "/showcase" weight = 11 [[Languages.fr.menu.shortcuts]] -name = " Documentation Hugo" +name = " Documentation Hugo" identifier = "hugodoc" url = "https://gohugo.io/" weight = 20 [[Languages.fr.menu.shortcuts]] -name = " Crédits" +name = " Crédits" url = "/credits" weight = 30 diff --git a/exampleSite/content/cont/icons.en.md b/exampleSite/content/cont/icons.en.md new file mode 100644 index 0000000000..ad769c6c1c --- /dev/null +++ b/exampleSite/content/cont/icons.en.md @@ -0,0 +1,41 @@ +--- +title: Icons and logos +weight: 27 +--- + +The Learn theme for Hugo loads the [**Font Awesome**](https://fontawesome.com) 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](https://fontawesome.com/icons?d=gallery&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/icons/heart?style=solid), copy the HTML reference and paste into the markdown content. + +The HTML to include the heart icon is: + +``` + +``` + +## Including in markdown + +Paste the `` HTML into markup and Font Awesome will load the relevant icon. + +``` +Built with from Grav and Hugo +``` + +Which appears as + +Built with from Grav and Hugo + +## Customising icons + +Font Awesome provides many ways to modify the icon + +* Change colour (by default the icon will inherit the parent colour) +* Increase or decrease size +* Rotate +* Combine with other icons + +Check the full documentation on [web fonts with CSS](https://fontawesome.com/how-to-use/web-fonts-with-css) for more. diff --git a/exampleSite/content/cont/markdown.en.md b/exampleSite/content/cont/markdown.en.md index 5934126d47..4289081b2d 100644 --- a/exampleSite/content/cont/markdown.en.md +++ b/exampleSite/content/cont/markdown.en.md @@ -33,7 +33,7 @@ Grav ships with built-in support for [Markdown](http://daringfireball.net/projec Without further delay, let us go over the main elements of Markdown and what the resulting HTML looks like: {{% notice info %}} - Bookmark this page for easy future reference! + Bookmark this page for easy future reference! {{% /notice %}} ## Headings diff --git a/exampleSite/content/cont/markdown.fr.md b/exampleSite/content/cont/markdown.fr.md index 5e5244c8d7..b52b905029 100644 --- a/exampleSite/content/cont/markdown.fr.md +++ b/exampleSite/content/cont/markdown.fr.md @@ -34,7 +34,7 @@ Grav ships with built-in support for [Markdown](http://daringfireball.net/projec Without further delay, let us go over the main elements of Markdown and what the resulting HTML looks like: {{% notice info %}} - Bookmark this page for easy future reference! + Bookmark this page for easy future reference! {{% /notice %}} ## Headings diff --git a/exampleSite/content/cont/menushortcuts.en.md b/exampleSite/content/cont/menushortcuts.en.md index a5a2a1d65f..e59d6fdb69 100644 --- a/exampleSite/content/cont/menushortcuts.en.md +++ b/exampleSite/content/cont/menushortcuts.en.md @@ -13,24 +13,24 @@ Edit the website configuration `config.toml` and add a `[[menu.shortcuts]]` entr Example from the current website: [[menu.shortcuts]] - name = " Github repo" + name = " Github repo" identifier = "ds" url = "https://github.com/matcornic/hugo-theme-learn" weight = 10 [[menu.shortcuts]] - name = " Showcases" + name = " Showcases" url = "/showcase" weight = 11 [[menu.shortcuts]] - name = " Hugo Documentation" + name = " Hugo Documentation" identifier = "hugodoc" url = "https://gohugo.io/" weight = 20 [[menu.shortcuts]] - name = " Credits" + name = " Credits" url = "/credits" weight = 30 @@ -58,24 +58,24 @@ Example from the current website: languageName = "English" [[Languages.en.menu.shortcuts]] - name = " Github repo" + name = " Github repo" identifier = "ds" url = "https://github.com/matcornic/hugo-theme-learn" weight = 10 [[Languages.en.menu.shortcuts]] - name = " Showcases" + name = " Showcases" url = "/showcase" weight = 11 [[Languages.en.menu.shortcuts]] - name = " Hugo Documentation" + name = " Hugo Documentation" identifier = "hugodoc" url = "https://gohugo.io/" weight = 20 [[Languages.en.menu.shortcuts]] - name = " Credits" + name = " Credits" url = "/credits" weight = 30 @@ -85,24 +85,24 @@ Example from the current website: languageName = "Français" [[Languages.fr.menu.shortcuts]] - name = " Repo Github" + name = " Repo Github" identifier = "ds" url = "https://github.com/matcornic/hugo-theme-learn" weight = 10 [[Languages.fr.menu.shortcuts]] - name = " Vitrine" + name = " Vitrine" url = "/showcase" weight = 11 [[Languages.fr.menu.shortcuts]] - name = " Documentation Hugo" + name = " Documentation Hugo" identifier = "hugodoc" url = "https://gohugo.io/" weight = 20 [[Languages.fr.menu.shortcuts]] - name = " Crédits" + name = " Crédits" url = "/credits" weight = 30 diff --git a/exampleSite/content/cont/menushortcuts.fr.md b/exampleSite/content/cont/menushortcuts.fr.md index 80bb9dbfb1..886067906c 100644 --- a/exampleSite/content/cont/menushortcuts.fr.md +++ b/exampleSite/content/cont/menushortcuts.fr.md @@ -13,24 +13,24 @@ Editez le fichier de configuration `config.toml` et ajoutez une entrée `[[menu. Exemple pour ce site: [[menu.shortcuts]] - name = " Github repo" + name = " Github repo" identifier = "ds" url = "https://github.com/matcornic/hugo-theme-learn" weight = 10 [[menu.shortcuts]] - name = " Showcases" + name = " Showcases" url = "/showcase" weight = 11 [[menu.shortcuts]] - name = " Hugo Documentation" + name = " Hugo Documentation" identifier = "hugodoc" url = "https://gohugo.io/" weight = 20 [[menu.shortcuts]] - name = " Credits" + name = " Credits" url = "/credits" weight = 30 @@ -58,24 +58,24 @@ Par exemple, avec ce site : languageName = "English" [[Languages.en.menu.shortcuts]] - name = " Github repo" + name = " Github repo" identifier = "ds" url = "https://github.com/matcornic/hugo-theme-learn" weight = 10 [[Languages.en.menu.shortcuts]] - name = " Showcases" + name = " Showcases" url = "/showcase" weight = 11 [[Languages.en.menu.shortcuts]] - name = " Hugo Documentation" + name = " Hugo Documentation" identifier = "hugodoc" url = "https://gohugo.io/" weight = 20 [[Languages.en.menu.shortcuts]] - name = " Credits" + name = " Credits" url = "/credits" weight = 30 @@ -85,24 +85,24 @@ Par exemple, avec ce site : languageName = "Français" [[Languages.fr.menu.shortcuts]] - name = " Repo Github" + name = " Repo Github" identifier = "ds" url = "https://github.com/matcornic/hugo-theme-learn" weight = 10 [[Languages.fr.menu.shortcuts]] - name = " Vitrine" + name = " Vitrine" url = "/showcase" weight = 11 [[Languages.fr.menu.shortcuts]] - name = " Documentation Hugo" + name = " Documentation Hugo" identifier = "hugodoc" url = "https://gohugo.io/" weight = 20 [[Languages.fr.menu.shortcuts]] - name = " Crédits" + name = " Crédits" url = "/credits" weight = 30 diff --git a/exampleSite/content/cont/pages/_index.en.md b/exampleSite/content/cont/pages/_index.en.md index 0e337dda49..0c94952ef8 100644 --- a/exampleSite/content/cont/pages/_index.en.md +++ b/exampleSite/content/cont/pages/_index.en.md @@ -122,7 +122,7 @@ In the page frontmatter, add a `pre` param to insert any HTML code before the me ```toml +++ title = "Github repo" -pre = " " +pre = " " +++ ``` diff --git a/exampleSite/content/cont/pages/_index.fr.md b/exampleSite/content/cont/pages/_index.fr.md index 2bd5336fcf..0425f72441 100644 --- a/exampleSite/content/cont/pages/_index.fr.md +++ b/exampleSite/content/cont/pages/_index.fr.md @@ -118,7 +118,7 @@ Dans le Front Matter, ajouter un paramètre `pre` pour insérer du code HTML qui ```toml +++ title = "Repo Github" -pre = " " +pre = " " +++ ``` diff --git a/exampleSite/content/credits.en.md b/exampleSite/content/credits.en.md index 6a956e3a28..1a489fcfc2 100644 --- a/exampleSite/content/credits.en.md +++ b/exampleSite/content/credits.en.md @@ -5,7 +5,7 @@ disableToc: true ## Contributors -Thanks to them for making Open Source Software a better place ! +Thanks to them for making Open Source Software a better place ! {{% ghcontributors "https://api.github.com/repos/matcornic/hugo-theme-learn/contributors?per_page=100" %}} diff --git a/exampleSite/content/credits.fr.md b/exampleSite/content/credits.fr.md index 804ccff881..536f09381a 100644 --- a/exampleSite/content/credits.fr.md +++ b/exampleSite/content/credits.fr.md @@ -5,7 +5,7 @@ disableToc: true ## Contributeurs -Merci à eux de rendre le monde Open Source meilleur ! +Merci à eux de rendre le monde Open Source meilleur ! {{% ghcontributors "https://api.github.com/repos/matcornic/hugo-theme-learn/contributors?per_page=100" %}} diff --git a/exampleSite/content/shortcodes/button.en.md b/exampleSite/content/shortcodes/button.en.md index eb43cbfebd..9fb92bd98c 100644 --- a/exampleSite/content/shortcodes/button.en.md +++ b/exampleSite/content/shortcodes/button.en.md @@ -7,10 +7,10 @@ A button is a just a clickable button with optional icon. ``` {{%/* button href="https://getgrav.org/" */%}}Get Grav{{%/* /button */%}} -{{%/* button href="https://getgrav.org/" icon="fa fa-download" */%}}Get Grav with icon{{%/* /button */%}} -{{%/* button href="https://getgrav.org/" icon="fa fa-download" icon-position="right" */%}}Get Grav with icon right{{%/* /button */%}} +{{%/* button href="https://getgrav.org/" icon="fas fa-download" */%}}Get Grav with icon{{%/* /button */%}} +{{%/* button href="https://getgrav.org/" icon="fas fa-download" icon-position="right" */%}}Get Grav with icon right{{%/* /button */%}} ``` {{% button href="https://getgrav.org/" %}}Get Grav{{% /button %}} -{{% button href="https://getgrav.org/" icon="fa fa-download" %}}Get Grav with icon{{% /button %}} -{{% button href="https://getgrav.org/" icon="fa fa-download" icon-position="right" %}}Get Grav with icon right{{% /button %}} \ No newline at end of file +{{% button href="https://getgrav.org/" icon="fas fa-download" %}}Get Grav with icon{{% /button %}} +{{% button href="https://getgrav.org/" icon="fas fa-download" icon-position="right" %}}Get Grav with icon right{{% /button %}} diff --git a/exampleSite/content/shortcodes/button.fr.md b/exampleSite/content/shortcodes/button.fr.md index 9f0e130bf6..66e55af75b 100644 --- a/exampleSite/content/shortcodes/button.fr.md +++ b/exampleSite/content/shortcodes/button.fr.md @@ -7,10 +7,10 @@ Le shortcode *button* est simplement un bouton cliquable avec une icône optionn ``` {{%/* button href="https://getgrav.org/" */%}}Téléchargez Grav{{%/* /button */%}} -{{%/* button href="https://getgrav.org/" icon="fa fa-download" */%}}Téléchargez Grav avec icône{{%/* /button */%}} -{{%/* button href="https://getgrav.org/" icon="fa fa-download" icon-position="right" */%}}Téléchargez Grav avec icône à droite{{%/* /button */%}} +{{%/* button href="https://getgrav.org/" icon="fas fa-download" */%}}Téléchargez Grav avec icône{{%/* /button */%}} +{{%/* button href="https://getgrav.org/" icon="fas fa-download" icon-position="right" */%}}Téléchargez Grav avec icône à droite{{%/* /button */%}} ``` {{% button href="https://getgrav.org/" %}}Téléchargez Grav{{% /button %}} -{{% button href="https://getgrav.org/" icon="fa fa-download" %}}Téléchargez Grav avec icône{{% /button %}} -{{% button href="https://getgrav.org/" icon="fa fa-download" icon-position="right" %}}Téléchargez Grav avec icône à droite{{% /button %}} \ No newline at end of file +{{% button href="https://getgrav.org/" icon="fas fa-download" %}}Téléchargez Grav avec icône{{% /button %}} +{{% button href="https://getgrav.org/" icon="fas fa-download" icon-position="right" %}}Téléchargez Grav avec icône à droite{{% /button %}} diff --git a/exampleSite/layouts/partials/menu-footer.html b/exampleSite/layouts/partials/menu-footer.html index 67f786e421..8bfc68bed6 100644 --- a/exampleSite/layouts/partials/menu-footer.html +++ b/exampleSite/layouts/partials/menu-footer.html @@ -8,7 +8,7 @@ Fork -
+ diff --git a/layouts/_default/list.html b/layouts/_default/list.html index d0fc92f79c..d9598ac6e8 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -4,7 +4,7 @@ diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 0a76d86ec6..ab1424fd30 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -4,7 +4,7 @@ diff --git a/layouts/index.html b/layouts/index.html index 1fca461ca5..cdf25d915e 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,6 +1,6 @@ {{ partial "header.html" . }} {{if .Site.Home.Content }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 4fd380dcf0..6b353cbdcb 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -41,10 +41,10 @@ {{with ($.Scratch.Get "prevPage")}} - + {{end}} {{with ($.Scratch.Get "nextPage")}} - + {{end}} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index de16c932e8..0bd9e7ad43 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -7,10 +7,10 @@ {{ partial "meta.html" . }} {{ partial "favicon.html" . }}