authorgravatar for 35231115+Rocknest@users.noreply.github.comRocknest <35231115+Rocknest@users.noreply.github.com> 2019-10-10 18:03:57+03:00
committergravatar for 35231115+Rocknest@users.noreply.github.comRocknest <35231115+Rocknest@users.noreply.github.com> 2019-10-10 18:03:57+03:00
logf597e0d0923e914ec4690016a7aab8ebdaaab4db
tree50d9fc18af170e1c3b047c9dd1f3571f8196c7e4
parent12ed85d0d13136a5e8c1a54da5c3d2174cebee37

Change layout and styles


1 files changed, 359 insertions(+), 148 deletions(-)

lib/std/special/docs/index.html+359-148
......@@ -5,28 +5,28 @@
55 <title>Documentation - Zig</title>
66 <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgklEQVR4AWMYWuD7EllJIM4G4g4g5oIJ/odhOJ8wToOxSTXgNxDHoeiBMfA4+wGShjyYOCkG/IGqWQziEzYAoUAeiF9D5U+DxEg14DRU7jWIT5IBIOdCxf+A+CQZAAoopEB7QJwBCBwHiip8UYmRdrAlDpIMgApwQZNnNii5Dq0MBgCxxycBnwEd+wAAAABJRU5ErkJggg==">
77 <style type="text/css">
8 body {
8 .old body {
99 font-family: system-ui, -apple-system, Roboto, "Segoe UI", sans-serif;
1010 max-width: 60em;
1111 }
12 .hidden {
12 .old .hidden {
1313 display: none;
1414 }
15 a {
15 .old a {
1616 color: #2A6286;
1717 }
18 pre{
18 .old pre{
1919 font-family:"Source Code Pro",monospace;
2020 font-size:1em;
2121 background-color:#F5F5F5;
2222 padding:1em;
2323 overflow-x: auto;
2424 }
25 code {
25 .old code {
2626 font-family:"Source Code Pro",monospace;
2727 font-size:1em;
2828 }
29 nav {
29 .old nav {
3030 width: 10em;
3131 position: fixed;
3232 left: 0;
......@@ -34,86 +34,86 @@
3434 height: 100vh;
3535 overflow: auto;
3636 }
37 nav h2 {
37 .old nav h2 {
3838 font-size: 1.2em;
3939 text-decoration: underline;
4040 margin: 0;
4141 padding: 0.5em 0;
4242 text-align: center;
4343 }
44 nav p {
44 .old nav p {
4545 margin: 0;
4646 padding: 0;
4747 text-align: center;
4848 }
49 section {
49 .old section {
5050 margin-left: 10em;
5151 }
52 section h1 {
52 .old section h1 {
5353 border-bottom: 1px dashed;
5454 }
55 section h2 {
55 .old section h2 {
5656 font-size: 1.3em;
5757 margin: 0.5em 0;
5858 padding: 0;
5959 border-bottom: 1px solid;
6060 }
61 #listNav {
61 .old #listNav {
6262 list-style-type: none;
6363 margin: 0.5em 0 0 0;
6464 padding: 0;
6565 overflow: hidden;
6666 background-color: #f1f1f1;
6767 }
68 #listNav li {
68 .old #listNav li {
6969 float:left;
7070 }
71 #listNav li a {
71 .old #listNav li a {
7272 display: block;
7373 color: #000;
7474 text-align: center;
7575 padding: .5em .8em;
7676 text-decoration: none;
7777 }
78 #listNav li a:hover {
78 .old #listNav li a:hover {
7979 background-color: #555;
8080 color: #fff;
8181 }
82 #listNav li a.active {
82 .old #listNav li a.active {
8383 background-color: #FFBB4D;
8484 color: #000;
8585 }
8686
87 #listPkgs {
87 .old #listPkgs {
8888 list-style-type: none;
8989 margin: 0;
9090 padding: 0;
9191 background-color: #f1f1f1;
9292 }
93 #listPkgs li a {
93 .old #listPkgs li a {
9494 display: block;
9595 color: #000;
9696 padding: 0.5em 1em;
9797 text-decoration: none;
9898 }
99 #listPkgs li a:hover {
99 .old #listPkgs li a:hover {
100100 background-color: #555;
101101 color: #fff;
102102 }
103 #listPkgs li a.active {
103 .old #listPkgs li a.active {
104104 background-color: #FFBB4D;
105105 color: #000;
106106 }
107 #logo {
107 .old #logo {
108108 width: 8em;
109109 padding: 0.5em 1em;
110110 }
111111
112 #search {
112 .old #search {
113113 width: 100%;
114114 }
115115
116 #helpDialog {
116 .old #helpDialog {
117117 width: 21em;
118118 height: 19em;
119119 position: fixed;
......@@ -123,15 +123,15 @@
123123 color: #fff;
124124 border: 1px solid #fff;
125125 }
126 #helpDialog h1 {
126 .old #helpDialog h1 {
127127 text-align: center;
128128 font-size: 1.5em;
129129 }
130 #helpDialog dt, #helpDialog dd {
130 .old #helpDialog dt, #helpDialog dd {
131131 display: inline;
132132 margin: 0 0.2em;
133133 }
134 kbd {
134 .old kbd {
135135 color: #000;
136136 background-color: #fafbfc;
137137 border-color: #d1d5da;
......@@ -148,15 +148,15 @@
148148 cursor: default;
149149 }
150150
151 #listSearchResults li.selected {
151 .old #listSearchResults li.selected {
152152 background-color: #93e196;
153153 }
154154
155 #tableFnErrors dt {
155 .old #tableFnErrors dt {
156156 font-weight: bold;
157157 }
158158
159 td {
159 .old td {
160160 vertical-align: top;
161161 margin: 0;
162162 padding: 0.5em;
......@@ -165,200 +165,411 @@
165165 overflow-x: hidden;
166166 }
167167
168 .tok-kw {
168 .old .tok-kw {
169169 color: #333;
170170 font-weight: bold;
171171 }
172 .tok-str {
172 .old .tok-str {
173173 color: #d14;
174174 }
175 .tok-builtin {
175 .old .tok-builtin {
176176 color: #0086b3;
177177 }
178 .tok-comment {
178 .old .tok-comment {
179179 color: #777;
180180 font-style: italic;
181181 }
182 .tok-fn {
182 .old .tok-fn {
183183 color: #900;
184184 font-weight: bold;
185185 }
186 .tok-null {
186 .old .tok-null {
187187 color: #008080;
188188 }
189 .tok-number {
189 .old .tok-number {
190190 color: #008080;
191191 }
192 .tok-type {
192 .old .tok-type {
193193 color: #458;
194194 font-weight: bold;
195195 }
196196
197197 @media (prefers-color-scheme: dark) {
198 body{
198 .old body{
199199 background-color: #111;
200200 color: #bbb;
201201 }
202 a {
202 .old a {
203203 color: #88f;
204204 }
205 pre{
205 .old pre{
206206 background-color:#2A2A2A;
207207 }
208 #listNav {
208 .old #listNav {
209209 background-color: #333;
210210 }
211 #listNav li a {
211 .old #listNav li a {
212212 color: #fff;
213213 }
214 #listNav li a:hover {
214 .old #listNav li a:hover {
215215 background-color: #555;
216216 color: #fff;
217217 }
218 #listNav li a.active {
218 .old #listNav li a.active {
219219 background-color: #FFBB4D;
220220 color: #000;
221221 }
222 #listPkgs {
222 .old #listPkgs {
223223 background-color: #333;
224224 }
225 #listPkgs li a {
225 .old #listPkgs li a {
226226 color: #fff;
227227 }
228 #listPkgs li a:hover {
228 .old #listPkgs li a:hover {
229229 background-color: #555;
230230 color: #fff;
231231 }
232 #listPkgs li a.active {
232 .old #listPkgs li a.active {
233233 background-color: #FFBB4D;
234234 color: #000;
235235 }
236 #listSearchResults li.selected {
236 .old #listSearchResults li.selected {
237237 background-color: #000;
238238 }
239 #listSearchResults li.selected a {
239 .old #listSearchResults li.selected a {
240240 color: #fff;
241241 }
242 .tok-kw {
242 .old .tok-kw {
243243 color: #eee;
244244 }
245 .tok-str {
245 .old .tok-str {
246246 color: #2e5;
247247 }
248 .tok-builtin {
248 .old .tok-builtin {
249249 color: #ff894c;
250250 }
251 .tok-comment {
251 .old .tok-comment {
252252 color: #aa7;
253253 }
254 .tok-fn {
254 .old .tok-fn {
255255 color: #e33;
256256 }
257 .tok-null {
257 .old .tok-null {
258258 color: #ff8080;
259259 }
260 .tok-number {
260 .old .tok-number {
261261 color: #ff8080;
262262 }
263 .tok-type {
263 .old .tok-type {
264264 color: #68f;
265265 }
266266 }
267
268 /* ------- */
269 .hidden {
270 display: none;
271 }
272
273 .font-normal {
274 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
275 }
276
277 .font-mono {
278 font-family: "Source Code Pro", monospace;
279 }
280
281 .canvas {
282 margin: 0;
283 padding: 0;
284 width: 100vw;
285 height: 100vh;
286 overflow: hidden;
287 /*background-color: #fff4ef;*/
288 /*background-color: #f7f7f7;*/
289 }
290
291 .help-flex {
292 position: fixed;
293 top: 0;
294 left: 0;
295 width: 100%;
296 height: 100%;
297 display: flex;
298 justify-content: center;
299 align-items: center;
300 background-color: rgba(0, 0, 0, 0.15);
301
302 z-index: 400;
303 }
304
305 .help-modal {
306 max-width: 97vw;
307 max-height: 97vh;
308 background-color: #333;
309 color: #fff;
310 border: 0.125em solid #000;
311 box-shadow: 0 0.5em 2.5em 0.3em rgba(0, 0, 0, 0.75);
312 overflow: auto;
313 }
314
315 .help-modal h1 {
316 text-align: center;
317 font-size: 1.5em;
318 margin: 0.75em 2.5em 1em 2.5em;
319 }
320
321 dt, dd {
322 display: inline;
323 margin: 0 0.2em;
324 }
325
326 dl {
327 margin-left: 0.5em;
328 margin-right: 0.5em;
329 }
330
331 kbd {
332 color: #000;
333 background-color: #fafbfc;
334 border-color: #d1d5da;
335 border-bottom-color: #c6cbd1;
336 box-shadow-color: #c6cbd1;
337 display: inline-block;
338 padding: 0.3em 0.2em;
339 font: 1.2em monospace;
340 line-height: 0.8em;
341 vertical-align: middle;
342 border: solid 1px;
343 border-radius: 3px;
344 box-shadow: inset 0 -1px 0;
345 cursor: default;
346 }
347
348 .main-flex {
349 width: 100%;
350 height: 100%;
351 display: flex;
352 justify-content: center;
353
354 z-index: 100;
355 }
356
357 .flex-filler {
358 flex-grow: 1;
359 flex-shrink: 1;
360 }
361
362 .nav {
363 width: 12em;
364 overflow: auto;
365 max-width: 15vw;
366 min-width: 9.5em;
367 flex-shrink: 0;
368 flex-grow: 0;
369 background: #fff;
370 box-shadow: 0 0 1em rgba(0, 0, 0, 0.09);
371 overflow-wrap: break-word;
372
373 z-index: 300;
374 }
375
376 nav h2 {
377 font-size: 1.2em;
378 margin: 0.5em;
379 padding: 0;
380 }
381
382 nav h2 > span {
383 border-bottom: 0.125em dotted #000;
384 }
385
386 nav p {
387 margin: 0.5em;
388 }
389
390 .logo-wrap {
391 padding: 0.35em 0.35em;
392 }
393
394 .logo {
395 width: 100%;
396 }
397
398 .right-flex {
399 display: flex;
400 overflow: auto;
401 flex-grow: 1;
402 flex-shrink: 1;
403
404 z-index: 200;
405 }
406
407 .right-wrap {
408 width: 60em;
409 max-width: 85vw;
410 flex-shrink: 1;
411 }
412
413 .section-docs {
414 padding: 0.7em 0.7em 2.4em 1.4em;
415 background: #fff;
416 overflow-wrap: break-word;
417 }
418
419 .search {
420 width: 100%;
421 padding: 0.5em;
422 font-size: 1em;
423 background: #f3f3f3;
424 border-top: 0;
425 border-left: 0;
426 border-right: 0;
427 border-bottom-width: 0.125em;
428 border-bottom-style: solid;
429 border-bottom-color: #000;
430 outline: none;
431 }
432
433 .search:focus {
434 border-bottom-color: #ffbb4d;
435 }
436
437 .search::placeholder {
438 color: #000;
439 opacity: 0.5;
440 }
441
442 /*section.section-docs h1 {
443 text-decoration: none;
444 border-bottom: 0.125em dashed #717171;
445 display: inline-block;
446 font-size: 1.35em;
447 max-width: 100%;
448 margin: 0.8em 0;
449 }
450
451 section.section-docs h2 {
452 font-size: 1.2em;
453 margin: 0.5em 0;
454 padding: 0;
455 text-decoration: none;
456 border-bottom: 0.125em solid #717171;
457 display: inline-block;
458 max-width: 100%;
459 }
460
461 table {
462 border: 1px solid red;
463 }*/
267464 </style>
268465 </head>
269 <body>
270 <nav>
271 <img alt="ZIG" id="logo" src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNTAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmN2E0MWQiPjxwYXRoIGQ9Im0wIDEwdjgwaDE5bDYtMTAgMTItMTBoLTE3di00MGgxNXYtMjB6bTQwIDB2MjBoNjJ2LTIwem05MSAwLTYgMTAtMTIgMTBoMTd2NDBoLTE1djIwaDM1di04MHptLTgzIDYwdjIwaDYydi0yMHoiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPjxwYXRoIGQ9Im0zNyA3MC0xOCAyMHYtMTV6Ii8+PHBhdGggZD0ibTExMyAzMCAxOC0yMHYxNXoiLz48cGF0aCBkPSJtOTYuOTggMTAuNjMgMzYuMjgtMTAuNC04MC4yOSA4OS4xNy0zNi4yOCAxMC40eiIvPjwvZz48L3N2Zz4K"></img>
272 <div id="sectPkgs" class="hidden">
273 <h2>Packages</h2>
274 <ul id="listPkgs">
275 </ul>
276 </div>
277 <div id="sectInfo" class="hidden">
278 <h2>Zig Version</h2>
279 <p id="tdZigVer"></p>
280 <h2>Target</h2>
281 <p id="tdTarget"></p>
282 </div>
283 </nav>
284 <section>
285 <input type="search" id="search" autocomplete="off" spellcheck="false" placeholder="`s` to search, `?` to see more options">
286 <p id="status">Loading...</p>
287 <div id="sectNav" class="hidden"><ul id="listNav"></ul></div>
288 <div id="fnProto" class="hidden">
289 <pre id="fnProtoCode"></pre>
290 </div>
291 <h1 id="hdrName" class="hidden"></h1>
292 <div id="fnDocs" class="hidden"></div>
293 <div id="sectFnErrors" class="hidden">
294 <h2>Errors</h2>
295 <div id="fnErrorsAnyError">
296 <p><span class="tok-type">anyerror</span> means the error set is known only at runtime.</p>
466 <body class="canvas font-normal">
467 <div class="main-flex">
468 <div class="flex-filler"></div>
469 <nav class="nav">
470 <div class="logo-wrap">
471 <img alt="ZIG" class="logo" id="logo" src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNTAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmN2E0MWQiPjxwYXRoIGQ9Im0wIDEwdjgwaDE5bDYtMTAgMTItMTBoLTE3di00MGgxNXYtMjB6bTQwIDB2MjBoNjJ2LTIwem05MSAwLTYgMTAtMTIgMTBoMTd2NDBoLTE1djIwaDM1di04MHptLTgzIDYwdjIwaDYydi0yMHoiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPjxwYXRoIGQ9Im0zNyA3MC0xOCAyMHYtMTV6Ii8+PHBhdGggZD0ibTExMyAzMCAxOC0yMHYxNXoiLz48cGF0aCBkPSJtOTYuOTggMTAuNjMgMzYuMjgtMTAuNC04MC4yOSA4OS4xNy0zNi4yOCAxMC40eiIvPjwvZz48L3N2Zz4K"></img>
472 </div>
473 <div id="sectPkgs" class="old hidden">
474 <h2><span>Packages</span></h2>
475 <ul id="listPkgs">
476 </ul>
477 </div>
478 <div id="sectInfo" class="hidden">
479 <h2><span>Zig Version</span></h2>
480 <p class="font-mono" id="tdZigVer"></p>
481 <h2><span>Target</span></h2>
482 <p class="font-mono" id="tdTarget"></p>
483 </div>
484 </nav>
485 <div class="right-flex">
486 <div class="right-wrap">
487 <section class="old section-docs">
488 <input type="search" class="search font-normal" id="search" autocomplete="off" spellcheck="false" placeholder="`s` to search, `?` to see more options">
489 <p id="status">Loading...</p>
490 <div id="sectNav" class="hidden"><ul id="listNav"></ul></div>
491 <div id="fnProto" class="hidden">
492 <pre id="fnProtoCode"></pre>
493 </div>
494 <h1 id="hdrName" class="hidden"></h1>
495 <div id="fnDocs" class="hidden"></div>
496 <div id="sectFnErrors" class="hidden">
497 <h2>Errors</h2>
498 <div id="fnErrorsAnyError">
499 <p><span class="tok-type">anyerror</span> means the error set is known only at runtime.</p>
500 </div>
501 <div id="tableFnErrors"><dl id="listFnErrors"></dl></div>
502 </div>
503 <div id="fnExamples" class="hidden"></div>
504 <div id="fnNoExamples" class="hidden">
505 <p>This function is not tested or referenced.</p>
506 </div>
507 <div id="sectSearchResults" class="hidden">
508 <h2>Search Results</h2>
509 <ul id="listSearchResults"></ul>
510 </div>
511 <div id="sectSearchNoResults" class="hidden">
512 <h2>No Results Found</h2>
513 <p>Press escape to exit search and then '?' to see more options.</p>
514 </div>
515 <div id="sectFields" class="hidden">
516 <h2>Fields</h2>
517 <div id="listFields">
518 </div>
519 </div>
520 <div id="sectTypes" class="hidden">
521 <h2>Types</h2>
522 <ul id="listTypes">
523 </ul>
524 </div>
525 <div id="sectNamespaces" class="hidden">
526 <h2>Namespaces</h2>
527 <ul id="listNamespaces">
528 </ul>
529 </div>
530 <div id="sectGlobalVars" class="hidden">
531 <h2>Global Variables</h2>
532 <table>
533 <tbody id="listGlobalVars">
534 </tbody>
535 </table>
536 </div>
537 <div id="sectFns" class="hidden">
538 <h2>Functions</h2>
539 <table>
540 <tbody id="listFns">
541 </tbody>
542 </table>
543 </div>
544 <div id="sectValues" class="hidden">
545 <h2>Values</h2>
546 <table>
547 <tbody id="listValues">
548 </tbody>
549 </table>
550 </div>
551 <div id="sectErrSets" class="hidden">
552 <h2>Error Sets</h2>
553 <ul id="listErrSets">
554 </ul>
555 </div>
556 </section>
557 </div>
558 <div class="flex-filler"></div>
297559 </div>
298 <div id="tableFnErrors"><dl id="listFnErrors"></dl></div>
299560 </div>
300 <div id="fnExamples" class="hidden"></div>
301 <div id="fnNoExamples" class="hidden">
302 <p>This function is not tested or referenced.</p>
303 </div>
304 <div id="sectSearchResults" class="hidden">
305 <h2>Search Results</h2>
306 <ul id="listSearchResults"></ul>
307 </div>
308 <div id="sectSearchNoResults" class="hidden">
309 <h2>No Results Found</h2>
310 <p>Press escape to exit search and then '?' to see more options.</p>
311 </div>
312 <div id="sectFields" class="hidden">
313 <h2>Fields</h2>
314 <div id="listFields">
315 </div>
316 </div>
317 <div id="sectTypes" class="hidden">
318 <h2>Types</h2>
319 <ul id="listTypes">
320 </ul>
321 </div>
322 <div id="sectNamespaces" class="hidden">
323 <h2>Namespaces</h2>
324 <ul id="listNamespaces">
325 </ul>
326 </div>
327 <div id="sectGlobalVars" class="hidden">
328 <h2>Global Variables</h2>
329 <table>
330 <tbody id="listGlobalVars">
331 </tbody>
332 </table>
333 </div>
334 <div id="sectFns" class="hidden">
335 <h2>Functions</h2>
336 <table>
337 <tbody id="listFns">
338 </tbody>
339 </table>
340 </div>
341 <div id="sectValues" class="hidden">
342 <h2>Values</h2>
343 <table>
344 <tbody id="listValues">
345 </tbody>
346 </table>
347 </div>
348 <div id="sectErrSets" class="hidden">
349 <h2>Error Sets</h2>
350 <ul id="listErrSets">
351 </ul>
352 </div>
353 </section>
354561 <div id="helpDialog" class="hidden">
355 <h1>Keyboard Shortcuts</h1>
356 <dl><dt><kbd>?</kbd></dt><dd>Show this help dialog</dd></dl>
357 <dl><dt><kbd>Esc</kbd></dt><dd>Clear focus; close this dialog</dd></dl>
358 <dl><dt><kbd>s</kbd></dt><dd>Focus the search field</dd></dl>
359 <dl><dt><kbd>↑</kbd></dt><dd>Move up in search results</dd></dl>
360 <dl><dt><kbd>↓</kbd></dt><dd>Move down in search results</dd></dl>
361 <dl><dt><kbd>⏎</kbd></dt><dd>Go to active search result</dd></dl>
562 <div class="help-flex">
563 <div class="help-modal">
564 <h1>Keyboard Shortcuts</h1>
565 <dl><dt><kbd>?</kbd></dt><dd>Show this help dialog</dd></dl>
566 <dl><dt><kbd>Esc</kbd></dt><dd>Clear focus; close this dialog</dd></dl>
567 <dl><dt><kbd>s</kbd></dt><dd>Focus the search field</dd></dl>
568 <dl><dt><kbd>↑</kbd></dt><dd>Move up in search results</dd></dl>
569 <dl><dt><kbd>↓</kbd></dt><dd>Move down in search results</dd></dl>
570 <dl><dt><kbd>⏎</kbd></dt><dd>Go to active search result</dd></dl>
571 </div>
572 </div>
362573 </div>
363574 <script src="data.js"></script>
364575 <script src="main.js"></script>