79 lines
2.5 KiB
HTML
79 lines
2.5 KiB
HTML
<script type="text/javascript" src="$relpath^mermaid.min.js"></script>
|
|
<script type="text/javascript" src="$relpath^mingcute.json.js"></script>
|
|
<script type="text/javascript" src="$relpath^panzoom.js"></script>
|
|
<script type="text/javascript">
|
|
let theme = "default";
|
|
// Detect browser dark mode and use dark theme for Mermaid if enabled
|
|
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
theme = "dark";
|
|
}
|
|
mermaid.initialize({
|
|
theme: theme,
|
|
startOnLoad: true,
|
|
graph: {
|
|
useMaxWidth: true
|
|
}
|
|
});
|
|
mermaid.registerIconPacks([
|
|
{
|
|
name: "mingcute",
|
|
loader: () => window.mingcute
|
|
}
|
|
]);
|
|
window.addEventListener("load", (ev) => {
|
|
document.querySelectorAll(".mermaid.interactive svg").forEach(svg => {
|
|
svg.parentElement.style.overflow = "hidden";
|
|
svg.parentElement.classList.add("pan-zoom-viewport");
|
|
panzoom(svg);
|
|
});
|
|
document.querySelectorAll(".svg.interactive object[type='image/svg+xml']").forEach(svg => {
|
|
// Make parent element the viewport
|
|
svg.parentElement.style.overflow = "hidden";
|
|
svg.parentElement.classList.add("pan-zoom-viewport");
|
|
svg.parentElement.style.minHeight = svg.parentElement.parentElement.style.minHeight;
|
|
panzoom(svg);
|
|
});
|
|
});
|
|
</script>
|
|
<style type="text/css">
|
|
.pan-zoom-viewport {
|
|
overflow: hidden;
|
|
position: relative;
|
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.pan-zoom-viewport::after {
|
|
content: "Drag to move, scroll to zoom";
|
|
color: rgba(0, 0, 0, 0.4);
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
|
|
.pan-zoom-viewport svg {
|
|
min-height: 150px;
|
|
}
|
|
</style>
|
|
<!-- HTML footer for doxygen 1.9.1-->
|
|
<!-- start footer part -->
|
|
<!--BEGIN GENERATE_TREEVIEW-->
|
|
<div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
|
|
<ul>
|
|
$navpath
|
|
<li class="footer">$generatedby <a href="https://www.doxygen.org/index.html"><img class="footer"
|
|
src="$relpath^doxygen.svg" width="104" height="31" alt="doxygen" /></a> $doxygenversion </li>
|
|
</ul>
|
|
</div>
|
|
<!--END GENERATE_TREEVIEW-->
|
|
<!--BEGIN !GENERATE_TREEVIEW-->
|
|
<hr class="footer" />
|
|
<address class="footer"><small>
|
|
$generatedby <a href="https://www.doxygen.org/index.html"><img class="footer" src="$relpath^doxygen.svg"
|
|
width="104" height="31" alt="doxygen" /></a> $doxygenversion
|
|
</small></address>
|
|
</div><!-- doc-content -->
|
|
<!--END !GENERATE_TREEVIEW-->
|
|
</body>
|
|
|
|
</html> |