un tout petit peu mieux

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" 
           },
           {
@@ -15,6 +16,14 @@
                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",

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>
-  </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>
+</a>