From df573d1c935f17c33a2095ea9b9e66adaa8fda3d Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Sun, 7 Nov 2021 10:38:11 +0000
Subject: [PATCH] Add opengraph metadata to individual html posts

---
 blog.py                   |  7 +--
 fitnessFunctions.py       |  2 +-
 webapp_accesskeys.py      |  3 +-
 webapp_calendar.py        |  7 +--
 webapp_column_left.py     |  5 +-
 webapp_column_right.py    | 10 ++--
 webapp_confirm.py         | 11 +++--
 webapp_create_post.py     |  2 +-
 webapp_frontscreen.py     |  2 +-
 webapp_hashtagswarm.py    |  2 +-
 webapp_moderation.py      |  4 +-
 webapp_person_options.py  |  2 +-
 webapp_post.py            | 96 +++++++++++++++++++++++++++++++++++++--
 webapp_profile.py         |  5 +-
 webapp_search.py          | 15 +++---
 webapp_suspended.py       |  3 +-
 webapp_timeline.py        |  2 +-
 webapp_tos.py             |  2 +-
 webapp_utils.py           | 28 +++++++-----
 webapp_welcome.py         |  2 +-
 webapp_welcome_final.py   |  2 +-
 webapp_welcome_profile.py |  2 +-
 22 files changed, 159 insertions(+), 55 deletions(-)

