update seo metadata

Author: Nick-Mazuk

src/lib/assets/images/lua-logo.gif

@@ -1,12 +1,12 @@
 export const download = (filename: string, text: string) => {
-  var element = document.createElement('a');
-  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
-  element.setAttribute('download', filename);
+    var element = document.createElement('a')
+    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text))
+    element.setAttribute('download', filename)
 
-  element.style.display = 'none';
-  document.body.appendChild(element);
+    element.style.display = 'none'
+    document.body.appendChild(element)
 
-  element.click();
+    element.click()
 
-  document.body.removeChild(element);
-}
+    document.body.removeChild(element)
+}

src/lib/lib/download-file.ts

@@ -1,4 +1,4 @@
-import type { TocItems } from '@nick-mazuk/ui-svelte/src/components/table-of-contents';
+import type { TocItems } from '@nick-mazuk/ui-svelte/src/components/table-of-contents'
 
 export const libraryPages: TocItems = [
     {

src/lib/lib/library-pages.ts

@@ -7,9 +7,22 @@
 
     import Seo from '@nick-mazuk/ui-svelte/src/utilities/seo/seo.svelte'
     import Spacer from '@nick-mazuk/ui-svelte/src/utilities/spacer/spacer.svelte'
+
+    import luaLogo from '$lib/assets/images/lua-logo.gif'
 </script>
 
-<Seo title="Help" siteName="JW Lua Scripts" />
+<Seo
+    title="Help"
+    siteName="JW Lua Scripts"
+    description="Use Finale faster than the blink of an eye. Simplify workflows to just one click. All for free, forever."
+    openGraph="{{
+        image: {
+            src: luaLogo,
+            width: 128,
+            height: 128,
+        },
+    }}"
+/>
 
 <main id="main-content">
     <div class="wrapper !max-w-2xl my-12">

src/routes/help/index.svelte

@@ -5,9 +5,22 @@
 
     import Seo from '@nick-mazuk/ui-svelte/src/utilities/seo/seo.svelte'
     import Spacer from '@nick-mazuk/ui-svelte/src/utilities/spacer/spacer.svelte'
+
+    import luaLogo from '$lib/assets/images/lua-logo.gif'
 </script>
 
-<Seo title="Install" siteName="JW Lua Scripts" />
+<Seo
+    title="Install"
+    siteName="JW Lua Scripts"
+    description="Use Finale faster than the blink of an eye. Simplify workflows to just one click. All for free, forever."
+    openGraph="{{
+        image: {
+            src: luaLogo,
+            width: 128,
+            height: 128,
+        },
+    }}"
+/>
 
 <main id="main-content">
     <div class="wrapper !max-w-2xl my-6">

src/routes/help/install/index.svelte

@@ -3,9 +3,22 @@
     import Spacer from '@nick-mazuk/ui-svelte/src/utilities/spacer/spacer.svelte'
     import AccordionGroup from '@nick-mazuk/ui-svelte/src/components/accordion/accordion-group/accordion-group.svelte'
     import Accordion from '@nick-mazuk/ui-svelte/src/components/accordion/accordion.svelte'
+
+    import luaLogo from '$lib/assets/images/lua-logo.gif'
 </script>
 
-<Seo title="macOS Installation" siteName="JW Lua Scripts" />
+<Seo
+    title="macOS Installation"
+    siteName="JW Lua Scripts"
+    description="Use Finale faster than the blink of an eye. Simplify workflows to just one click. All for free, forever."
+    openGraph="{{
+        image: {
+            src: luaLogo,
+            width: 128,
+            height: 128,
+        },
+    }}"
+/>
 
 <main id="main-content" class="my-12 wrapper !max-w-2xl">
     <h1 class="h3">macOS installation</h1>

src/routes/help/install/mac.svelte

@@ -3,9 +3,22 @@
     import Spacer from '@nick-mazuk/ui-svelte/src/utilities/spacer/spacer.svelte'
     import AccordionGroup from '@nick-mazuk/ui-svelte/src/components/accordion/accordion-group/accordion-group.svelte'
     import Accordion from '@nick-mazuk/ui-svelte/src/components/accordion/accordion.svelte'
+
+    import luaLogo from '$lib/assets/images/lua-logo.gif'
 </script>
 
-<Seo title="Windows Installation" siteName="JW Lua Scripts" />
+<Seo
+    title="Windows Installation"
+    siteName="JW Lua Scripts"
+    description="Use Finale faster than the blink of an eye. Simplify workflows to just one click. All for free, forever."
+    openGraph="{{
+        image: {
+            src: luaLogo,
+            width: 128,
+            height: 128,
+        },
+    }}"
+/>
 
 <main id="main-content" class="my-12 wrapper !max-w-2xl">
     <h1 class="h3">Windows installation</h1>

src/routes/help/install/windows.svelte

@@ -9,9 +9,22 @@
     import Spacer from '@nick-mazuk/ui-svelte/src/utilities/spacer/spacer.svelte'
     import Feature from '$lib/components/home/feature.svelte'
     import Image from '$lib/components/image.svelte'
+
+    import luaLogo from '$lib/assets/images/lua-logo.gif'
 </script>
 
-<Seo title="" siteName="JW Lua Scripts" />
+<Seo
+    title=""
+    siteName="JW Lua Scripts"
+    description="Use Finale faster than the blink of an eye. Simplify workflows to just one click. All for free, forever."
+    openGraph="{{
+        image: {
+            src: luaLogo,
+            width: 128,
+            height: 128,
+        },
+    }}"
+/>
 
 <main id="main-content">
     <section class="wrapper my-16">

src/routes/index.svelte

@@ -16,6 +16,8 @@
     import Button from '@nick-mazuk/ui-svelte/src/elements/button/button.svelte'
     import Seo from '@nick-mazuk/ui-svelte/src/utilities/seo/seo.svelte'
 
+    import luaLogo from '$lib/assets/images/lua-logo.gif'
+
     let scripts: ScriptData[] = scriptData
     const search = new Search('name')
     search.addIndex('name')
@@ -75,7 +77,18 @@
         )
 </script>
 
-<Seo title="Scripts" siteName="JW Lua Scripts" />
+<Seo
+    title="Scripts"
+    siteName="JW Lua Scripts"
+    description="Use Finale faster than the blink of an eye. Simplify workflows to just one click. All for free, forever."
+    openGraph="{{
+        image: {
+            src: luaLogo,
+            width: 128,
+            height: 128,
+        },
+    }}"
+/>
 
 <main class="wrapper my-6" id="main-content">
     <Spacer />