Add templates

src/README.mustache

@@ -3,53 +3,26 @@
     <h3>A passionate developer from France</h3>
 </div>
 
-{{#profile-views}}
-<img src="{{img}}" alt="{{alt}}"/>
-{{/profile-views}}
+{{#badges}}{{> image }} {{/badges}}
 
 <ul>
-    <li>🔭 I’m currently working on
-        {{#working}}<a href="{{link}}">{{ text }}</a>{{/working}}
-    </li>
+    <li>🔭 I’m currently working on {{#working}}{{>link}}{{/working}}</li>
     <li>🌱 I’m currently learning <b>Symfony</b></li>
     <li>📫 How to reach me <b>{{ email }}</b></li>
     <li>💻 Here is my <a href="{{ portfolio-url }}">portfolio</a></li>
 </ul>
 
 <h3>Connect with me:</h3>
-<p>
-{{#connect-with-me}}
-    <a href="{{ link }}"><img src="{{ img }}" alt="{{ alt }}" width="{{ imgSize }}"></a>
-{{/connect-with-me}}
-</p>
-
+<p>{{#connect-with-me}}{{> linkOnImage}} {{/connect-with-me}}</p>
 
 <h3>Language and Tools:</h3>
 {{#languages-and-tools}}
-<p>
-{{# languages }}
-    <a href="{{ link }}"><img src="{{ img }}" alt="{{ alt }}" width="{{ imgSize }}"></a>
-{{/languages}}
-</p>
-<p>
-{{# frameworks }}
-    <a href="{{ link }}"><img src="{{ img }}" alt="{{ alt }}" width="{{ imgSize }}"></a>
-{{/frameworks}}
-</p>
-<p>
-{{# tools }}
-    <a href="{{ link }}"><img src="{{ img }}" alt="{{ alt }}" width="{{ imgSize }}"></a>
-{{/tools}}
-</p>
-<p>
-{{# os }}
-    <a href="{{ link }}"><img src="{{ img }}" alt="{{ alt }}" width="{{ imgSize }}"></a>
-{{/os}}
-</p>
+{{# languages }}{{> linkOnImage}} {{/languages}}
+{{# frameworks }}{{> linkOnImage}} {{/frameworks}}
+{{# tools }}{{> linkOnImage}} {{/tools}}
+{{# os }}{{> linkOnImage}} {{/os}}
 {{/languages-and-tools}}
 
 <div align="center">
-{{#stats}}
-    <img src="{{ img }}" alt="{{ alt }}"><br>
-{{/stats}}
+    {{#stats}}{{>image}}<br>{{/stats}}
 </div>

src/data.yaml

@@ -4,9 +4,13 @@ email: "vabre.lucas.pro@gmail.com"
 portfolio-url: "https://lucasvbr.github.io/Portfolio"
 
 # Sections
-profile-views:
-  img: "https://komarev.com/ghpvc/?username=lucasvbr&label=Profile%20views&color=0e75b6&style=flat"
-  alt: "Profile Views"
+badges:
+  -
+    img: "https://komarev.com/ghpvc/?username=lucasvbr&label=Profile%20views&color=0e75b6&style=flat"
+    alt: "Profile Views"
+  -
+    img: "https://img.shields.io/freecodecamp/points/lucasvbr?label=FreeCodeCamp%20points"
+    alt: "freeCodeCamp points"
 
 working:
   link: "https://github.com/LucasVbr/Portfolio"
@@ -34,7 +38,7 @@ connect-with-me:
     alt: "pydefis"
 
 languages-and-tools:
-  languages:
+  - languages:
     - html5:
       link: "https://www.w3.org/html/"
       img: "https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg"
@@ -90,7 +94,7 @@ languages-and-tools:
       img: "https://www.vectorlogo.zone/logos/gnu_bash/gnu_bash-icon.svg"
       alt: "bash"
 
-  frameworks:
+  - frameworks:
     - bootstrap:
       link: "https://getbootstrap.com"
       img: "https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg"
@@ -111,7 +115,7 @@ languages-and-tools:
       img: "https://angular.io/assets/images/logos/angular/angular.svg"
       alt: "angular"
 
-  tools:
+  - tools:
     - figma:
       link: "https://www.figma.com/"
       img: "https://www.vectorlogo.zone/logos/figma/figma-icon.svg"
@@ -147,7 +151,7 @@ languages-and-tools:
       img: "https://www.vectorlogo.zone/logos/sqlite/sqlite-icon.svg"
       alt: "sqlite"
 
-  os:
+  - os:
     - android:
       link: "https://developer.android.com"
       img: "https://raw.githubusercontent.com/devicons/devicon/master/icons/android/android-original-wordmark.svg"

src/image.mustache

@@ -0,0 +1 @@
+<img src="{{ img }}" alt="{{ alt }}">

src/link.mustache

@@ -0,0 +1 @@
+<a href="{{ link }}">{{ text }}</a>

src/linkOnImage.mustache

@@ -0,0 +1 @@
+<a href="{{ link }}"><img src="{{ img }}" alt="{{ alt }}" width="{{ imgSize }}"></a>