Aptitudes

Aptitudes

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"
	}
}
comments powered by Disqus