feat(home): page d'accueil étoffée

frontend/src/components/88x31.vue

@@ -3,6 +3,7 @@
 </script>
 
 <template>
+  <h3 class="center">There, have cool old-fashioned 88x31 buttons</h3>
   <div class="wrapper flex">
     <a href="https://tralala.fr.eu.org" title="tralala.fr.eu.org"><img src="../components/icons/tralala-88x31.gif" alt="tralala.fr.eu.org" height="31" width="88"></a>
     <a href=""><img src="../components/icons/estrogen-88x31.gif" alt="" height="31" width="88"></a>
@@ -44,10 +45,6 @@
 </template>
 
 <style scoped lang="scss">
-  .flex {
-    display: flex;
-    flex-flow: wrap;
-  }
   .wrapper {
     padding: 10px;
     display: flex;

frontend/src/components/Projects.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <h3 class="center">Projects</h3>
+  <div class="center flex">
+    <a href="https://github.com/Akomry/makeyourownapp-jam">
+      <img class="rounded" src="../components/icons/Illustration3.png" alt="makeyourownapp-jam" width="300">
+      <br><span>Make your own app! game jam</span>
+    </a>
+    <a href="https://github.com/Akomry/sae302-chat"><img class="rounded" src="" alt="sae302-chat" width="300"></a>
+    <a href="https://github.com/Akomry/website"><img class="rounded" src="" alt="website" width="300"></a>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  a {
+    padding: 10px;
+  }
+
+  .rounded {
+    border-radius: 15px;
+  }
+</style>