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}

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>

svelte.config.js

@@ -1,17 +1,15 @@
-import adapter from '@sveltejs/adapter-static';
+import adapter from '@sveltejs/adapter-auto';
 import { vitePreprocess } from '@sveltejs/kit/vite';
 import { mdsvex } from 'mdsvex';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
-	// for more information about preprocessors
 	extensions: ['.svelte', '.md'],
 	preprocess: [
 		vitePreprocess(),
 		mdsvex({
 			extensions: ['.md'],
-			layout: "src/lib/mardown/Layout.svelte"
+			layout: 'src/lib/mardown/Layout.svelte'
 		})
 	],