feat: add opengraph meta info to ui

starpit · starpit · commit fe194bf7b4e9 · 2025-02-25T17:32:38.000-05:00
Signed-off-by: Nick Mitchell &lt;nickm@us.ibm.com&gt;
diff --git a/pdl-live-react/index.html b/pdl-live-react/index.html
@@ -2,6 +2,18 @@
 <html lang="en" class="<%- htmlClassName %>">
   <head>
     <meta charset="UTF-8" />
+
+    <!-- OpenGraph Metadata, this is the information Slack and Twitter, etc. unfurl when you link to a site -->
+    <meta content="Prompt Description Language" property="og:title">
+    <meta content="PDL is a declarative language designed for developers to create reliable, composable LLM prompts and integrate them into software systems. It provides a structured way to specify prompt templates, enforce validation, and compose LLM calls with traditional rule-based systems." property="og:description">
+    <meta property="og:image" content="https://ibm.github.io/prompt-declaration-language/assets/ai-governance--prompt.svg" />
+    <meta name="twitter:label1" content="Home Page" />
+    <meta name="twitter:data1" content="https://ibm.github.io/prompt-declaration-language/" />
+    <meta name="twitter:label2" content="GitHub" />
+    <meta name="twitter:data2" content="https://github.com/IBM/prompt-declaration-language" />
+    <!-- twitter-specific? -->
+    <meta name="twitter:card" content="summary_large_image" />
+
     <link rel="icon" type="image/svg+xml" href="/ai-governance--prompt.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>PDL Viewer</title>
