MrPiglr
faa98bf76f
- Add stunning cyberpunk cover page with animated grid background - Integrate Mermaid diagrams for visual architecture and flow charts - Add flexible-alerts for tips, warnings, and notes throughout tutorials - Enhance index.html with 15+ professional plugins (tabs, progress bar, charts) - Add sequence diagrams for authentication and analytics flows - Improve readability with visual callouts and interactive elements - Add graph visualizations for system architecture - Better UX with keyboard shortcuts, word count, and edit links
220 lines
7.1 KiB
HTML
220 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>AeThex Engine Documentation</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="description" content="AeThex Engine - Cloud-first game engine documentation">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Electrolize&family=Source+Code+Pro:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Custom Cyberpunk Theme -->
|
|
<link rel="stylesheet" href="theme.css">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
|
</head>
|
|
<body>
|
|
<div id="app">Loading AeThex Documentation...</div>
|
|
<script>
|
|
window.$docsify = {
|
|
name: '<span style="font-family: Electrolize; font-size: 1.2em;">⚡ AeThex Engine</span>',
|
|
repo: 'https://github.com/AeThex-LABS/AeThex-Engine-Core',
|
|
loadSidebar: true,
|
|
subMaxLevel: 3,
|
|
auto2top: true,
|
|
homepage: 'README.md',
|
|
relativePath: false,
|
|
|
|
// Cover page
|
|
coverpage: true,
|
|
onlyCover: false,
|
|
|
|
// Search
|
|
search: {
|
|
maxAge: 86400000,
|
|
paths: 'auto',
|
|
placeholder: '🔍 Search docs...',
|
|
noData: '❌ No results found.',
|
|
depth: 6,
|
|
hideOtherSidebarContent: false
|
|
},
|
|
|
|
// Pagination
|
|
pagination: {
|
|
previousText: '← Previous',
|
|
nextText: 'Next →',
|
|
crossChapter: true,
|
|
crossChapterText: true
|
|
},
|
|
|
|
// Tabs for code examples
|
|
tabs: {
|
|
persist: true,
|
|
sync: true,
|
|
theme: 'classic',
|
|
tabComments: true,
|
|
tabHeadings: true
|
|
},
|
|
|
|
// Copy code button
|
|
copyCode: {
|
|
buttonText: '📋 Copy',
|
|
errorText: '❌ Error',
|
|
successText: '✅ Copied!'
|
|
},
|
|
|
|
// Progress bar
|
|
progress: {
|
|
position: "top",
|
|
color: "var(--neon-cyan)",
|
|
height: "3px",
|
|
},
|
|
|
|
// Flexible alerts
|
|
'flexible-alerts': {
|
|
style: 'flat',
|
|
note: {
|
|
label: "📝 Note"
|
|
},
|
|
tip: {
|
|
label: "💡 Tip"
|
|
},
|
|
warning: {
|
|
label: "⚠️ Warning"
|
|
},
|
|
danger: {
|
|
label: "🚨 Danger"
|
|
}
|
|
},
|
|
|
|
// Count
|
|
count: {
|
|
countable: true,
|
|
fontsize: '0.9em',
|
|
color: 'var(--neon-cyan)',
|
|
language: 'english'
|
|
},
|
|
|
|
themeable: {
|
|
readyTransition: true,
|
|
responsiveTables: true
|
|
},
|
|
|
|
alias: {
|
|
'/.*/_sidebar.md': '/_sidebar.md',
|
|
'/.*/_coverpage.md': '/_coverpage.md'
|
|
},
|
|
|
|
notFoundPage: true,
|
|
|
|
// Footer
|
|
loadFooter: true,
|
|
|
|
// Edit on GitHub
|
|
plugins: [
|
|
function(hook, vm) {
|
|
hook.beforeEach(function(html) {
|
|
var url = 'https://github.com/AeThex-LABS/AeThex-Engine-Core/blob/main/docs/' + vm.route.file;
|
|
var editHtml = '<div style="text-align: right; padding: 10px 0;">';
|
|
editHtml += '<a href="' + url + '" target="_blank" style="color: var(--neon-cyan); text-decoration: none;">';
|
|
editHtml += '📝 Edit on GitHub</a></div>\n\n';
|
|
return editHtml + html;
|
|
});
|
|
|
|
// Add last updated timestamp
|
|
hook.afterEach(function(html) {
|
|
var footer = '<hr style="border-color: var(--neon-cyan); opacity: 0.3;"/>';
|
|
footer += '<div style="text-align: center; padding: 20px 0; font-size: 0.9em; color: var(--neon-cyan); opacity: 0.7;">';
|
|
footer += '<p>Made with ⚡ by AeThex Labs</p>';
|
|
footer += '<p style="font-size: 0.8em;">Last updated: ' + new Date().toLocaleDateString() + '</p>';
|
|
footer += '</div>';
|
|
return html + footer;
|
|
});
|
|
}
|
|
],
|
|
|
|
// Mermaid config
|
|
mermaid: {
|
|
theme: 'dark',
|
|
themeVariables: {
|
|
primaryColor: '#00ffff',
|
|
primaryTextColor: '#fff',
|
|
primaryBorderColor: '#ff00ff',
|
|
lineColor: '#00ffff',
|
|
secondaryColor: '#ff00ff',
|
|
tertiaryColor: '#000'
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- Docsify core -->
|
|
<script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
|
|
|
|
<!-- Search plugin -->
|
|
<script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/search.min.js"></script>
|
|
|
|
<!-- Pagination -->
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-pagination@2/dist/docsify-pagination.min.js"></script>
|
|
|
|
<!-- Copy code -->
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code@2"></script>
|
|
|
|
<!-- Zoom images -->
|
|
<script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/zoom-image.min.js"></script>
|
|
|
|
<!-- Tabs -->
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-tabs@1"></script>
|
|
|
|
<!-- Progress bar -->
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-progress@1/dist/progress.min.js"></script>
|
|
|
|
<!-- Flexible alerts -->
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-plugin-flexible-alerts"></script>
|
|
|
|
<!-- Word count -->
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-count@latest/dist/countable.min.js"></script>
|
|
|
|
<!-- Mermaid diagrams -->
|
|
<script type="module">
|
|
import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
|
|
mermaid.initialize({ startOnLoad: true });
|
|
window.mermaid = mermaid;
|
|
</script>
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-mermaid@2/dist/docsify-mermaid.js"></script>
|
|
|
|
<!-- Syntax highlighting -->
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-gdscript.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-json.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-cpp.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-javascript.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-yaml.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-markdown.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-nginx.min.js"></script>
|
|
|
|
<!-- Chart.js for diagrams -->
|
|
<script src="//cdn.jsdelivr.net/npm/chart.js@3"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-charty/dist/docsify-charty.min.js"></script>
|
|
|
|
<!-- Keyboard shortcuts hint -->
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Add keyboard shortcut listener
|
|
document.addEventListener('keydown', function(e) {
|
|
// Ctrl/Cmd + K for search
|
|
if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
|
|
e.preventDefault();
|
|
document.querySelector('.search input[type="search"]')?.focus();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|