feat: use pretty banner

Author: KodingDev

src/assets/branding/compact-banner-purple.png

@@ -15,20 +15,19 @@
   import OpenGraph from './OpenGraph.svelte';
   import Twitter from './Twitter.svelte';
 
-  import CompactBannerPurple from '$assets/branding/compact-banner-purple.png';
-
   import website from '$lib/config/website';
+  import { BANNER_ARTIST } from '$lib/data/commissions';
 
   export let title: string;
   export let slug: string = $page.url.pathname;
   export let description = '';
 
-  export let ogImage: { url: string; alt: string } | undefined = undefined;
-  export let ogSquareImage: { url: string; alt: string } | undefined = undefined;
-  export let twitterImage: { url: string; alt: string } | undefined = {
-    url: CompactBannerPurple,
-    alt: 'Compact Banner Purple',
+  export let ogImage: { url: string; alt: string } | undefined = {
+    url: BANNER_ARTIST.image.fallback.src,
+    alt: website.siteTitle,
   };
+  export let ogSquareImage: { url: string; alt: string } | undefined = undefined;
+  export let twitterImage: { url: string; alt: string } | undefined = ogImage;
 
   const url = `${website.siteUrl}${slug || ''}`;
   const pageTitle = `${title || 'Site'} | ${website.siteTitle}`;

src/components/seo/Seo.svelte

@@ -4,6 +4,7 @@ import _ from 'lodash';
  * The featured artist data & commission.
  */
 import FeaturedArtist from '$lib/data/commissions/amber/artist';
+import BannerArtist from '$lib/data/commissions/peachy/artist';
 import RefSheet from '$lib/data/commissions/amber/artist';
 import { importData } from '$lib/util/data';
 import type { Picture } from 'imagetools-core';
@@ -86,4 +87,5 @@ export const getArtists = async (): Promise<Record<string, ArtistData>> => {
 };
 
 export const FEATURED_ARTIST = { artist: FeaturedArtist, commission: FeaturedArtist.commissions[2] };
+export const BANNER_ARTIST = { artist: BannerArtist, commission: BannerArtist.commissions[0], image: BannerArtist.commissions[0].images[1] };
 export const REF_SHEET = { artist: RefSheet, commission: RefSheet.commissions[1] };