Updated socials system to be more dynamic

src/_data/site.js

@@ -4,9 +4,9 @@ module.exports = {
       mail: "",
       about: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio doloribus, iure eum nostrum error tempora facilis ea."
     },
-    socials: {
+    socials: [
-      github: "https://github.com/TheThomaas"
+      { title: 'My personal Github', icon: 'icon-github', link: 'https://github.com/TheThomaas'},
-    },
+    ],
     buildTime: new Date(),
     isProduction: process.env.NODE_ENV === 'production',
     title: "TheThomaas",

src/_includes/about.liquid

@@ -10,13 +10,11 @@
         <h2>{{ subpage.data.title }}</h2>
       {% endif %}
       {{ subpage.templateContent }}
-      {% if subpage.data.socials %}
+      {% if site.socials %}
         <ul class="list-inline">
-          {% if subpage.data.socials.github %}
+          {% for social in site.socials %}
-            <li>
+            <li><a href="{{ social.link }}" class="{{ social.icon }}" title="{{ social.title }}" target="_blank"></a></li>
-              <a href="{{subpage.data.socials.github}}" class="icon-github" title="Github"></a>
+          {% endfor %}
-            </li>
-          {% endif %} 
         </ul>
       {% endif %} 
     </div>

src/_includes/partials/project.liquid

@@ -5,12 +5,9 @@
         <div class="top">
           <span></span>
           <div class="links">
-            {% if project.data.website.link %}
+            {%- for link in project.data.links -%}
-              <a href="{{ project.data.website.link }}" target="_blank" title="{{ project.data.website.title }}" class="icon-internet"></a>
+              <a href="{{ link.link }}" target="_blank" title="{{ link.title }}" class="{{ link.icon }}"></a>
-            {% endif %}
+            {%- endfor -%}
-            {% if project.data.github.link %}
-              <a href="{{ project.data.github.link }}" target="_blank" title="{{ project.data.github.title }}" class="icon-github"></a>
-            {% endif %}
           </div>
         </div>
         <div class="content">

src/pages/subpages/about.liquid

@@ -6,8 +6,6 @@ sectionType: 'about'
 img: 
   src: https://placehold.co/400
   alt: This is a placeholder
-socials:
-  github: https://github.com
 ---
 
 <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Velit culpa dignissimos laborum, dolor voluptatem perspiciatis earum placeat modi minus officia perferendis rerum alias maiores deleniti et quia provident quo doloribus.</p>

src/projects/cancre-simulator.md

@@ -1,7 +1,8 @@
 ---
 title: Cancre Simulator
 description: Un jeu fait pour les Portes Ouvertes 2020
-github:
+links:
-    title: Voir sur Github
+  - title: Voir sur Github
     link: https://github.com
+    icon: icon-github
 ---

src/projects/guess-who.md

@@ -1,7 +1,8 @@
 ---
 title: Qui est-ce ?
 description: Un "Qui est-ce ?" fait en Python et avec des LEGO Mindstorms
-github:
+links:
-    title: Voir sur Github
+  - title: Voir sur Github
     link: https://github.com
+    icon: icon-github
 ---

src/projects/ldap.md

@@ -1,10 +1,11 @@
 ---
 title: LDAP
 description: Ajouter, voir et se connecter à des utilisateurs LDAP depuis un site
-github:
+links:
-    title: Voir sur Github
+  - title: Voir le site
-    link: https://github.com
+    link: https://google.com
-website:
+    icon: icon-internet
-    title: Voir sur Github
+  - title: Voir sur Github
     link: https://github.com
+    icon: icon-github
 ---

src/projects/sigfox.md

@@ -1,10 +1,11 @@
 ---
 title: Sigfox Temperature
 description: Des capteurs de température affichés sur un tableau de bord
-github:
+links:
-    title: Voir sur Github
+  - title: Voir le site
-    link: https://github.com
-website:
-    title: Voir le site
     link: https://google.com
+    icon: icon-internet
+  - title: Voir sur Github
+    link: https://github.com
+    icon: icon-github
 ---

src/projects/snake.md

@@ -2,7 +2,8 @@
 title: Snake
 description: Un snake réalisé en Java
 background: rgb(255, 143, 143)
-github:
+links:
-    title: Voir le site
+  - title: Voir sur Github
-    link: https://google.com
+    link: https://github.com
+    icon: icon-github
 ---