litruv/Docs-Viewer
1
0
Fork 0
mirror of https://github.com/litruv/Docs-Viewer.git synced 2026-07-24 02:36:07 +10:00
Code Issues Packages Projects Releases Wiki Activity

more testing

Browse Source
This commit is contained in:
Litruv
2025-01-30 09:16:52 +11:00
parent 7173825b58
commit 1839adc252
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@@ -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');

14
index.js
View File

@@ -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);