feat(public): add open graph assets and assignment

Author: hyfydistro

public/assets/images/og-scs.jpg

@@ -12,6 +12,24 @@
   </script>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="author" content="hyfydistro">
+  <meta name="description" content="A web application that crop, divide and scale your really long comic page." />
+  <!-- Open Graph - Optional -->
+  <meta property="og:title" content="Super Comic Slicer - your webcomic utility for cropping! Plus scaling!" />
+  <meta property="og:site_name" content="Super Comic Slicer" />
+  <meta property="og:type" content="website" />
+  <meta property="og:image" content="/assets/images/og-scs.png" />
+  <meta property="og:image:type" content="image/jpeg" />
+  <meta property="og:image:width" content="400" />
+  <meta property="og:image:height" content="300" />
+  <meta property="og:image:alt" content="Super Comic Slicer" />
+  <meta property="og:url" content="https://supercomicslicer.netlify.app/" />
+  <meta property="twitter:creator" content="@spectredox" />
+  <meta property="twitter:image" content="/assets/images/og-scs.png" />
+  <meta property="twitter:card" content="summary_large_image" />
+  <meta property="og:description"
+      content="A web application that crop, divide and scale your really long comic page." />
+  <meta property="twitter:site" content="@hyfydistro" />
 
   <!-- Manifest File -->
   <link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.pngg">