Pull profile picture from Directus

unixfy · Oct 30, 2024 · f22cc4d · f22cc4d
1 parent 98ce25c
commit f22cc4d
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 2 deletions.
diff --git a/src/routes/+layout.js b/src/routes/+layout.js
@@ -4,6 +4,6 @@ import { readItems } from '@directus/sdk';
 export async function load({ fetch }) {
     const directus = getDirectusInstance(fetch);
     return {
-        config: await directus.request(readItems('config', { fields: ["banner_enabled", "banner_content", "sshkey"] }))
+        config: await directus.request(readItems('config', { fields: ["banner_enabled", "banner_content", "sshkey", "links_profile_picture"] }))
     }
 }
diff --git a/src/routes/links/+page.svelte b/src/routes/links/+page.svelte
@@ -5,7 +5,7 @@
 
 <div class="bg-black text-white p-8 pt-20 flex flex-col">
 	<!-- svelte-ignore a11y-img-redundant-alt -->
-	<img src="/profile.jpg" class="h-32 w-32 rounded-full m-auto" alt="Account profile photo" />
+	<img src="//cms.alexwang.net/assets/{data.config.links_profile_picture}?format=webp&width=200" class="h-32 w-32 rounded-full m-auto" alt="Account profile photo" />
 	<h1 class="font-display text-2xl sm:text-3xl mt-4 m-auto">@alex.wang.64</h1>
 </div>
 

diff --git a/static/profile.jpg b/static/profile.jpg