Add Open Graph Metadata for Link Previews (#403)

Author: kirkbrauer

docs/source/_static/img/avatar.png

@@ -0,0 +1,4 @@
+<meta property="og:title" content="Jumpstarter Docs" />
+<meta property="og:description"
+    content="Jumpstarter is an open source and cloud native Hardware-in-the-Loop testing tool that enables you to test your software stack on both real hardware and virtual environments using CI/CD principles." />
+<meta property="og:image" content="{{ deploy_url }}/_static/img/avatar.png" />

docs/source/_templates/head.html

@@ -1,4 +1,7 @@
 {% extends "!page.html" %}
+{% block extrahead %}
+{% include "head.html" %}
+{% endblock %}
 
 {% block content %}
 <div class="admonition warning">

docs/source/_templates/page.html

@@ -44,7 +44,7 @@
 # https://www.sphinx-doc.org/en/master/usage/configuration.html#options-for-html-output
 
 html_theme = "furo"
-html_title = "Jumpstarter"
+html_title = "Jumpstarter Docs"
 html_logo = "_static/img/logo-light-theme.svg"
 html_favicon = "_static/img/favicon.png"
 html_show_sphinx = False
@@ -95,4 +95,5 @@
 # Patterns for the versions panel
 html_context = {
     "display_lower": True,  # Display lower versions at the bottom of the menu
+    "deploy_url": os.getenv("DEPLOY_URL", "http://localhost:8000"),  # Get Netlify URL from environment variable
 }