diff --git a/src/lib/Outils.svelte.md b/src/lib/Outils.svelte.md
index d10ffee..bbbbb8f 100644
--- a/src/lib/Outils.svelte.md
+++ b/src/lib/Outils.svelte.md
@@ -5,7 +5,8 @@
           {
                name:"Sardine",
                creator:"Raphaël Forment",
-               description:"Sardine est un logiciel libre et open source pour Python 3.10+. Sardine transforme Python en un instrument de musique. C'est un framework pour live coder et contrôler du matérial audio depuis Python. Sardine peut se synchroniser à d'autres logiciels ou instances du même logiciel.", image:"https://sardine.raphaelforment.fr/sardine_logo.svg#center",
+               description:"Sardine est un logiciel libre et open source pour Python 3.10+. Sardine transforme Python en un instrument de musique. C'est un framework pour live coder et contrôler du matérial audio depuis Python. Sardine peut se synchroniser à d'autres logiciels ou instances du même logiciel.", 
+               image:"https://sardine.raphaelforment.fr/sardine_logo.svg#center",
                link:"https://sardine.raphaelforment.fr" 
           },
           {
@@ -14,7 +15,15 @@
                description:"Été mélange live coding (écriture musicale temps réel au travers du code) et percussions. Le programme  considère le clavier comme un instrument percussif. Le musicien peut écrire des instructions algorithmiques et des instructions percussives très précises au sein du même environnement de programmation. Été est une expérimentation qui essaie de lier dans un même programme le temps dédié à la composition algorithmique et celui dédié à l'improvisation spontanée.",
                image:"https://gitlab.com/uploads/-/system/project/avatar/35391245/Screenshot_2023-09-19_16-09-44.jpg",
                link:"https://raphaelbastide.com/ete/"
-          } ,
+          },
+          {
+               name: "Cordelia",
+               creator: "Jacopo Greco d'Alceo",
+               description: "A method, a tender affection, winter 2023.",
+               image:"https://avatars.githubusercontent.com/u/92983918?v=4",
+               link: "https://github.com/jacopogrecodalceo/CORDELIA",
+
+          },
           {
                name:"Topos",
                creator:"Raphaël Forment",
diff --git a/src/lib/SoftwareCard.svelte b/src/lib/SoftwareCard.svelte
index ac94292..e407f77 100644
--- a/src/lib/SoftwareCard.svelte
+++ b/src/lib/SoftwareCard.svelte
@@ -6,16 +6,25 @@
   export let description: string;
 </script>
 
-<div class="card card-side shadow-xl bg-base-300 dark:bg-base-300">
-  <figure class="object-cover h-80 w-1/2 pl-8">
-    <img src={image} alt={description} class="object-cover" />
-  </figure>
-  <div class="card-body">
-    <h2 class="card-title pt-0 mt-0">{name}</h2>
-    <h3>{creator}</h3>
-    <p class="indent-0">{description}</p>
-    <div class="card-actions justify-end">
-      <a class="btn btn-primary" href={link}>Lien</a>
-    </div>
+<a
+  href={link}
+  class="flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"
+>
+  <img
+    class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg"
+    src={image}
+    alt=""
+  />
+  <div class="flex flex-col justify-between p-4 leading-normal">
+    <h5
+      class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"
+    >
+      {name}
+    </h5>
+    <p class="text-right">{creator}</p>
+
+    <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">
+      {description}
+    </p>
   </div>
-</div>
+</a>