feat: Add social media sharing images

Author: ripixel

assets/images/card_coding.png

@@ -1,5 +1,5 @@
 module.exports = {
-  input: "./assets/ripixel.png", // Required. override cli options.
+  input: "./assets/images/favicon.png", // Required. override cli options.
   output: "./public", // Required. override cli options.
   template: "./templates/meta.html", // Default is the same as output, default name is meta.html.
   config: {

assets/images/card_home.png

@@ -5,11 +5,12 @@
   "main": "index.js",
   "scripts": {
     "dev": "nodemon",
-    "build": "npm run build:prepare && npm run build:css && npm run build:favicons && npm run build:pages",
-    "build:prepare": "mkdir -p public",
-    "build:pages": "npm run build:prepare && ts-node ./scripts/generatePages",
-    "build:css": "npm run build:prepare && cleancss -o ./public/styles.min.css ./assets/*.css",
-    "build:favicons": "npm run build:prepare && favicons-generate"
+    "build": "mkdir -p ./public && npm run build:css && npm run build:favicons && npm run build:pages && npm run build:images",
+    "build:dev": "mkdir -p ./public && npm run build:css && npm run build:pages && npm run build:images",
+    "build:pages": "ts-node ./scripts/generatePages",
+    "build:css": "cleancss -o ./public/styles.min.css ./assets/styles/*.css",
+    "build:favicons": "favicons-generate",
+    "build:images": "cp -R ./assets/images/. ./public/"
   },
   "repository": {
     "type": "git",

assets/images/card_profile.png

@@ -24,6 +24,19 @@
   />
   <meta name="author" content="James King" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+  <!-- Social sharing meta -->
+  <meta property="og:title" content="ripixel | {page}" />
+  <meta property="og:site_name" content="ripixel.co.uk" />
+  <meta
+    property="og:description"
+    content="I'm James King, and I make things for the web"
+  />
+  <meta property="og:image" content="/card_{page}.png" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:site" content="@ripixelcodes" />
+
+  <!-- Autogenerated favicons meta data-->
   {meta.html}
 
   <link