Sur la page “à propos”, j’ai mis une partie “Aptitudes”.
Je vais donc expliquer comment j’ai fait.
Source de l’affichage
J’ai récupéré le layout partial skills sur le thème hugo-uilite.
Elle permet un affichage de compétence sous format graphique par pourcentage.
Mise en place
Rajout du partial
J’ai mis le fichier skills dans le répertoire layouts/partials/
Rajout d’un layout
Afin de pouvoir avoir la main sur l’affichage de la page “à propos”, j’ai fait un layout spécifique que j’ai mis dans le fichier layouts/about/single.html
.
{{ define "main" }}
<div class="container" role="main">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<article role="main" class="blog-post">
{{ .Content }}
</article>
{{ partial "skills.html" . }}
</div>
</div>
</div>
{{ end }}
Modification du type
Afin de prendre en compte ce nouveau layout, j’ai du modifier le content/about/_index.html
.
Et rajouter dans les paramètres de la page type: "about"
.
Rajout des infos
Il faut pour finir rajouter les données.
Pour ça, j’ai créé le fichier data/skills.json
avec les infos suivantes :
{
"title" : "Aptitudes",
"skills" : {
"C#" : "99",
"Python" : "65",
"Anglais" : "50",
"nodejs" : "40",
"js" : "50",
"C++" : "85",
"HTML5": "75",
"CSS": "75",
"PHP": "65",
"Procrastination": "90",
"Trouver des solutions": "95"
}
}