diff --git a/assets/FiraMono-Regular.ttf b/assets/FiraMono-Regular.ttf
new file mode 100644
index 0000000..59e1e1a
Binary files /dev/null and b/assets/FiraMono-Regular.ttf differ
diff --git a/assets/og_base.png b/assets/og_base.png
new file mode 100644
index 0000000..d535d82
Binary files /dev/null and b/assets/og_base.png differ
diff --git a/layouts/partials/opengraph.html b/layouts/partials/opengraph.html
index 3d2e916..f3263cf 100644
--- a/layouts/partials/opengraph.html
+++ b/layouts/partials/opengraph.html
@@ -1,98 +1,49 @@
-{{- $summary := truncate 160 .Summary }}
-{{- $s := .Site.Params }}
-{{- $p := .Params }}
-
-{{- $relpath := "" -}}
-{{- if or $s.usePageBundles $p.usePageBundles }}
-  {{- $relpath = .Page.RelPermalink -}}
-{{- end }}
-
-{{ if eq $p.usePageBundles false }}
-  {{- $relpath = "" }}
-{{ end }}
-
-{{- with $p.description }}
-  {{- $summary = truncate 160 . }}
-{{- end }}
-{{- if .IsHome }}
-  {{- $summary = $s.description }}
-  {{- with $p.description }}
-    {{- $summary = . }}
-  {{- end }}
-{{- end }}
-{{- $site := .Site.Title }}
-{{- $title := .Title }}
-{{- $permalink := .Permalink }}
-{{- $logo := absURL $s.logo }}
-{{- $author := $s.author }}
-{{- with $p.author }}
-  {{ $author := . }}
-{{- end }}
-{{- $image := absURL $s.fallBackOgImage }}
-{{- with $p.featureImage }}
-  {{- $fullpath := ( add $relpath . ) -}}
-  {{- $image = absURL $fullpath  }}
-{{- end }}
-{{- with $p.thumbnail }}
-  {{- $fullpath := ( add $relpath . ) -}}
-  {{- $image = absURL $fullpath  }}
-{{- end }}
-{{- with $p.shareImage }}
-  {{- $fullpath := ( add $relpath . ) -}}
-  {{- $image = absURL $fullpath  }}
-{{- end }}
+<meta property="og:title" content="{{ .Title }}" />
+<meta property="og:description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}" />
+<meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}" />
+<meta property="og:url" content="{{ .Permalink }}" />
 <meta property="og:locale" content="{{ .Lang }}" />
 {{- if .IsHome }}
 <meta property="og:type" content="website">
+<meta property="og:image" content="{{ .Site.Params.fallBackOgImage | absURL }}" />
 {{- else }}
 <meta property="og:type" content="article">
 {{- end }}
-<meta name="description" content="{{ $summary }}" />
-<meta property="og:url" content="{{ $permalink }}" />
-<meta property="og:title" content="{{ $title }}" />
-<meta property="og:description" content="{{ $summary }}" />
-<meta property="og:image" content="{{ $image }}" />
-{{- $keywords := "" }}
-{{- with $s.keywords }}
-  {{- $keywords = delimit $s.keywords "," }}
-{{- end }}
-{{- with $p.keywords }}
-  {{- $keywords = delimit . "," }}
-{{- end }}
-{{- with $keywords }}
-  <meta name="keywords" content="{{ $keywords }}" />
-{{- end }}
-{{- if eq .Section $s.blogDir -}}
-  {{- $date := ( .Date.Format "2006-02-01") -}}
-  {{- $date := (time .Date) }}
-  {{- $lastMod := (time .Lastmod) }}
-  <script type="application/ld+json">
-    {
-      "@context": "http://schema.org",
-      "@type": "BlogPosting",
-      "mainEntityOfPage":"{{ $permalink }}",
-      "name": "{{ $site }}",
-      "headline": {{ $title }},
-      "description": {{ $summary }},
-      "url": "{{ $permalink }}",
-      "datePublished": {{ $date  }},
-      "dateModified": {{ $lastMod }},
-      "author": {
-        "@type": "Person",
-        "name": "{{ $author }}"
-      },
-      "image":{
-        "@type":"ImageObject",
-        "url": "{{ $image }}"
-      },
-      "publisher": {
-        "@type": "Organization",
-        "logo": {
-          "@type":"ImageObject",
-          "url": "{{ $logo }}"
-        },
-        "name": "{{ $site }}"
-      }
-    }
-  </script>
-{{- end }}
+
+{{- if .IsPage }}
+{{- $iso8601 := "2006-01-02T15:04:05-07:00" -}}
+<meta property="article:section" content="{{ .Section }}" />
+{{ with .PublishDate }}<meta property="article:published_time" {{ .Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />{{ end }}
+{{ with .Lastmod }}<meta property="article:modified_time" {{ .Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />{{ end }}
+{{- end -}}
+
+{{- with .Params.audio }}<meta property="og:audio" content="{{ . }}" />{{ end }}
+{{- with .Params.locale }}<meta property="og:locale" content="{{ . }}" />{{ end }}
+{{- with .Site.Params.title }}<meta property="og:site_name" content="{{ . }}" />{{ end }}
+{{- with .Params.videos }}{{- range . }}
+<meta property="og:video" content="{{ . | absURL }}" />
+{{ end }}{{ end }}
+
+{{- if .IsPage -}}
+{{/* Generate opengraph image, based on https://aarol.dev/posts/hugo-og-image/ */}}
+{{ $base := resources.Get "og_base.png" }}
+{{ $font := resources.Get "/FiraMono-Regular.ttf"}}
+{{ $img := $base.Filter (images.Text .Page.Title (dict
+  "color" "#d8d8d8"
+  "size" 64
+  "linespacing" 2
+  "x" 40
+  "y" 240
+  "font" $font
+))}}
+{{ $img = resources.Copy (path.Join .Page.RelPermalink "og.png") $img }}
+<meta property="og:image" content="{{$img.Permalink}}">
+<meta property="og:image:width" content="{{$img.Width}}" />
+<meta property="og:image:height" content="{{$img.Height}}" />
+
+<!-- Twitter metadata (used by other websites as well) -->
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:title" content="{{ .Title }}" />
+<meta name="twitter:description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end -}}"/>
+<meta name="twitter:image" content="{{$img.Permalink}}" />
+{{- end -}}