Added Open Graph and Twitter card meta tags to the main layout

Signed-off-by: Kai Wagner <kaiwagner@MacBook-Pro-von-Kai.local>

Author: Kai Wagner

app/helpers/application_helper.rb

@@ -1,4 +1,31 @@
 module ApplicationHelper
+  def meta_title
+    return content_for(:meta_title) if content_for?(:meta_title)
+    return "#{content_for(:title)} - Hackorum" if content_for?(:title)
+
+    "Hackorum"
+  end
+
+  def meta_description
+    "PostgreSQL Hackers Archive"
+  end
+
+  def meta_image_url
+    "https://hackorum.dev/icon.png"
+  end
+
+  def meta_url
+    "https://hackorum.dev"
+  end
+
+  def meta_type
+    "website"
+  end
+
+  def twitter_card
+    "summary"
+  end
+
   # Smart time display: relative for recent, absolute for old
   def smart_time_display(time)
     return "" if time.nil?

app/views/layouts/application.html.slim

@@ -1,11 +1,19 @@
 doctype html
 html data-theme="light"
   head
-    title
-      - if content_for?(:title)
-        = "#{content_for(:title)} - Hackorum"
-      - else
-        = "Hackorum"
+    title = meta_title
+    meta[name="description" content=meta_description]
+    meta[property="og:site_name" content="Hackorum"]
+    meta[property="og:title" content=meta_title]
+    meta[property="og:description" content=meta_description]
+    meta[property="og:url" content=meta_url]
+    meta[property="og:image" content=meta_image_url]
+    meta[property="og:image:alt" content=meta_title]
+    meta[property="og:type" content=meta_type]
+    meta[name="twitter:card" content=twitter_card]
+    meta[name="twitter:title" content=meta_title]
+    meta[name="twitter:description" content=meta_description]
+    meta[name="twitter:image" content=meta_image_url]
     meta[name="viewport" content="width=device-width,initial-scale=1"]
     meta[name="apple-mobile-web-app-capable" content="yes"]
     meta[name="mobile-web-app-capable" content="yes"]