brand: update twitter card metadata

Fixes #539

Gemfile

@@ -26,4 +26,4 @@ gem "middleman-sprockets", "~> 4.1.1"
 
 #Ubuntu specific gems
 gem "rb-inotify"
-gem "mini_racer", "~> 0.6.2"
+#gem "mini_racer", "~> 0.6.2"

data/site.yml

@@ -1,5 +1,6 @@
 name: Flatpak
-domain: http://flatpak.org
+domain: https://flatpak.org
+#domain: http://localhost:4567
 punchline: The Future of Application Distribution
 
 ## If unspecified, timezone defaults to UTC

source/layouts/layout.haml

@@ -7,20 +7,31 @@
     %meta{content: "#{current_page.data.description}", name: "description"}/
     %meta{content: "bundle,application,runtime,flatpak,xdg-app", name: "keywords"}/
     %meta{content: "width=device-width,initial-scale=1", name: "viewport" }/
-    %link{rel:"icon", "type" => "image/png", href:"img/favicon.png"}/
+    %link{rel:"icon", "type" => "image/svg+xml", href:"img/favicon.svg"}/
     %link{rel:"shortcut icon", "type" => "image/x-icon", href:"/favicon.ico"}/
-    %link{rel:"apple-touch-icon", "sizes" => "57x57", href:"img/favicon57.png"}/
-    %link{rel:"apple-touch-icon", "sizes" => "152x152", href:"img/favicon152.png"}/
+    %link{rel:"apple-touch-icon", "sizes" => "180x180", href:"img/apple-touch-icon.png"}/
     = stylesheet_link_tag :fonts
     = stylesheet_link_tag :site
     = stylesheet_link_tag :animate
-    /= stylesheet_link_tag "http://overpass-30e2.kxcdn.com/overpass.css"
+    %meta{content: "#{data.site.name}", name: "title" }/
+    %meta{content: "#{data.site.punchline}", name: "description" }/
+
+    %meta{content: "#{data.site.name}", name: "twitter:title" }/
+    %meta{content: "#{data.site.domain}#{url_for 'img/card.png'}", name: "twitter:image" }/
+    %meta{content: "summary_large_image", name: "twitter:card" }/
+    %meta{content: "#{data.site.punchline}", name: "twitter:description" }/
+
+    %meta{content: "#{data.site.name}", name: "og:title" }/
+    %meta{content: "#{data.site.domain}", name: "og:url" }/
+    %meta{content: "#{data.site.domain}#{url_for 'img/card.png'}", name: "og:image" }/
+    %meta{content: "#{data.site.punchline}", name: "og:description" }/
 
   = javascript_include_tag "jquery-2.2.4.min"
   = javascript_include_tag "jquery.easing.min"
   = javascript_include_tag "jquery.toc.min"
   = javascript_include_tag :bootstrap
   = javascript_include_tag :all
+
   = matomo
 
   %body#page-top
@@ -38,5 +49,7 @@
         = partial "navigation"
       / /.container-fluid
   = yield
+
+  = url_for "img/card.png"
   = partial "footer"