songs2slides

commit 2865cd9dc7cfa8b2d5023c48e2436df57ff8789d
parent 8bc283b1406480998b9f3c3563beb373d2b2d9e3
Author: Asher Morgan <59518073+ashermorgan@users.noreply.github.com>
Date:   Fri, 12 Apr 2024 20:14:34 -0700

Add Open Graph metadata

Diffstat:
A
songs2slides/static/open-graph.png
 | 
0

M
songs2slides/templates/base.html
 | 
16
++++++++++++----

2 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/songs2slides/static/open-graph.png b/songs2slides/static/open-graph.png
Binary files differ.
diff --git a/songs2slides/templates/base.html b/songs2slides/templates/base.html
@@ -4,10 +4,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
         <title>{% if title %}{{ title }} - {% endif %}SongsSlides</title>
-        <meta name="description" content="An easy-to-use tool that automatically finds song lyrics and creates lyric slideshows">
-        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='icon-32.png') }}">
-        <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='icon-32.png') }}">
-        <link rel="apple-touch-icon" href="{{ url_for('static', filename='icon-180.png') }}">
+        <meta name="description" content="An easy-to-use tool that automatically finds song lyrics and creates lyric slideshows"/>
+
+        <meta property="og:title" content="Songs2Slides"/>
+        <meta property="og:description" content="An easy-to-use tool that automatically finds song lyrics and creates lyric slideshows"/>
+        <meta property="og:type" content="website"/>
+        <meta property="og:url" content="{{ url_for('.home', _external=True) }}"/>
+        <meta property="og:image" content="{{ url_for('static', filename='open-graph.png', _external=True) }}"/>
+
+        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='icon-32.png') }}"/>
+        <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='icon-32.png') }}"/>
+        <link rel="apple-touch-icon" href="{{ url_for('static', filename='icon-180.png') }}"/>
+
         <link rel="stylesheet" href="{{ url_for('static', filename='global.css') }}"/>
 
         {% block head %}{% endblock %}