docs: fill OG tags

.storybook/manager-head.html

@@ -3,10 +3,25 @@
   content="Lib to dynamic replace SVG in <image> and <object> tags, by SVG inline."
 />
 
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://tiagoporto.github.io/svg-to-inline/" />
+<meta property="og:title" content="SVG to Inline" />
+<meta
+  property="og:description"
+  content="Web Component to fetch an external SVG file and use it inline."
+/>
+<meta
+  property="og:image"
+  content="https://socialify.git.ci/tiagoporto/svg-to-inline/image?description=1&font=Jost&logo=https://raw.githubusercontent.com/tiagoporto/svg-to-inline/refs/heads/main/docs/webcomponents%252Bsvg.svg?token=1&owner=1&pattern=Signal"
+/>
+<meta property="og:image:width" content="1280" />
+<meta property="og:image:height" content="640" />
+<meta property="og:locale" content="en" />
+
 <link rel="manifest" href="/manifest.json" />
 
 <!-- Add to homescreen for Chrome on Android -->
-<meta name="theme-color" content="#000000" />
+<meta name="theme-color" content="#FFFFFF" />
 <meta name="mobile-web-app-capable" content="yes" />
 <link
   rel="icon"
@@ -22,27 +37,3 @@
 />
 <meta name="apple-mobile-web-app-title" content="SVG to Inline" />
 <link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png" />
-
-<meta property="og:type" content="website" />
-<meta property="og:url" content="https://example.com/page.html" />
-<meta property="og:title" content="Content Title" />
-<meta
-  property="og:image"
-  content="https://socialify.git.ci/tiagoporto/svg-to-inline/png?description=1&font=Jost&logo=https%3A%2F%2Fraw.githubusercontent.com%2Ftiagoporto%2Fsvg-to-inline%2Frefs%2Fheads%2Fmain%2Fdocs%2Fwebcomponents%252Bsvg.svg%3Ftoken%3D53453564&owner=1&pattern=Signal"
-/>
-<meta property="og:image:width" content="1280" />
-<meta property="og:image:height" content="640" />
-<meta property="og:description" content="Description Here" />
-<meta property="og:site_name" content="Site Name" />
-<meta property="og:locale" content="en" />
-
-<meta name="twitter:card" content="summary" />
-<meta name="twitter:site" content="@site_account" />
-<meta name="twitter:creator" content="@individual_account" />
-<meta name="twitter:url" content="https://example.com/page.html" />
-<meta name="twitter:title" content="Content Title" />
-<meta
-  name="twitter:description"
-  content="Content description less than 200 characters"
-/>
-<meta name="twitter:image" content="https://example.com/image.jpg" />

.storybook/manager.ts

@@ -1,6 +1,6 @@
 import { addons } from '@storybook/manager-api'
-import { themes } from '@storybook/theming'
+import { create } from '@storybook/theming/create'
 
 addons.setConfig({
-  theme: themes.light,
+  theme: create({ base: 'light', brandTitle: 'svg-to-inline' }),
 })

demo/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "SVG to Inline",
-  "short_name": "",
+  "short_name": "SVG2Inline",
   "icons": [
     {
       "src": "images/touch/icon-128x128.png",

src/Index.story.mdx

@@ -1,6 +1,6 @@
 import ReadMe from '../README.md?raw'
 import { Markdown, Meta } from '@storybook/blocks'
 
-<Meta title="SVG to Inline/README" />
+<Meta title="README" />
 
 <Markdown>{ReadMe}</Markdown>