Added svelte:head support

src/app.html

@@ -30,4 +30,52 @@
   </body>
 </html>
 
+<svelte:head>
+  <!-- Page Title -->
+  <title>Écologies des Pratiques LLMs (EL2MP)</title>
+  <!-- Meta Description -->
+  <meta
+    name="description"
+    content="Exploring the transformative impact of Large Language Models (LLMs) on research, creativity, and communication across various domains."
+  />
+  <!-- Canonical URL -->
+  <link rel="canonical" href="https://medialab.github.io/EL2MP/" />
+
+  <!-- Open Graph Meta Tags -->
+  <meta property="og:type" content="website" />
+  <meta property="og:title" content="Écologies des Pratiques LLMs (EL2MP)" />
+  <meta
+    property="og:description"
+    content="Exploring the transformative impact of Large Language Models (LLMs) on research, creativity, and communication across various domains."
+  />
+  <meta property="og:url" content="https://medialab.github.io/EL2MP/" />
+  <meta property="og:image" content="/OpenGraph.jpg" />
+  <meta
+    property="og:image:alt"
+    content="Écologies des Pratiques LLMs (EL2MP) Logo"
+  />
+  <meta
+    property="og:site_name"
+    content="Écologies des Pratiques LLMs (EL2MP)"
+  />
+
+  <!-- Twitter Card Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="Écologies des Pratiques LLMs (EL2MP)" />
+  <meta
+    name="twitter:description"
+    content="Exploring the transformative impact of Large Language Models (LLMs) on research, creativity, and communication across various domains."
+  />
+  <meta name="twitter:image" content="/OpenGraph.jpg" />
+  <meta
+    name="twitter:image:alt"
+    content="Écologies des Pratiques LLMs (EL2MP) Logo"
+  />
+  <meta name="twitter:site" content="@your_twitter_handle" />
+  <meta name="twitter:creator" content="@your_twitter_handle" />
+
+  <!-- Favicon -->
+  <link rel="icon" href="/favicon.ico" />
+</svelte:head>
+
 <style></style>