feat: add image object data

bjerkio · Oct 5, 2023 · 5ca3b57 · 5ca3b57
1 parent d239534
commit 5ca3b57
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/src/components/employee.svelte b/src/components/employee.svelte
@@ -3,6 +3,7 @@
   import LinkedinLogo from 'phosphor-svelte/lib/LinkedinLogo';
   import Image from '$components/image.svelte';
   import { JsonLd } from 'svelte-meta-tags';
+  import type { Picture } from 'vite-imagetools';
 
   export let givenName: string;
   export let familyName: string;
@@ -16,9 +17,8 @@
   };
 
   export let socialMedia: socialMedia[] = [];
-  // TODO: Use Picture type from components/image.svelte
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  export let image: any;
+  export let image: Picture;
+  export let photographerName: string | undefined = undefined;
 
   const name = `${givenName} ${familyName}`;
 </script>
@@ -44,6 +44,20 @@
   }}
 />
 
+<JsonLd
+  schema={{
+    '@context': 'https://schema.org',
+    '@type': 'ImageObject',
+    contentUrl: image.img.src,
+    license: 'https://creativecommons.org/licenses/by/4.0/',
+    creditText: 'Bjerk AS',
+    creator: {
+      '@type': 'Person',
+      name: photographerName ?? 'Bjerk AS'
+    }
+  }}
+/>
+
 <div class="employee">
   <Image src={image} class="profile-image" alt="" />
   <div class="section">

diff --git a/src/components/employees.svelte b/src/components/employees.svelte
@@ -22,6 +22,7 @@
     { type: 'linkedin', url: 'https://www.linkedin.com/in/thomasbrustad/' },
     { type: 'github', url: 'https://github.com/HanBrustad' }
   ]}
+  photographerName="Steffen Normark"
 />
 
 <Employee
@@ -35,6 +36,7 @@
     { type: 'linkedin', url: 'https://www.linkedin.com/in/simenandre/' },
     { type: 'github', url: 'https://github.com/simenandre' }
   ]}
+  photographerName="Steffen Normark"
 />
 
 <Employee
@@ -54,6 +56,7 @@
       url: 'https://github.com/copetterson'
     }
   ]}
+  photographerName="Tom-Egil Jensen"
 />
 
 <Employee
@@ -67,6 +70,7 @@
     { type: 'linkedin', url: 'https://www.linkedin.com/in/braaar/' },
     { type: 'github', url: 'https://github.com/braaar' }
   ]}
+  photographerName="Steffen Normark"
 />
 
 <Employee
@@ -80,6 +84,7 @@
     { type: 'linkedin', url: 'https://www.linkedin.com/in/moripen/' },
     { type: 'github', url: 'https://github.com/moripen' }
   ]}
+  photographerName="Steffen Normark"
 />
 
 <Employee
@@ -93,6 +98,7 @@
     { type: 'linkedin', url: 'https://www.linkedin.com/in/simon-rugland/' },
     { type: 'github', url: 'https://github.com/simonrugland' }
   ]}
+  photographerName="Fabian Roberto Gomez"
 />
 
 <Employee
@@ -112,6 +118,7 @@
       url: 'https://github.com/xillians'
     }
   ]}
+  photographerName="Steffen Normark"
 />
 
 <Employee
@@ -125,6 +132,7 @@
     { type: 'linkedin', url: 'https://www.linkedin.com/in/annachristinalyra/' },
     { type: 'github', url: 'https://github.com/ChristinaLyra' }
   ]}
+  photographerName="Steffen Normark"
 />
 
 <Employee
@@ -144,4 +152,5 @@
       url: 'https://github.com/seacurrent'
     }
   ]}
+  photographerName="Sebastian Andersen"
 />