Use OG instaid of twitter

Also add image support

3 files changed, 9 insertions, 6 deletions

diff --git a/_includes/head.html b/_includes/head.html
index 5ef0176..0dc3028 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -17,11 +17,13 @@
   <link rel="icon" type="image/png" href="/assets/icons/favicon-32x32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/assets/icons/favicon-16x16.png" sizes="16x16">
 
-  {% if page.twitter %}
-  <meta name="twitter:card" content="summary" />
-  <meta name="twitter:site" content="@noahloomans" />
-  <meta name="twitter:title" content="{{ page.twitter.title }}" />
-  <meta name="twitter:description" content="{{ page.twitter.description }}" />
+  {% if page.info %}
+    <meta name="og:title" content="{{ page.info.title }}" />
+    <meta name="og:description" content="{{ page.info.description }}">
+
+    {% if page.info.image %}
+      <meta property="og:image" content="{{ page.info.image }}" />
+    {% endif %}
   {% endif %}
 
   {% if site.google_analytics %}
diff --git a/random-projects/bad-password-generator/image.png b/random-projects/bad-password-generator/image.png
new file mode 100644
index 0000000..acc5cfa
--- /dev/null
+++ b/random-projects/bad-password-generator/image.png
diff --git a/random-projects/bad-password-generator/index.html b/random-projects/bad-password-generator/index.html
index 56c6e8f..b68895b 100644
--- a/random-projects/bad-password-generator/index.html
+++ b/random-projects/bad-password-generator/index.html
@@ -1,8 +1,9 @@
 ---
 layout: random-project
-twitter:
+info:
   title: Bad Password Generator
   description: Surely you wouldn't use one like it, would you?
+  image: /random-projects/bad-password-generator/image.png
 ---
 <main class='random-project__project__bad-password-generator'>
   <div class="text">