From c28a51bf13a5d009001727145a6118e1fda78234 Mon Sep 17 00:00:00 2001
From: Matthias Portzel <MatthiasPortzel@gmail.com>
Date: Thu, 19 May 2022 13:44:02 -0700
Subject: [PATCH] Add basic opengraph support

---
 thoughts/templates/thoughts/about.html |  9 ++++++++
 thoughts/templates/thoughts/index.html | 31 ++++++++++++++++++++------
 thoughts/templates/thoughts/page.html  |  2 ++
 3 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/thoughts/templates/thoughts/about.html b/thoughts/templates/thoughts/about.html
index 94dab04..1f7a3e6 100644
--- a/thoughts/templates/thoughts/about.html
+++ b/thoughts/templates/thoughts/about.html
@@ -9,6 +9,15 @@
 {% endif %}
 {% endblock %}
 
+{% block head %}
+<meta name="twitter:card" content="summary">
+<meta content="About" property="og:title">
+<meta content="About" name="twitter:title">
+
+<meta content="This is a website that I created to document my thoughts..." property="og:description">
+<meta content="This is a website that I created to document my thoughts..." name="twitter:description">
+{% endblock %}
+
 {% block main %}
     <h1>Welcome!</h1>
 
diff --git a/thoughts/templates/thoughts/index.html b/thoughts/templates/thoughts/index.html
index 48bc9c7..5eb2dcb 100644
--- a/thoughts/templates/thoughts/index.html
+++ b/thoughts/templates/thoughts/index.html
@@ -11,14 +11,31 @@
 {% endblock %}
 
 {% block head %}
-<link rel="alternate" href="/feed" type="application/rss+xml" title="RSS">
-{% if not first_page %}
-    <link rel="canonical" href="/?page={{ current_page_slug }}">
-{% else %}
-    <link rel="canonical" href="/">
-{% endif %}
+    <link rel="alternate" href="/feed" type="application/rss+xml" title="RSS">
+    {% if not first_page %}
+        <link rel="canonical" href="/?page={{ current_page_slug }}">
+    {% else %}
+        <link rel="canonical" href="/">
+    {% endif %}
 
-<link href="{% static 'thoughts/codehighlight.css' %}" rel="stylesheet">
+    <link href="{% static 'thoughts/codehighlight.css' %}" rel="stylesheet">
+
+    <!-- Open Graph + Twitter card -->
+    <meta name="twitter:card" content="summary">
+    <meta content="Thoughts" property="og:title">
+    <meta content="Thoughts" name="twitter:title">
+
+    {% for thought in thoughts %}
+        {% if thought.uuid == highlighted %}
+            <meta content="{{ thought.text }}" property="og:description">
+            <meta content="{{ thought.text }}" name="twitter:description">
+
+            {% if thought.get_media_type == "png" or thought.get_media_type == "jpeg" %}
+                <meta content="{{ thought.media.url }}" property="og:image">
+                <meta content="{{ thought.media.url }}" name="twitter:image">
+            {% endif %}
+        {% endif %}
+    {% endfor %}
 {% endblock %}
 
 {% block main %}
diff --git a/thoughts/templates/thoughts/page.html b/thoughts/templates/thoughts/page.html
index bc3abc7..ba1e3af 100644
--- a/thoughts/templates/thoughts/page.html
+++ b/thoughts/templates/thoughts/page.html
@@ -7,6 +7,8 @@
 
     {% load static %}
     <link href="{% static 'thoughts/main.css' %}" rel="stylesheet">
+
+    <meta content="thoughts.learnerpages.com" property="og:site_name">
     {% block head %}{% endblock %}
 
     <link rel="icon" sizes="192x192" href="{% static 'images/favicon-192x192.png'%}">