From 32ca2d3ae232977ccd6f94a0d02001ff7089d8c4 Mon Sep 17 00:00:00 2001
From: Jeremy Nusser <jeremy.nusser@protonmail.com>
Date: Fri, 28 Oct 2022 18:31:09 -0500
Subject: [PATCH] Updated meta.html to show open graph images.

---
 README.md                  |  2 ++
 layouts/partials/head.html |  4 ++--
 layouts/partials/meta.html | 21 +++++++++++++++------
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 0753d59..d5d0f9c 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
+
+
 # TailBliss
 Hugo + TailwindCSS 3.2.0 + Alpine.js for Hacktoberfest
 
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 15e69e7..79d492e 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -8,6 +8,7 @@
 <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
 <meta name="msapplication-TileColor" content="#da532c">
 <meta name="theme-color" content="#ffffff">
+{{ partial "meta" . }}
 <script>
     // On page load or when changing themes, best to add inline in `head` to avoid FOUC
     if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
@@ -22,5 +23,4 @@
 {{ else }}
 {{ $styles := $styles | minify | fingerprint | resources.PostProcess }}
 <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" />
-{{ end }}
-{{ partial "meta" . }}
\ No newline at end of file
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index 83ba710..4a45796 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -1,9 +1,18 @@
 <title itemprop="name">{{if .IsHome}} {{ $.Site.Params.description }} | {{ .Title }}
     {{else}} {{ .Title }} | {{ .Site.Title }} {{end}}
 </title>
-<meta name="description" content="{{ .Params.description }}" />
-<meta property="og:title" content="{{ .Title }} | {{ .Site.Title }}" />
-<meta name="twitter:title" content="{{ .Title }} | {{ .Site.Title }}" />
-<meta itemprop="name" content="{{ .Title }} | {{ .Site.Title }}" />
-<meta name="application-name" content="{{ .Title }} | {{ .Site.Title }}" />
-<meta property="og:site_name" content="{{ .Site.Params.sitename }}" />
\ No newline at end of file
+<meta property="og:type" content="website" />
+<meta property="og:title" content="{{ if ne .URL "/" }}{{ .Title }} &middot; {{ end }}{{ .Site.Title }}" />
+<meta property="og:description"
+      content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}" />
+<meta property="og:site_name" content="{{ .Site.Title }}" />
+<meta property="og:url" content="{{ .Permalink }}" />
+<meta property="og:locale" content="en">
+{{ if .Params.og_image }}
+<meta property="og:image" content="{{ .Params.og_image | relURL }}" />
+<meta property="og:image:secure_url" content="{{ .Params.og_image | absURL }}" />
+{{ else }}
+<meta property="og:image" content="{{ .Site.Params.og_image | relURL }}" />
+<meta property="og:image:secure_url" content="{{ .Site.Params.og_image | absURL }}" />
+{{ end }}
+<meta property="og:type" content="website" />
\ No newline at end of file