diff --git a/blog.py b/blog.py
index d273f1c4c..0666e8677 100644
--- a/blog.py
+++ b/blog.py
@@ -487,7 +487,7 @@ def htmlBlogPage(authorized: bool, session,
         cssFilename = baseDir + '/epicyon.css'
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    blogStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    blogStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     _htmlBlogRemoveCwButton(blogStr, translate)
 
     blogsIndex = acctDir(baseDir, nickname, domain) + '/tlblogs.index'
@@ -707,7 +707,7 @@ def htmlBlogView(authorized: bool,
         cssFilename = baseDir + '/epicyon.css'
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    blogStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    blogStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     if _noOfBlogAccounts(baseDir) <= 1:
         nickname = _singleBlogAccountNickname(baseDir)
@@ -810,7 +810,8 @@ def htmlEditBlog(mediaInstance: bool, translate: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    editBlogForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    editBlogForm = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     editBlogForm += \
         '<form enctype="multipart/form-data" method="POST" ' + \
diff --git a/fitnessFunctions.py b/fitnessFunctions.py
index 05ea0bf18..145112b3d 100644
--- a/fitnessFunctions.py
+++ b/fitnessFunctions.py
@@ -76,7 +76,7 @@ def htmlWatchPointsGraph(baseDir: str, fitness: {}, fitnessId: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     htmlStr += \
         '<table class="graph">\n' + \
         '<caption>Watchpoints for ' + fitnessId + '</caption>\n' + \
diff --git a/webapp_accesskeys.py b/webapp_accesskeys.py
index ebf26dae8..d118bd70a 100644
--- a/webapp_accesskeys.py
+++ b/webapp_accesskeys.py
@@ -60,7 +60,8 @@ def htmlAccessKeys(cssCache: {}, baseDir: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    accessKeysForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    accessKeysForm = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     accessKeysForm += '<div class="container">\n'
 
     accessKeysForm += \
diff --git a/webapp_calendar.py b/webapp_calendar.py
index 2fc19edfa..7e7fe2a1e 100644
--- a/webapp_calendar.py
+++ b/webapp_calendar.py
@@ -58,7 +58,8 @@ def htmlCalendarDeleteConfirm(cssCache: {}, translate: {}, baseDir: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    deletePostStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    deletePostStr = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     deletePostStr += \
         '<center><h1>' + postTime + ' ' + str(year) + '/' + \
         str(monthNumber) + \
@@ -120,7 +121,7 @@ def _htmlCalendarDay(personCache: {}, cssCache: {}, translate: {},
         calActor = '/users/' + actor.split('/users/')[1]
 
     instanceTitle = getConfigParam(baseDir, 'instanceTitle')
-    calendarStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    calendarStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     calendarStr += '<main><table class="calendar">\n'
     calendarStr += '<caption class="calendar__banner--month">\n'
     calendarStr += \
@@ -340,7 +341,7 @@ def htmlCalendar(personCache: {}, cssCache: {}, translate: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    headerStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    headerStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     # the main graphical calendar as a table
     calendarStr = '<main><table class="calendar">\n'
diff --git a/webapp_column_left.py b/webapp_column_left.py
index 7ffdd4636..44382a1d8 100644
--- a/webapp_column_left.py
+++ b/webapp_column_left.py
@@ -364,7 +364,7 @@ def htmlLinksMobile(cssCache: {}, baseDir: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     bannerFile, bannerFilename = \
         getBannerFile(baseDir, nickname, domain, theme)
     htmlStr += \
@@ -430,7 +430,8 @@ def htmlEditLinks(cssCache: {}, translate: {}, baseDir: str, path: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    editLinksForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    editLinksForm = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     # top banner
     editLinksForm += \
diff --git a/webapp_column_right.py b/webapp_column_right.py
index fe0b03cac..93febdfb5 100644
--- a/webapp_column_right.py
+++ b/webapp_column_right.py
@@ -361,7 +361,7 @@ def htmlCitations(baseDir: str, nickname: str, domain: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     # top banner
     bannerFile, bannerFilename = \
@@ -476,7 +476,7 @@ def htmlNewswireMobile(cssCache: {}, baseDir: str, nickname: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     bannerFile, bannerFilename = \
         getBannerFile(baseDir, nickname, domain, theme)
@@ -545,7 +545,8 @@ def htmlEditNewswire(cssCache: {}, translate: {}, baseDir: str, path: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    editNewswireForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    editNewswireForm = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     # top banner
     editNewswireForm += \
@@ -667,7 +668,8 @@ def htmlEditNewsPost(cssCache: {}, translate: {}, baseDir: str, path: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    editNewsPostForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    editNewsPostForm = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     editNewsPostForm += \
         '<form enctype="multipart/form-data" method="POST" ' + \
         'accept-charset="UTF-8" action="' + path + '/newseditdata">\n'
diff --git a/webapp_confirm.py b/webapp_confirm.py
index 0d56fa1ac..b5972d082 100644
--- a/webapp_confirm.py
+++ b/webapp_confirm.py
@@ -62,7 +62,8 @@ def htmlConfirmDelete(cssCache: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    deletePostStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    deletePostStr = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     deletePostStr += \
         individualPostAsHtml(signingPrivateKeyPem,
                              True, recentPostsCache, maxRecentPosts,
@@ -137,7 +138,7 @@ def htmlConfirmRemoveSharedItem(cssCache: {}, translate: {}, baseDir: str,
         cssFilename = baseDir + '/follow.css'
 
     instanceTitle = getConfigParam(baseDir, 'instanceTitle')
-    sharesStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    sharesStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     sharesStr += '<div class="follow">\n'
     sharesStr += '  <div class="followAvatar">\n'
     sharesStr += '  <center>\n'
@@ -190,7 +191,7 @@ def htmlConfirmFollow(cssCache: {}, translate: {}, baseDir: str,
         cssFilename = baseDir + '/follow.css'
 
     instanceTitle = getConfigParam(baseDir, 'instanceTitle')
-    followStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    followStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     followStr += '<div class="follow">\n'
     followStr += '  <div class="followAvatar">\n'
     followStr += '  <center>\n'
@@ -235,7 +236,7 @@ def htmlConfirmUnfollow(cssCache: {}, translate: {}, baseDir: str,
         cssFilename = baseDir + '/follow.css'
 
     instanceTitle = getConfigParam(baseDir, 'instanceTitle')
-    followStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    followStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     followStr += '<div class="follow">\n'
     followStr += '  <div class="followAvatar">\n'
     followStr += '  <center>\n'
@@ -278,7 +279,7 @@ def htmlConfirmUnblock(cssCache: {}, translate: {}, baseDir: str,
         cssFilename = baseDir + '/follow.css'
 
     instanceTitle = getConfigParam(baseDir, 'instanceTitle')
-    blockStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    blockStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     blockStr += '<div class="block">\n'
     blockStr += '  <div class="blockAvatar">\n'
     blockStr += '  <center>\n'
diff --git a/webapp_create_post.py b/webapp_create_post.py
index 064b4e8f4..34205d83d 100644
--- a/webapp_create_post.py
+++ b/webapp_create_post.py
@@ -597,7 +597,7 @@ def htmlNewPost(cssCache: {}, mediaInstance: bool, translate: {},
         dateAndLocation += '</div>\n'
 
     instanceTitle = getConfigParam(baseDir, 'instanceTitle')
-    newPostForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    newPostForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     newPostForm += \
         '<header>\n' + \
diff --git a/webapp_frontscreen.py b/webapp_frontscreen.py
index 25104840a..508e39bde 100644
--- a/webapp_frontscreen.py
+++ b/webapp_frontscreen.py
@@ -207,6 +207,6 @@ def htmlFrontScreen(signingPrivateKeyPem: str,
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
     profileStr = \
-        htmlHeaderWithExternalStyle(cssFilename, instanceTitle) + \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None) + \
         profileStr + profileFooterStr + htmlFooter()
     return profileStr
diff --git a/webapp_hashtagswarm.py b/webapp_hashtagswarm.py
index 6f4df63ed..19967bab9 100644
--- a/webapp_hashtagswarm.py
+++ b/webapp_hashtagswarm.py
@@ -209,7 +209,7 @@ def htmlSearchHashtagCategory(cssCache: {}, translate: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     # show a banner above the search box
     searchBannerFile, searchBannerFilename = \
diff --git a/webapp_moderation.py b/webapp_moderation.py
index 5b421fbbd..39b62e0d5 100644
--- a/webapp_moderation.py
+++ b/webapp_moderation.py
@@ -95,7 +95,7 @@ def htmlAccountInfo(cssCache: {}, translate: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    infoForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    infoForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     searchNickname = getNicknameFromActor(searchHandle)
     searchDomain, searchPort = getDomainFromActor(searchHandle)
@@ -282,7 +282,7 @@ def htmlModerationInfo(cssCache: {}, translate: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    infoForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    infoForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     infoForm += \
         '<center><h1><a href="/users/' + nickname + '/moderation">' + \
diff --git a/webapp_person_options.py b/webapp_person_options.py
index 1ff3bcfc4..0cc572040 100644
--- a/webapp_person_options.py
+++ b/webapp_person_options.py
@@ -129,7 +129,7 @@ def htmlPersonOptions(defaultTimeline: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    optionsStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    optionsStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     optionsStr += htmlKeyboardNavigation(textModeBanner, {}, {})
     optionsStr += '<br><br>\n'
     optionsStr += '<div class="options">\n'
diff --git a/webapp_post.py b/webapp_post.py
index 60a67fe18..2a9323b96 100644
--- a/webapp_post.py
+++ b/webapp_post.py
@@ -22,6 +22,7 @@ from posts import postIsMuted
 from posts import getPersonBox
 from posts import downloadAnnounce
 from posts import populateRepliesJson
+from utils import removeHtml
 from utils import getActorLanguagesList
 from utils import getBaseContentFromPost
 from utils import getContentFromPost
@@ -80,6 +81,88 @@ from blocking import isBlocked
 from blocking import addCWfromLists
 
 
+def _htmlPostMetadataOpenGraph(domain: str, postJsonObject: {}) -> str:
+    """Returns html OpenGraph metadata for a post
+    """
+    metadata = \
+        "<meta content=\"" + domain + "\" property=\"og:site_name\" />\n"
+    metadata += \
+        "<meta content=\"article\" property=\"og:type\" />\n"
+    objJson = postJsonObject
+    if hasObjectDict(postJsonObject):
+        objJson = postJsonObject['object']
+    if objJson.get('attributedTo'):
+        if isinstance(objJson['attributedTo'], str):
+            attrib = objJson['attributedTo']
+            actorNick = getNicknameFromActor(attrib)
+            actorDomain, _ = getDomainFromActor(attrib)
+            actorHandle = actorNick + '@' + actorDomain
+            metadata += \
+                "<meta content=\"@" + actorHandle + \
+                "\" property=\"og:title\" />\n"
+    if objJson.get('url'):
+        metadata += \
+            "<meta content=\"" + objJson['url'] + \
+            "\" property=\"og:url\" />\n"
+    if objJson.get('published'):
+        metadata += \
+            "<meta content=\"" + objJson['published'] + \
+            "\" property=\"og:published_time\" />\n"
+    if not objJson.get('attachment'):
+        if objJson.get('content'):
+            description = '\n\n' + removeHtml(objJson['content'])
+            metadata += \
+                "<meta content='" + description + "' name='description'>\n"
+            metadata += \
+                "<meta content='" + description + "' name='og:description'>\n"
+        return metadata
+
+    # metadata for attachment    
+    for attachJson in objJson['attachment']:
+        if not isinstance(attachJson, dict):
+            continue
+        if not attachJson.get('mediaType'):
+            continue
+        description = None
+        if attachJson['mediaType'].startswith('image/'):
+            description = 'Attached: 1 image'
+        elif attachJson['mediaType'].startswith('video/'):
+            description = 'Attached: 1 video'
+        elif attachJson['mediaType'].startswith('audio/'):
+            description = 'Attached: 1 audio'
+        if description and \
+           attachJson.get('name') and \
+           attachJson.get('url'):
+            if objJson.get('content'):
+                description += '\n\n' + removeHtml(objJson['content'])
+            metadata += \
+                "<meta content='" + description + "' name='description'>\n"
+            metadata += \
+                "<meta content='" + description + "' name='og:description'>\n"
+            metadata += \
+                "<meta content=\"" + attachJson['url'] + \
+                "\" property=\"og:image\" />\n"
+            metadata += \
+                "<meta content=\"" + attachJson['mediaType'] + \
+                "\" property=\"og:image:type\" />\n"
+            if attachJson.get('width'):
+                metadata += \
+                    "<meta content=\"" + attachJson['width'] + \
+                    "\" property=\"og:image:width\" />\n"
+            if attachJson.get('height'):
+                metadata += \
+                    "<meta content=\"" + attachJson['height'] + \
+                    "\" property=\"og:image:height\" />\n"
+            metadata += \
+                "<meta content=\"" + attachJson['name'] + \
+                "\" property=\"og:image:alt\" />\n"
+            if attachJson['mediaType'].startswith('image/'):
+                metadata += \
+                    "<meta content=\"summary_large_image\" " + \
+                    "property=\"twitter:card\" />\n"
+    return metadata
+
+
 def _logPostTiming(enableTimingLog: bool, postStartTime, debugId: str) -> None:
     """Create a log of timings for performance tuning
     """
@@ -1961,8 +2044,10 @@ def htmlIndividualPost(cssCache: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    return htmlHeaderWithExternalStyle(cssFilename, instanceTitle) + \
-        postStr + htmlFooter()
+    metadataStr = _htmlPostMetadataOpenGraph(domain, postJsonObject)
+    headerStr = htmlHeaderWithExternalStyle(cssFilename,
+                                            instanceTitle, metadataStr)
+    return headerStr + postStr + htmlFooter()
 
 
 def htmlPostReplies(cssCache: {},
@@ -2011,5 +2096,8 @@ def htmlPostReplies(cssCache: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    return htmlHeaderWithExternalStyle(cssFilename, instanceTitle) + \
-        repliesStr + htmlFooter()
+    # TODO
+    metadata = ''
+    headerStr = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, metadata)
+    return headerStr + repliesStr + htmlFooter()
diff --git a/webapp_profile.py b/webapp_profile.py
index ae478e199..9d01178e0 100644
--- a/webapp_profile.py
+++ b/webapp_profile.py
@@ -336,7 +336,7 @@ def htmlProfileAfterSearch(cssCache: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    return htmlHeaderWithExternalStyle(cssFilename, instanceTitle) + \
+    return htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None) + \
         profileStr + htmlFooter()
 
 
@@ -2131,7 +2131,8 @@ def htmlEditProfile(cssCache: {}, translate: {}, baseDir: str, path: str,
             systemMonitorStr = _htmlSystemMonitor(nickname, translate)
 
     instanceTitle = getConfigParam(baseDir, 'instanceTitle')
-    editProfileForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    editProfileForm = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     # keyboard navigation
     userPathStr = '/users/' + nickname
diff --git a/webapp_search.py b/webapp_search.py
index f78f45a4a..6873d345a 100644
--- a/webapp_search.py
+++ b/webapp_search.py
@@ -64,7 +64,7 @@ def htmlSearchEmoji(cssCache: {}, translate: {},
     # create header
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    emojiForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    emojiForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     emojiForm += '<center><h1>' + \
         translate['Emoji Search'] + \
         '</h1></center>'
@@ -241,7 +241,7 @@ def htmlSearchSharedItems(cssCache: {}, translate: {},
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
     sharedItemsForm = \
-        htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     if sharesFileType == 'shares':
         titleStr = translate['Shared Items Search']
     else:
@@ -347,7 +347,7 @@ def htmlSearchEmojiTextEntry(cssCache: {}, translate: {},
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    emojiStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    emojiStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     emojiStr += '<div class="follow">\n'
     emojiStr += '  <div class="followAvatar">\n'
     emojiStr += '  <center>\n'
@@ -386,7 +386,7 @@ def htmlSearch(cssCache: {}, translate: {},
         cssFilename = baseDir + '/search.css'
 
     instanceTitle = getConfigParam(baseDir, 'instanceTitle')
-    followStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    followStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     # show a banner above the search box
     searchBannerFile, searchBannerFilename = \
@@ -550,7 +550,8 @@ def htmlSkillsSearch(actor: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    skillSearchForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    skillSearchForm = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     skillSearchForm += \
         '<center><h1><a href = "' + actor + '/search">' + \
         translate['Skills search'] + ': ' + \
@@ -627,7 +628,7 @@ def htmlHistorySearch(cssCache: {}, translate: {}, baseDir: str,
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
     historySearchForm = \
-        htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     # add the page title
     domainFull = getFullDomain(domain, port)
@@ -769,7 +770,7 @@ def htmlHashtagSearch(cssCache: {},
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
     hashtagSearchForm = \
-        htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     if nickname:
         hashtagSearchForm += '<center>\n' + \
             '<h1><a href="/users/' + nickname + '/search">#' + \
diff --git a/webapp_suspended.py b/webapp_suspended.py
index bcb69d277..7f90f4ffa 100644
--- a/webapp_suspended.py
+++ b/webapp_suspended.py
@@ -23,7 +23,8 @@ def htmlSuspended(cssCache: {}, baseDir: str) -> str:
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    suspendedForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    suspendedForm = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     suspendedForm += \
         '<div><center>\n' + \
         '  <p class="screentitle">Account Suspended</p>\n' + \
diff --git a/webapp_timeline.py b/webapp_timeline.py
index 52559d024..842fffca4 100644
--- a/webapp_timeline.py
+++ b/webapp_timeline.py
@@ -677,7 +677,7 @@ def htmlTimeline(cssCache: {}, defaultTimeline: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    tlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    tlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     _logTimelineTiming(enableTimingLog, timelineStartTime, boxName, '4')
 
diff --git a/webapp_tos.py b/webapp_tos.py
index e96575e9b..62f71f8bc 100644
--- a/webapp_tos.py
+++ b/webapp_tos.py
@@ -42,7 +42,7 @@ def htmlTermsOfService(cssCache: {}, baseDir: str,
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    TOSForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    TOSForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     TOSForm += '<div class="container">' + TOSText + '</div>\n'
     if adminNickname:
         adminActor = localActorUrl(httpPrefix, adminNickname, domainFull)
diff --git a/webapp_utils.py b/webapp_utils.py
index 1865ff6d9..1edea5927 100644
--- a/webapp_utils.py
+++ b/webapp_utils.py
@@ -55,8 +55,8 @@ def htmlFollowingList(cssCache: {}, baseDir: str,
 
             instanceTitle = \
                 getConfigParam(baseDir, 'instanceTitle')
-            followingListHtml = htmlHeaderWithExternalStyle(cssFilename,
-                                                            instanceTitle)
+            followingListHtml = \
+                htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
             for followingAddress in followingList:
                 if followingAddress:
                     followingListHtml += \
@@ -77,8 +77,8 @@ def htmlHashtagBlocked(cssCache: {}, baseDir: str, translate: {}) -> str:
 
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
-    blockedHashtagForm = htmlHeaderWithExternalStyle(cssFilename,
-                                                     instanceTitle)
+    blockedHashtagForm = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     blockedHashtagForm += '<div><center>\n'
     blockedHashtagForm += \
         '  <p class="screentitle">' + \
@@ -524,7 +524,9 @@ def getRightImageFile(baseDir: str,
 
 
 def htmlHeaderWithExternalStyle(cssFilename: str, instanceTitle: str,
-                                lang='en') -> str:
+                                metadata: str, lang='en') -> str:
+    if metadata is None:
+        metadata = ''
     cssFile = '/' + cssFilename.split('/')[-1]
     htmlStr = \
         '<!DOCTYPE html>\n' + \
@@ -534,6 +536,7 @@ def htmlHeaderWithExternalStyle(cssFilename: str, instanceTitle: str,
         '    <link rel="stylesheet" href="' + cssFile + '">\n' + \
         '    <link rel="manifest" href="/manifest.json">\n' + \
         '    <meta name="theme-color" content="grey">\n' + \
+        metadata + \
         '    <title>' + instanceTitle + '</title>\n' + \
         '  </head>\n' + \
         '  <body>\n'
@@ -546,7 +549,8 @@ def htmlHeaderWithPersonMarkup(cssFilename: str, instanceTitle: str,
     """html header which includes person markup
     https://schema.org/Person
     """
-    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, lang)
+    htmlStr = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None, lang)
     if not actorJson:
         return htmlStr
 
@@ -663,8 +667,9 @@ def htmlHeaderWithWebsiteMarkup(cssFilename: str, instanceTitle: str,
     """html header which includes website markup
     https://schema.org/WebSite
     """
-    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle,
-                                          systemLanguage)
+    htmlStr = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None,
+                                    systemLanguage)
 
     licenseUrl = 'https://www.gnu.org/licenses/agpl-3.0.rdf'
 
@@ -707,8 +712,9 @@ def htmlHeaderWithBlogMarkup(cssFilename: str, instanceTitle: str,
     """html header which includes blog post markup
     https://schema.org/BlogPosting
     """
-    htmlStr = htmlHeaderWithExternalStyle(cssFilename, instanceTitle,
-                                          systemLanguage)
+    htmlStr = \
+        htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None,
+                                    systemLanguage)
 
     authorUrl = localActorUrl(httpPrefix, nickname, domain)
     aboutUrl = httpPrefix + '://' + domain + '/about.html'
@@ -1458,7 +1464,7 @@ def htmlShowShare(baseDir: str, domain: str, nickname: str,
     instanceTitle = \
         getConfigParam(baseDir, 'instanceTitle')
 
-    return htmlHeaderWithExternalStyle(cssFilename, instanceTitle) + \
+    return htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None) + \
         shareStr + htmlFooter()
 
 
diff --git a/webapp_welcome.py b/webapp_welcome.py
index 24f687094..517a22761 100644
--- a/webapp_welcome.py
+++ b/webapp_welcome.py
@@ -86,7 +86,7 @@ def htmlWelcomeScreen(baseDir: str, nickname: str,
     if os.path.isfile(baseDir + '/welcome.css'):
         cssFilename = baseDir + '/welcome.css'
 
-    welcomeForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    welcomeForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
     welcomeForm += \
         '<form enctype="multipart/form-data" method="POST" ' + \
         'accept-charset="UTF-8" ' + \
diff --git a/webapp_welcome_final.py b/webapp_welcome_final.py
index 088151840..67b91bb5e 100644
--- a/webapp_welcome_final.py
+++ b/webapp_welcome_final.py
@@ -61,7 +61,7 @@ def htmlWelcomeFinal(baseDir: str, nickname: str, domain: str,
     if os.path.isfile(baseDir + '/welcome.css'):
         cssFilename = baseDir + '/welcome.css'
 
-    finalForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    finalForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     finalForm += \
         '<div class="container">' + finalText + '</div>\n' + \
diff --git a/webapp_welcome_profile.py b/webapp_welcome_profile.py
index d708df833..be99f33b8 100644
--- a/webapp_welcome_profile.py
+++ b/webapp_welcome_profile.py
@@ -67,7 +67,7 @@ def htmlWelcomeProfile(baseDir: str, nickname: str, domain: str,
     if os.path.isfile(baseDir + '/welcome.css'):
         cssFilename = baseDir + '/welcome.css'
 
-    profileForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle)
+    profileForm = htmlHeaderWithExternalStyle(cssFilename, instanceTitle, None)
 
     # get the url of the avatar
     for ext in getImageExtensions():