Add new interests

src/components/InterestsAbout.vue

@@ -34,7 +34,14 @@
           {{ $t('about.interests.moto') }}
           <MotorcycleIcon />
         </li>
-        <!-- todo add cloud -->
+        <li class="my-2">
+          {{ $t('about.interests.cloud') }}
+          <CloudIcon />
+        </li>
+        <li class="my-2">
+          {{ $t('about.interests.maths') }}
+          <MathsIcon />
+        </li>
       </ul>
     </div>
   </section>

src/components/icons/CloudIcon.vue

@@ -0,0 +1,14 @@
+<template>
+  <svg class="inline" width="1em" height="1em" viewBox="0 0 24 24" focusable="false">
+    <path
+      d="M12.01 6c2.61 0 4.89 1.86 5.4 4.43l.3 1.5l1.52.11c1.56.11 2.78 1.41 2.78 2.96c0 1.65-1.35 3-3 3h-13c-2.21 0-4-1.79-4-4c0-2.05 1.53-3.76 3.56-3.97l1.07-.11l.5-.95A5.457 5.457 0 0 1 12.01 6m0-2C9.12 4 6.6 5.64 5.35 8.04C2.35 8.36.01 10.91.01 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.64-4.96C18.68 6.59 15.65 4 12.01 4z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: "CloudIcon"
+}
+</script>

src/components/icons/MathsIcon.vue

@@ -0,0 +1,14 @@
+<template>
+  <svg class="inline" width="1em" height="1em" viewBox="0 0 256 256" focusable="false">
+    <path
+      d="M116 184a12 12 0 0 1-12 12H84v20a12 12 0 0 1-24 0v-20H40a12 12 0 0 1 0-24h20v-20a12 12 0 0 1 24 0v20h20a12 12 0 0 1 12 12zM104 60H40a12 12 0 0 0 0 24h64a12 12 0 0 0 0-24zm48 116.066h64a12 12 0 0 0 0-24h-64a12 12 0 0 0 0 24zm64 15.868h-64a12 12 0 0 0 0 24h64a12 12 0 0 0 0-24zm-64.485-87.449a12 12 0 0 0 16.97 0L184 88.971l15.515 15.514a12 12 0 0 0 16.97-16.97L200.971 72l15.514-15.515a12 12 0 0 0-16.97-16.97L184 55.029l-15.515-15.514a12 12 0 0 0-16.97 16.97L167.029 72l-15.514 15.515a12 12 0 0 0 0 16.97z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: "MathsIcon"
+}
+</script>

src/locales/en-EN.ts

@@ -108,7 +108,9 @@ export default {
       startups: 'Startups & innovative companies',
       sysadmin: 'System administration',
       trips: 'Trip',
-      moto: 'Motorbike'
+      moto: 'Motorbike',
+      cloud: 'Cloud Computing',
+      maths: 'Mathematics'
     },
     languages: {
       fr: 'French',

src/locales/fr-FR.ts

@@ -103,7 +103,9 @@ export default {
       startups: 'Startups & Entreprises innovantes',
       sysadmin: 'Administration système',
       trips: 'Voyage',
-      moto: 'Moto'
+      moto: 'Moto',
+      cloud: 'Cloud Computing',
+      maths: 'Mathématiques'
     },
     languages: {
       fr: 'Français',