src/_data/author.json

@@ -3,22 +3,9 @@
   "mail": "thomas@amstutz.it",
   "phone": "",
   "about": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio doloribus, iure eum nostrum error tempora facilis ea.",
-  "skills": [
-    "HTML",
-    "CSS",
-    "Bootstrap",
-    "Javascript",
-    "jQuery",
-    "Figma"
-  ],
-  "lang": [
-    "Français (langue maternelle)",
-    "Anglais",
-    "Allemand (Connaissance scolaires)"
-  ],
   "socials": [
     {
-      "title": "Mon Github", 
+      "title": "My personal Github", 
       "icon": "icon-github", 
       "link": "https://github.com/TheThomaas"
     }

src/_includes/partials/components/list.liquid

@@ -1,10 +0,0 @@
-{% if title %}
-  <h3>{{ title }}</h3>
-{% endif %}
-{% if content %}
-  <ul style="list-style-type: initial">
-    {% for element in content %}
-      <li>{{ element }}</li>
-    {% endfor %}
-  </ul>
-{% endif %}

src/_includes/partials/components/socials.liquid

@@ -4,7 +4,7 @@
       <li><a href="{{ social.link }}" class="{{ social.icon }} {% if showLabel == true %}{{ position | default: "icon--left" }}{% endif %}" title="{{ social.title }}" target="_blank">{% if showLabel == true %}{{ social.title }}{% endif %}</a></li>
     {% endfor %}
     {% if mail %}
-      <li><a href="mailto:{{ mail }}" class="icon-mail {% if showLabel == true %}{{ position | default: "icon--left" }}{% endif %}" title="Contactez moi par mail" target="_blank">{% if showLabel == true %}Contactez moi par mail{% endif %}</a></li>
+      <li><a href="mailto:{{ mail }}" class="icon-mail {% if showLabel == true %}{{ position | default: "icon--left" }}{% endif %}" title="Send me an e-mail" target="_blank">{% if showLabel == true %}Send me an e-mail{% endif %}</a></li>
     {% endif %}
   {% endif %}
 </ul>

src/_includes/partials/footer.liquid

@@ -1,9 +1,9 @@
 <footer class="wrapper-full">
     <div>
         <ul class="list-inline">
-            <li>Réalisé avec <a href='https://11ty.dev/' target='_blank' rel='nofollow'>Eleventy</a></li>
+            <li>Built with <a href='https://11ty.dev/' target='_blank' rel='nofollow'>Eleventy</a></li>
             {% if site.repository and site.repository != "" %}
-                <li>Source sur <a href="{{site.repository}}" target="_blank" rel="nofollow">{{site.repoSrc}}</a></li>
+                <li>Source on <a href="{{site.repository}}" target="_blank" rel="nofollow">{{site.repoSrc}}</a></li>
             {% endif %}
         </ul>
         

src/pages/subpages/competences.liquid

@@ -1,16 +1,29 @@
 ---
 title: Compétences
-displayedTitle: Mes compétences
 order: 1
+showTitle: false
 classes: 'competences-section langues-section'
 ---
 
-<div class="flex justify-center">
+<div>
   <div class="col">
-    {% render "partials/components/list", title: "Compétences techniques", content: author.skills %}
+    <h2>{{title}}</h2>
-    </div>
+    <ul style="list-style-type: initial">
-    
+      <li>HTML</li>
-    <div class="col">
+      <li>CSS</li>
-    {% render "partials/components/list", title: "Langues", content: author.lang %}
+      <li>Bootstrap</li>
+      <li>Javascript</li>
+      <li>jQuery</li>
+      <li>Eleventy</li>
+    </ul>
+  </div>
+
+  <div class="col">
+    <h2>Langues</h2>
+    <ul style="list-style-type: initial">
+      <li>Français (langue maternelle)</li>
+      <li>Anglais</li>
+      <li>Allemand (Connaissance scolaires)</li>
+    </ul>
   </div>
 </div>

src/pages/subpages/download.liquid

@@ -1,11 +1,11 @@
 ---
-title: Téléchargement
+title: Download
 showTitle: false
 order: 4
 ---
 
-<div class="flex justify-center items-center download">
+<div class="flex-container justify-center download">
-    <p>Vous souhaitez imprimer ce document ?</p>
+    <p>You want to print this document ?</p>
     <i>--></i>
-    <button type="button" onclick="window.print()" class="btn btn-download icon--right icon-download">Télécharger en PDF</button>
+    <button type="button" onclick="window.print()" class="btn btn-download icon--right icon-download">Download as PDF</button>
 </div>

src/pages/subpages/experiences.liquid

@@ -1,6 +1,5 @@
 ---
-title: Expériences
+title: Experiences
-displayedTitle: Mes expériences
 order: 3
 ---
 

src/pages/subpages/hero.liquid

@@ -1,8 +1,8 @@
 ---
-title: A propos
+title: About me
 order: 0
 template: 'hero'
 eleventyComputed:
     description: "{{ author.about }}"
-    displayedTitle: "Moi c'est {{ author.name }}<br>Et je suis développeur web"
+    displayedTitle: "Hello!<br>Moi c'est {{ author.name }}"
 ---

src/pages/subpages/projects.liquid

@@ -1,6 +1,5 @@
 ---
-title: Projets
+title: Projects
-displayedTitle: Mes projets
 order: 2
 ---
 

src/scss/components/_utilities.scss

@@ -28,24 +28,21 @@
   background-color: var(--background-color, none);
 }
 
-.flex {
+.flex-container {
   display: inline-flex;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.justify-around {
-  justify-content: space-around;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.items-center {
   align-items: center;
+
+  &.flex-col {
+    flex-direction: column;
+  }
+
+  &.justify-around {
+    justify-content: space-around;
+  }
+  
+  &.justify-center {
+    justify-content: center;
+  }
 }
 
 .sr-only {

src/scss/critical.scss

@@ -301,6 +301,14 @@ section {
 }
 
 .competences-section {
+  margin-left: 4vw;
+
+  > div {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+  }
+
   .col {
     width: 100%;
     margin-bottom: 2rem;