fix ppp & switch to adapter-auto

src/lib/components/Card.svelte

@@ -12,7 +12,7 @@
 <a href={data.path}>
 	<div class="card">
 		{#if data.image}
-			<img src=/img/net7.png class="image" alt={""} />
+			<img src="/img/net7.png" class="image" alt={''} />
 		{/if}
 		<h2>{data.title}</h2>
 		{#if data.description}
@@ -66,7 +66,7 @@
 		padding: 0.25rem 0.5rem;
 		border-radius: 0.25rem;
 	}
-	
+
 	.image {
 		width: 100%;
 		height: 100%;

src/lib/mardown/Layout.svelte

@@ -1,7 +1,7 @@
 <script>
-    export let title;
+	export let title;
 </script>
 
 <h1>{title}</h1>
 
-<slot ></slot>
+<slot />

src/routes/shs/ppp/+page.md

@@ -5,15 +5,10 @@ description: PPP
 tags:
 ---
 
-<script>
-	import ppp from '$lib/files/PPP.pdf';
-</script>
-
-<iframe src={ppp} class="ppp" title="Projet Personnel Professionnel"></iframe>
-
-<style>
-  .ppp {
-    width: 100%;
-    height: 600px;
-  }
-</style>
+<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
+ padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
+ border-radius: 8px; will-change: transform;">
+  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
+    src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAFWbtr0nNU&#x2F;view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
+  </iframe>
+</div>