From 1839adc25254d6c3a631c4496227dc3d2db199b5 Mon Sep 17 00:00:00 2001
From: Max Litruv Boonzaayer <litruv@gmail.com>
Date: Thu, 30 Jan 2025 09:16:52 +1100
Subject: [PATCH] more testing

---
 index.html | 11 +----------
 index.js   | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/index.html b/index.html
index 944a6e5..b6dc57b 100644
--- a/index.html
+++ b/index.html
@@ -15,14 +15,6 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism-tomorrow.min.css">
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
-
-    <script> 
-        var link = document.createElement('meta');
-        link.setAttribute('property', 'twitter:title');
-        link.content = "Litruv Documentation Test OG Tags";
-        document.getElementsByTagName('head')[0].appendChild(link);
-    </script>
-
 </head>
 <body>
     <div class="container">
@@ -62,7 +54,7 @@
                     </a>
                 </div>
                 <div class="github-link">
-                    <a href="https://github.com/litruv/Docs-Viewer" target="_blank" title="Docs Viewer GitHub">
+                    <a href="https://github.com/litruv/docs" target="_blank" title="Docs Viewer GitHub">
                         <i class="fab fa-github"></i> Docs Viewer
                     </a>
                 </div>
@@ -77,7 +69,6 @@
     </div>
     <script src="https://cdn.jsdelivr.net/npm/marked@4.3.0/marked.min.js"></script>
     <script>
-        // Fallback in case CDN fails
         window.addEventListener('error', function(e) {
             if (e.target.src && e.target.src.includes('marked.min.js')) {
                 const script = document.createElement('script');
diff --git a/index.js b/index.js
index 390a1f6..6bc11c9 100644
--- a/index.js
+++ b/index.js
@@ -280,6 +280,20 @@ async function loadDocument(path) {
         document.title = `Litruv / ${titleContent}`;
         document.querySelector('.title-text .page-title').textContent = titleContent;
 
+        // Update Twitter meta tags dynamically
+        document.querySelector('meta[name="twitter:title"]').setAttribute('content', titleContent);
+        document.querySelector('meta[name="twitter:description"]').setAttribute('content', metadata.description || `Documentation for ${titleContent}`);
+        if (metadata.image) {
+            const imageUrl = `${window.location.origin}${window.location.pathname}${basePath}/images/${metadata.image}`;
+            let twitterImageMeta = document.querySelector('meta[name="twitter:image"]');
+            if (!twitterImageMeta) {
+                twitterImageMeta = document.createElement('meta');
+                twitterImageMeta.setAttribute('name', 'twitter:image');
+                document.head.appendChild(twitterImageMeta);
+            }
+            twitterImageMeta.setAttribute('content', imageUrl);
+        }
+
         documentContent.className = 'markdown-content';
         documentContent.innerHTML = marked.parse(finalContent);
 
