11<!DOCTYPE HTML>
2- < html lang ="en " class ="sidebar-visible no-js light ">
2+ < html lang ="en " class ="light sidebar-visible" dir =" ltr ">
33 < head >
44 <!-- Book generated using mdBook -->
55 < meta charset ="UTF-8 ">
66 < title > Overview - Druid</ title >
77
88
99 <!-- Custom HTML head -->
10-
10+
1111 < meta name ="description " content ="">
1212 < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
13- < meta name ="theme-color " content ="#ffffff " / >
13+ < meta name ="theme-color " content ="#ffffff ">
1414
1515 < link rel ="icon " href ="favicon.svg ">
1616 < link rel ="shortcut icon " href ="favicon.png ">
2424 < link rel ="stylesheet " href ="fonts/fonts.css ">
2525
2626 <!-- Highlight.js Stylesheets -->
27- < link rel ="stylesheet " href ="highlight.css ">
28- < link rel ="stylesheet " href ="tomorrow-night.css ">
29- < link rel ="stylesheet " href ="ayu-highlight.css ">
27+ < link rel ="stylesheet " id =" highlight-css " href ="highlight.css ">
28+ < link rel ="stylesheet " id =" tomorrow-night-css " href ="tomorrow-night.css ">
29+ < link rel ="stylesheet " id =" ayu-highlight-css " href ="ayu-highlight.css ">
3030
3131 <!-- Custom theme stylesheets -->
3232
33+
34+ <!-- Provide site root and default themes to javascript -->
35+ < script >
36+ const path_to_root = "" ;
37+ const default_light_theme = "light" ;
38+ const default_dark_theme = "navy" ;
39+ window . path_to_searchindex_js = "searchindex.js" ;
40+ </ script >
41+ <!-- Start loading toc.js asap -->
42+ < script src ="toc.js "> </ script >
3343 </ head >
3444 < body >
45+ < div id ="mdbook-help-container ">
46+ < div id ="mdbook-help-popup ">
47+ < h2 class ="mdbook-help-title "> Keyboard shortcuts</ h2 >
48+ < div >
49+ < p > Press < kbd > ←</ kbd > or < kbd > →</ kbd > to navigate between chapters</ p >
50+ < p > Press < kbd > S</ kbd > or < kbd > /</ kbd > to search in the book</ p >
51+ < p > Press < kbd > ?</ kbd > to show this help</ p >
52+ < p > Press < kbd > Esc</ kbd > to hide this help</ p >
53+ </ div >
54+ </ div >
55+ </ div >
3556 < div id ="body-container ">
36- <!-- Provide site root to javascript -->
37- < script >
38- var path_to_root = "" ;
39- var default_theme = window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches ? "navy" : "light" ;
40- </ script >
41-
4257 <!-- Work around some values being stored in localStorage wrapped in quotes -->
4358 < script >
4459 try {
45- var theme = localStorage . getItem ( 'mdbook-theme' ) ;
46- var sidebar = localStorage . getItem ( 'mdbook-sidebar' ) ;
60+ let theme = localStorage . getItem ( 'mdbook-theme' ) ;
61+ let sidebar = localStorage . getItem ( 'mdbook-sidebar' ) ;
4762
4863 if ( theme . startsWith ( '"' ) && theme . endsWith ( '"' ) ) {
4964 localStorage . setItem ( 'mdbook-theme' , theme . slice ( 1 , theme . length - 1 ) ) ;
5772
5873 <!-- Set the theme before any content is loaded, prevents flash -->
5974 < script >
60- var theme ;
75+ const default_theme = window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches ? default_dark_theme : default_light_theme ;
76+ let theme ;
6177 try { theme = localStorage . getItem ( 'mdbook-theme' ) ; } catch ( e ) { }
6278 if ( theme === null || theme === undefined ) { theme = default_theme ; }
63- var html = document . querySelector ( 'html' ) ;
64- html . classList . remove ( 'no-js' )
79+ const html = document . documentElement ;
6580 html . classList . remove ( 'light' )
6681 html . classList . add ( theme ) ;
67- html . classList . add ( 'js' ) ;
82+ html . classList . add ( "js" ) ;
6883 </ script >
6984
85+ < input type ="checkbox " id ="sidebar-toggle-anchor " class ="hidden ">
86+
7087 <!-- Hide / unhide sidebar before it is displayed -->
7188 < script >
72- var html = document . querySelector ( 'html' ) ;
73- var sidebar = null ;
89+ let sidebar = null ;
90+ const sidebar_toggle = document . getElementById ( "sidebar-toggle-anchor" ) ;
7491 if ( document . body . clientWidth >= 1080 ) {
7592 try { sidebar = localStorage . getItem ( 'mdbook-sidebar' ) ; } catch ( e ) { }
7693 sidebar = sidebar || 'visible' ;
7794 } else {
7895 sidebar = 'hidden' ;
96+ sidebar_toggle . checked = false ;
97+ }
98+ if ( sidebar === 'visible' ) {
99+ sidebar_toggle . checked = true ;
100+ } else {
101+ html . classList . remove ( 'sidebar-visible' ) ;
79102 }
80- html . classList . remove ( 'sidebar-visible' ) ;
81- html . classList . add ( "sidebar-" + sidebar ) ;
82103 </ script >
83104
84105 < nav id ="sidebar " class ="sidebar " aria-label ="Table of contents ">
85- < div class ="sidebar-scrollbox ">
86- < ol class ="chapter "> < li class ="chapter-item expanded "> < a href ="01_overview.html " class ="active "> < strong aria-hidden ="true "> 1.</ strong > Overview</ a > </ li > < li class ="chapter-item expanded "> < a href ="02_getting_started.html "> < strong aria-hidden ="true "> 2.</ strong > Getting started</ a > </ li > < li class ="chapter-item expanded "> < a href ="03_data.html "> < strong aria-hidden ="true "> 3.</ strong > Data trait</ a > </ li > < li class ="chapter-item expanded "> < a href ="04_widget.html "> < strong aria-hidden ="true "> 4.</ strong > Widget trait</ a > </ li > < li class ="chapter-item expanded "> < a href ="05_lens.html "> < strong aria-hidden ="true "> 5.</ strong > Lens trait</ a > </ li > < li class ="chapter-item expanded "> < a href ="06_env.html "> < strong aria-hidden ="true "> 6.</ strong > Env</ a > </ li > < li class ="chapter-item expanded "> < a href ="07_resolution_independence.html "> < strong aria-hidden ="true "> 7.</ strong > Resolution independence</ a > </ li > < li class ="chapter-item expanded "> < a href ="08_widgets_in_depth.html "> < strong aria-hidden ="true "> 8.</ strong > Widgets in depth</ a > </ li > < li class ="spacer "> </ li > < li class ="chapter-item expanded "> < a href ="09_more_information.html "> < strong aria-hidden ="true "> 9.</ strong > More information</ a > </ li > </ ol >
106+ <!-- populated by js -->
107+ < mdbook-sidebar-scrollbox class ="sidebar-scrollbox "> </ mdbook-sidebar-scrollbox >
108+ < noscript >
109+ < iframe class ="sidebar-iframe-outer " src ="toc.html "> </ iframe >
110+ </ noscript >
111+ < div id ="sidebar-resize-handle " class ="sidebar-resize-handle ">
112+ < div class ="sidebar-resize-indicator "> </ div >
87113 </ div >
88- < div id ="sidebar-resize-handle " class ="sidebar-resize-handle "> </ div >
89114 </ nav >
90115
91116 < div id ="page-wrapper " class ="page-wrapper ">
92117
93118 < div class ="page ">
94- < div id ="menu-bar-hover-placeholder "> </ div >
95- < div id ="menu-bar " class ="menu-bar sticky bordered ">
119+ < div id ="menu-bar-hover-placeholder "> </ div >
120+ < div id ="menu-bar " class ="menu-bar sticky ">
96121 < div class ="left-buttons ">
97- < button id ="sidebar-toggle " class ="icon-button " type =" button " title ="Toggle Table of Contents " aria-label ="Toggle Table of Contents " aria-controls ="sidebar ">
122+ < label id ="sidebar-toggle " class ="icon-button " for =" sidebar-toggle-anchor " title ="Toggle Table of Contents " aria-label ="Toggle Table of Contents " aria-controls ="sidebar ">
98123 < i class ="fa fa-bars "> </ i >
99- </ button >
124+ </ label >
100125 < button id ="theme-toggle " class ="icon-button " type ="button " title ="Change theme " aria-label ="Change theme " aria-haspopup ="true " aria-expanded ="false " aria-controls ="theme-list ">
101126 < i class ="fa fa-paint-brush "> </ i >
102127 </ button >
103128 < ul id ="theme-list " class ="theme-popup " aria-label ="Themes " role ="menu ">
129+ < li role ="none "> < button role ="menuitem " class ="theme " id ="default_theme "> Auto</ button > </ li >
104130 < li role ="none "> < button role ="menuitem " class ="theme " id ="light "> Light</ button > </ li >
105131 < li role ="none "> < button role ="menuitem " class ="theme " id ="rust "> Rust</ button > </ li >
106132 < li role ="none "> < button role ="menuitem " class ="theme " id ="coal "> Coal</ button > </ li >
107133 < li role ="none "> < button role ="menuitem " class ="theme " id ="navy "> Navy</ button > </ li >
108134 < li role ="none "> < button role ="menuitem " class ="theme " id ="ayu "> Ayu</ button > </ li >
109135 </ ul >
110- < button id ="search-toggle " class ="icon-button " type ="button " title ="Search. (Shortkey: s ) " aria-label ="Toggle Searchbar " aria-expanded ="false " aria-keyshortcuts ="S " aria-controls ="searchbar ">
136+ < button id ="search-toggle " class ="icon-button " type ="button " title ="Search (`/` ) " aria-label ="Toggle Searchbar " aria-expanded ="false " aria-keyshortcuts ="/ s " aria-controls ="searchbar ">
111137 < i class ="fa fa-search "> </ i >
112138 </ button >
113139 </ div >
@@ -124,7 +150,12 @@ <h1 class="menu-title">Druid</h1>
124150
125151 < div id ="search-wrapper " class ="hidden ">
126152 < form id ="searchbar-outer " class ="searchbar-outer ">
127- < input type ="search " id ="searchbar " name ="searchbar " placeholder ="Search this book ... " aria-controls ="searchresults-outer " aria-describedby ="searchresults-header ">
153+ < div class ="search-wrapper ">
154+ < input type ="search " id ="searchbar " name ="searchbar " placeholder ="Search this book ... " aria-controls ="searchresults-outer " aria-describedby ="searchresults-header ">
155+ < div class ="spinner-wrapper ">
156+ < i class ="fa fa-spinner fa-spin "> </ i >
157+ </ div >
158+ </ div >
128159 </ form >
129160 < div id ="searchresults-outer " class ="searchresults-outer hidden ">
130161 < div id ="searchresults-header " class ="searchresults-header "> </ div >
@@ -179,7 +210,7 @@ <h2 id="key-concepts"><a class="header" href="#key-concepts">Key Concepts</a></h
179210 < nav class ="nav-wrapper " aria-label ="Page navigation ">
180211 <!-- Mobile navigation buttons -->
181212
182- < a rel ="next " href ="02_getting_started.html " class ="mobile-nav-chapters next " title ="Next chapter " aria-label ="Next chapter " aria-keyshortcuts ="Right ">
213+ < a rel ="next prefetch " href ="02_getting_started.html " class ="mobile-nav-chapters next " title ="Next chapter " aria-label ="Next chapter " aria-keyshortcuts ="Right ">
183214 < i class ="fa fa-angle-right "> </ i >
184215 </ a >
185216
@@ -190,7 +221,7 @@ <h2 id="key-concepts"><a class="header" href="#key-concepts">Key Concepts</a></h
190221
191222 < nav class ="nav-wide-wrapper " aria-label ="Page navigation ">
192223
193- < a rel ="next " href ="02_getting_started.html " class ="nav-chapters next " title ="Next chapter " aria-label ="Next chapter " aria-keyshortcuts ="Right ">
224+ < a rel ="next prefetch " href ="02_getting_started.html " class ="nav-chapters next " title ="Next chapter " aria-label ="Next chapter " aria-keyshortcuts ="Right ">
194225 < i class ="fa fa-angle-right "> </ i >
195226 </ a >
196227 </ nav >
@@ -216,6 +247,7 @@ <h2 id="key-concepts"><a class="header" href="#key-concepts">Key Concepts</a></h
216247 <!-- Custom JS scripts -->
217248
218249
250+
219251 </ div >
220252 </ body >
221253</ html >
0 commit comments