mirror of
https://github.com/litruv/Docs-Viewer.git
synced 2026-07-24 02:36:07 +10:00
120 lines
5.4 KiB
HTML
120 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
|
<title>Documentation Viewer</title>
|
|
|
|
<meta name="description" content="Documentation for Litruv's tools and projects">
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:description" content="Documentation for Litruv's tools and projects">
|
|
<meta property="og:url" content="">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:description" content="Documentation for Litruv's tools and projects">
|
|
|
|
<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>
|
|
function getRandomString(length) {
|
|
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
|
let result = '';
|
|
for (let i = 0; i < length; i++) {
|
|
result += characters.charAt(Math.floor(Math.random() * characters.length));
|
|
}
|
|
return result;
|
|
}
|
|
|
|
function addRandomMetaTags() {
|
|
const ogTitle = document.createElement('meta');
|
|
ogTitle.setAttribute('property', 'og:title');
|
|
ogTitle.content = getRandomString(10);
|
|
document.head.appendChild(ogTitle);
|
|
|
|
const ogImage = document.createElement('meta');
|
|
ogImage.setAttribute('property', 'og:image');
|
|
ogImage.content = `https://example.com/${getRandomString(10)}.jpg`;
|
|
document.head.appendChild(ogImage);
|
|
|
|
const twitterTitle = document.createElement('meta');
|
|
twitterTitle.setAttribute('name', 'twitter:title');
|
|
twitterTitle.content = getRandomString(10);
|
|
document.head.appendChild(twitterTitle);
|
|
|
|
const twitterImage = document.createElement('meta');
|
|
twitterImage.setAttribute('name', 'twitter:image');
|
|
twitterImage.content = `https://example.com/${getRandomString(10)}.jpg`;
|
|
document.head.appendChild(twitterImage);
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', addRandomMetaTags);
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="title-bar">
|
|
<button class="menu-button" aria-label="Toggle Menu">
|
|
<i class="fas fa-bars"></i>
|
|
</button>
|
|
<div class="title-text">
|
|
<img src="./img/logo.png" alt="Litruv" class="brand-logo">
|
|
<span class="divider">/</span>
|
|
<span class="page-title">Documentation</span>
|
|
</div>
|
|
<span style="width: 24px;"></span>
|
|
</div>
|
|
<div class="content-container">
|
|
<nav class="sidebar left-sidebar">
|
|
<div id="file-index"></div>
|
|
<div class="subtitle">
|
|
<span class="name">Litruv</span>
|
|
<span class="role">Dev/Tech Artist @MatesMedia</span>
|
|
</div>
|
|
<div class="social-links">
|
|
<a href="https://github.com/Litruv" target="_blank" title="GitHub - Litruv">
|
|
<i class="fab fa-github"></i>
|
|
</a>
|
|
<a href="https://www.youtube.com/c/Litruv" target="_blank" title="YouTube - Litruv">
|
|
<i class="fab fa-youtube"></i>
|
|
</a>
|
|
<a href="https://steamcommunity.com/id/Litruv" target="_blank" title="Steam - Litruv">
|
|
<i class="fab fa-steam"></i>
|
|
</a>
|
|
<a href="https://discordapp.com/users/220772082055774210" target="_blank" title="Discord - @Litruv">
|
|
<i class="fab fa-discord"></i>
|
|
</a>
|
|
<a href="https://bsky.app/profile/lit.mates.dev" target="_blank" title="Bluesky - lit.mates.dev">
|
|
<i class="fa-brands fa-bluesky"></i>
|
|
</a>
|
|
</div>
|
|
<div class="github-link">
|
|
<a href="https://github.com/litruv/docs" target="_blank" title="Docs Viewer GitHub">
|
|
<i class="fab fa-github"></i> Docs Viewer
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
<main class="content">
|
|
<div id="document-content"></div>
|
|
</main>
|
|
<nav class="sidebar right-sidebar">
|
|
<div id="document-outline"></div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/npm/marked@4.3.0/marked.min.js"></script>
|
|
<script>
|
|
window.addEventListener('error', function(e) {
|
|
if (e.target.src && e.target.src.includes('marked.min.js')) {
|
|
const script = document.createElement('script');
|
|
script.src = 'https://cdnjs.cloudflare.com/ajax/libs/marked/4.3.0/marked.min.js';
|
|
document.body.appendChild(script);
|
|
}
|
|
}, true);
|
|
</script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-core.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/plugins/autoloader/prism-autoloader.min.js"></script>
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html>
|