222 lines
5.8 KiB
HTML
222 lines
5.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Documentation - Zig</title>
|
|
<link rel="icon" href="favicon.png">
|
|
<style type="text/css">
|
|
body {
|
|
font-family: system-ui, -apple-system, Roboto, "Segoe UI", sans-serif;
|
|
max-width: 60em;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
a {
|
|
color: #2A6286;
|
|
}
|
|
pre{
|
|
font-family:"Source Code Pro",monospace;
|
|
font-size:1em;
|
|
background-color:#F5F5F5;
|
|
padding:1em;
|
|
overflow-x: auto;
|
|
}
|
|
nav {
|
|
width: 10em;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100vh;
|
|
overflow: auto;
|
|
}
|
|
nav h2 {
|
|
font-size: 1.2em;
|
|
text-decoration: underline;
|
|
margin: 0;
|
|
padding: 0.5em 0;
|
|
text-align: center;
|
|
}
|
|
nav p {
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
section {
|
|
margin-left: 10em;
|
|
}
|
|
section h1 {
|
|
border-bottom: 1px dashed;
|
|
}
|
|
section h2 {
|
|
font-size: 1.3em;
|
|
margin: 0.5em 0;
|
|
padding: 0;
|
|
border-bottom: 1px solid;
|
|
}
|
|
#listNav {
|
|
list-style-type: none;
|
|
margin: 0.5em 0 0 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
background-color: #333;
|
|
}
|
|
#listNav li {
|
|
float:left;
|
|
}
|
|
#listNav li a {
|
|
display: block;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: .5em .8em;
|
|
text-decoration: none;
|
|
}
|
|
#listNav li a:hover {
|
|
background-color: #111;
|
|
}
|
|
#listNav li a.active {
|
|
background-color: #4CAF50;
|
|
}
|
|
|
|
#listPkgs {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #f1f1f1;
|
|
}
|
|
#listPkgs li a {
|
|
display: block;
|
|
color: #000;
|
|
padding: 8px 16px;
|
|
text-decoration: none;
|
|
}
|
|
#listPkgs li a:hover {
|
|
background-color: #555;
|
|
color: #fff;
|
|
}
|
|
|
|
#logo {
|
|
width: 8em;
|
|
padding: 0.5em 1em;
|
|
}
|
|
|
|
#search {
|
|
width: 100%;
|
|
}
|
|
|
|
#helpDialog {
|
|
width: 21em;
|
|
height: 19em;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: #333;
|
|
color: #fff;
|
|
border: 1px solid #fff;
|
|
}
|
|
#helpDialog h1 {
|
|
text-align: center;
|
|
font-size: 1.5em;
|
|
}
|
|
dt, dd {
|
|
display: inline;
|
|
margin: 0 0.2em;
|
|
}
|
|
kbd {
|
|
color: #000;
|
|
background-color: #fafbfc;
|
|
border-color: #d1d5da;
|
|
border-bottom-color: #c6cbd1;
|
|
box-shadow-color: #c6cbd1;
|
|
display: inline-block;
|
|
padding: 0.3em 0.2em;
|
|
font: 1.2em monospace;
|
|
line-height: 0.8em;
|
|
vertical-align: middle;
|
|
border: solid 1px;
|
|
border-radius: 3px;
|
|
box-shadow: inset 0 -1px 0;
|
|
cursor: default;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body{
|
|
background-color: #111;
|
|
color: #bbb;
|
|
}
|
|
a {
|
|
color: #88f;
|
|
}
|
|
pre{
|
|
background-color:#2A2A2A;
|
|
}
|
|
#listPkgs {
|
|
background-color: #333;
|
|
}
|
|
#listPkgs li a {
|
|
color: #fff;
|
|
}
|
|
#listPkgs li a:hover {
|
|
background-color: #555;
|
|
color: #fff;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<img alt="ZIG" id="logo" src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNTAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmN2E0MWQiPjxwYXRoIGQ9Im0wIDEwdjgwaDE5bDYtMTAgMTItMTBoLTE3di00MGgxNXYtMjB6bTQwIDB2MjBoNjJ2LTIwem05MSAwLTYgMTAtMTIgMTBoMTd2NDBoLTE1djIwaDM1di04MHptLTgzIDYwdjIwaDYydi0yMHoiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPjxwYXRoIGQ9Im0zNyA3MC0xOCAyMHYtMTV6Ii8+PHBhdGggZD0ibTExMyAzMCAxOC0yMHYxNXoiLz48cGF0aCBkPSJtOTYuOTggMTAuNjMgMzYuMjgtMTAuNC04MC4yOSA4OS4xNy0zNi4yOCAxMC40eiIvPjwvZz48L3N2Zz4K"></img>
|
|
<div id="sectPkgs" class="hidden">
|
|
<h2>Packages</h2>
|
|
<ul id="listPkgs">
|
|
</ul>
|
|
</div>
|
|
<div id="sectInfo" class="hidden">
|
|
<h2>Zig Version</h2>
|
|
<p id="tdZigVer"></p>
|
|
<h2>Target</h2>
|
|
<p id="tdTarget"></p>
|
|
</div>
|
|
</nav>
|
|
<section>
|
|
<input type="search" id="search" autocomplete="off" spellcheck="false" placeholder="`s` to search, `?` to see more options">
|
|
<p id="status">Loading...</p>
|
|
<div id="sectNav" class="hidden"><ul id="listNav"></ul></div>
|
|
<div id="fnProto" class="hidden">
|
|
<pre id="fnProtoCode"></pre>
|
|
</div>
|
|
<h1 id="hdrName" class="hidden"></h1>
|
|
<div id="fnDocs" class="hidden"></div>
|
|
<div id="sectSearchResults" class="hidden">
|
|
<h2>Search Results</h2>
|
|
<ul id="listSearchResults"></ul>
|
|
</div>
|
|
<div id="sectSearchNoResults" class="hidden">
|
|
<h2>No Results Found</h2>
|
|
<p>Press escape to exit search and then '?' to see more options.</p>
|
|
</div>
|
|
<div id="sectTypes" class="hidden">
|
|
<h2>Types</h2>
|
|
<ul id="listTypes">
|
|
</ul>
|
|
</div>
|
|
<div id="sectFns" class="hidden">
|
|
<h2>Functions</h2>
|
|
<ul id="listFns">
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<div id="helpDialog" class="hidden">
|
|
<h1>Keyboard Shortcuts</h1>
|
|
<dl><dt><kbd>?</kbd></dt><dd>Show this help dialog</dd></dl>
|
|
<dl><dt><kbd>Esc</kbd></dt><dd>Clear focus; close this dialog</dd></dl>
|
|
<dl><dt><kbd>s</kbd></dt><dd>Focus the search field</dd></dl>
|
|
<dl><dt><kbd>↑</kbd></dt><dd>Move up in search results</dd></dl>
|
|
<dl><dt><kbd>↓</kbd></dt><dd>Move down in search results</dd></dl>
|
|
<dl><dt><kbd>⏎</kbd></dt><dd>Go to active search result</dd></dl>
|
|
</div>
|
|
<script src="data.js"></script>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html>
|