60 lines
2.6 KiB
HTML
60 lines
2.6 KiB
HTML
<!doctype html>
|
||
<html lang="und">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<meta name="color-scheme" content="dark light">
|
||
<title>{{DOCSLIB_TITLE}}</title>
|
||
<style>
|
||
{{DOCSLIB_CSS}}
|
||
{{DOCSLIB_CUSTOM_CSS}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="app" class="app-shell">
|
||
<aside id="sidebar" class="sidebar">
|
||
<div class="brand-row">
|
||
<div class="brand-copy"><strong id="site-title">{{DOCSLIB_TITLE}}</strong></div>
|
||
<button id="close-sidebar" class="icon-button mobile-only" aria-label="×">×</button>
|
||
</div>
|
||
<div class="sidebar-actions">
|
||
<button id="search-button" class="action-button" aria-label="⌕"><span>⌕</span></button>
|
||
<button id="theme-button" class="icon-button" aria-label="◐"><span id="theme-icon">◐</span></button>
|
||
</div>
|
||
<nav id="page-tree" class="page-tree" aria-label="≡"></nav>
|
||
<div id="update-status" class="update-status"><i></i><span>—</span></div>
|
||
</aside>
|
||
<div id="sidebar-overlay" class="sidebar-overlay"></div>
|
||
<div id="actions-overlay" class="actions-overlay"></div>
|
||
<section class="workspace">
|
||
<header class="topbar">
|
||
<button id="open-sidebar" class="icon-button mobile-only" aria-label="☰">☰</button>
|
||
<div id="breadcrumbs" class="breadcrumbs"></div>
|
||
<button id="open-actions" class="icon-button mobile-only" aria-label="⋮">⋮</button>
|
||
<span id="header-actions-anchor" hidden></span>
|
||
<aside id="header-actions" class="header-actions">
|
||
<button id="close-actions" class="icon-button mobile-only actions-close" aria-label="×">×</button>
|
||
<div id="header-buttons" class="header-buttons"></div>
|
||
</aside>
|
||
</header>
|
||
<main id="content" class="content" tabindex="-1"></main>
|
||
<footer class="page-navigation">
|
||
<button id="previous-page" class="nav-card"></button>
|
||
<button id="next-page" class="nav-card"></button>
|
||
</footer>
|
||
</section>
|
||
</div>
|
||
<dialog id="search-dialog" class="search-dialog">
|
||
<div class="search-box">
|
||
<label><span>⌕</span><input id="search-input" type="search" aria-label="⌕" autocomplete="off"></label>
|
||
<button id="close-search" class="key-button" aria-label="×">×</button>
|
||
</div>
|
||
<div id="search-results" class="search-results"></div>
|
||
</dialog>
|
||
<script id="docslib-manifest" type="application/json">{{DOCSLIB_MANIFEST}}</script>
|
||
<script id="docslib-config" type="application/json">{{DOCSLIB_CONFIG}}</script>
|
||
<script>
|
||
{{DOCSLIB_JS}}
|
||
</script>
|
||
</body>
|
||
</html>
|