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,49 @@
 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
+    return content_for(:meta_description) if content_for?(:meta_description)
+
+    "PostgreSQL Hackers Archive"
+  end
+
+  def meta_image_url
+    return content_for(:meta_image) if content_for?(:meta_image)
+
+    absolute_url("/icon.png")
+  end
+
+  def meta_url
+    return content_for(:meta_url) if content_for?(:meta_url)
+    return "" unless respond_to?(:request) && request
+
+    request.original_url
+  end
+
+  def meta_type
+    return content_for(:meta_type) if content_for?(:meta_type)
+
+    "website"
+  end
+
+  def twitter_card
+    return content_for(:twitter_card) if content_for?(:twitter_card)
+
+    "summary"
+  end
+
+  def absolute_url(path)
+    return path if path.start_with?("http://", "https://")
+    return "" unless respond_to?(:request) && request
+
+    URI.join(request.base_url + "/", path.sub(%r{\A/+}, "")).to_s
+  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"]