|
1 | 1 | <!DOCTYPE HTML>
|
2 |
| -<html lang="{{ language }}" class="{{ default_theme }}" dir="{{ text_direction }}"> |
| 2 | +<html lang="{{ language }}" class="{{ default_theme }} sidebar-visible" dir="{{ text_direction }}"> |
3 | 3 | <head>
|
4 | 4 | <!-- Book generated using mdBook -->
|
5 | 5 | <meta charset="UTF-8">
|
|
52 | 52 | <!-- MathJax -->
|
53 | 53 | <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
|
54 | 54 | {{/if}}
|
55 |
| - </head> |
56 |
| - <body class="sidebar-visible no-js"> |
57 |
| - <div id="body-container"> |
| 55 | + |
58 | 56 | <!-- Provide site root to javascript -->
|
59 | 57 | <script>
|
60 | 58 | var path_to_root = "{{ path_to_root }}";
|
61 | 59 | var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "{{ preferred_dark_theme }}" : "{{ default_theme }}";
|
62 | 60 | </script>
|
63 |
| - |
| 61 | + <!-- Start loading toc.js asap --> |
| 62 | + <script src="{{ path_to_root }}toc.js"></script> |
| 63 | + </head> |
| 64 | + <body> |
| 65 | + <div id="body-container"> |
64 | 66 | <!-- Work around some values being stored in localStorage wrapped in quotes -->
|
65 | 67 | <script>
|
66 | 68 | try {
|
|
82 | 84 | var theme;
|
83 | 85 | try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
|
84 | 86 | if (theme === null || theme === undefined) { theme = default_theme; }
|
85 |
| - var html = document.querySelector('html'); |
| 87 | + const html = document.documentElement; |
86 | 88 | html.classList.remove('{{ default_theme }}')
|
87 | 89 | html.classList.add(theme);
|
88 |
| - var body = document.querySelector('body'); |
89 |
| - body.classList.remove('no-js') |
90 |
| - body.classList.add('js'); |
| 90 | + html.classList.add("js"); |
91 | 91 | </script>
|
92 | 92 |
|
93 | 93 | <input type="checkbox" id="sidebar-toggle-anchor" class="hidden">
|
94 | 94 |
|
95 | 95 | <!-- Hide / unhide sidebar before it is displayed -->
|
96 | 96 | <script>
|
97 |
| - var body = document.querySelector('body'); |
98 | 97 | var sidebar = null;
|
99 | 98 | var sidebar_toggle = document.getElementById("sidebar-toggle-anchor");
|
100 | 99 | if (document.body.clientWidth >= 1080) {
|
|
104 | 103 | sidebar = 'hidden';
|
105 | 104 | }
|
106 | 105 | sidebar_toggle.checked = sidebar === 'visible';
|
107 |
| - body.classList.remove('sidebar-visible'); |
108 |
| - body.classList.add("sidebar-" + sidebar); |
| 106 | + html.classList.remove('sidebar-visible'); |
| 107 | + html.classList.add("sidebar-" + sidebar); |
109 | 108 | </script>
|
110 | 109 |
|
111 | 110 | <nav id="sidebar" class="sidebar" aria-label="Table of contents">
|
112 |
| - <div class="sidebar-scrollbox"> |
113 |
| - {{#toc}}{{/toc}} |
114 |
| - <div |
115 |
| - id="mdbook-ad-placement" |
116 |
| - class="flat" |
117 |
| - data-ea-publisher="readthedocs" |
118 |
| - data-ea-type="readthedocs-sidebar" |
119 |
| - data-ea-manual="true" |
120 |
| - style="width: 70%; margin: 0 auto;" |
121 |
| - ></div> |
122 |
| - </div> |
| 111 | + <!-- populated by js --> |
| 112 | + <mdbook-sidebar-scrollbox class="sidebar-scrollbox"></mdbook-sidebar-scrollbox> |
| 113 | + <noscript> |
| 114 | + <iframe class="sidebar-iframe-outer" src="{{ path_to_root }}toc.html"></iframe> |
| 115 | + </noscript> |
123 | 116 | <div id="sidebar-resize-handle" class="sidebar-resize-handle">
|
124 | 117 | <div class="sidebar-resize-indicator"></div>
|
125 | 118 | </div>
|
126 | 119 | </nav>
|
127 | 120 |
|
128 |
| - <!-- Track and set sidebar scroll position --> |
129 |
| - <script> |
130 |
| - var sidebarScrollbox = document.querySelector('#sidebar .sidebar-scrollbox'); |
131 |
| - sidebarScrollbox.addEventListener('click', function(e) { |
132 |
| - if (e.target.tagName === 'A') { |
133 |
| - sessionStorage.setItem('sidebar-scroll', sidebarScrollbox.scrollTop); |
134 |
| - } |
135 |
| - }, { passive: true }); |
136 |
| - var sidebarScrollTop = sessionStorage.getItem('sidebar-scroll'); |
137 |
| - sessionStorage.removeItem('sidebar-scroll'); |
138 |
| - if (sidebarScrollTop) { |
139 |
| - // preserve sidebar scroll position when navigating via links within sidebar |
140 |
| - sidebarScrollbox.scrollTop = sidebarScrollTop; |
141 |
| - } else { |
142 |
| - // scroll sidebar to current active section when navigating via "next/previous chapter" buttons |
143 |
| - var activeSection = document.querySelector('#sidebar .active'); |
144 |
| - if (activeSection) { |
145 |
| - activeSection.scrollIntoView({ block: 'center' }); |
146 |
| - } |
147 |
| - } |
148 |
| - </script> |
149 |
| - |
150 | 121 | <div id="page-wrapper" class="page-wrapper">
|
151 | 122 |
|
152 | 123 | <div class="page">
|
|
222 | 193 | <main>
|
223 | 194 | {{{ content }}}
|
224 | 195 |
|
225 |
| - <!-- Page footer --> |
226 |
| - <hr> |
227 |
| - <div class="left" style="width: 75%"> |
228 |
| - <p>Development of <b>glotzerlab-software</b> is led by the <a href="https://glotzerlab.engin.umich.edu">Glotzer Group</a> at the <a href="https://umich.edu">University of Michigan</a>. |
229 |
| - <p>Copyright © 2024 The Regents of the University of Michigan. |
230 |
| - </div> |
231 |
| - <div class="right"> |
232 |
| - <a href="https://umich.edu"> |
233 |
| - <img class="right" src="{{ path_to_root }}images/umich-block-M.svg" alt="University of Michigan logo" style="width: 84px" /> |
234 |
| - </a> |
235 |
| - </div> |
236 |
| - <div style="clear:both" /> |
237 |
| - </main> |
| 196 | + <!-- Page footer --> |
| 197 | + <hr> |
| 198 | + <div class="left" style="width: 75%"> |
| 199 | + <p>Development of <b>glotzerlab-software</b> is led by the <a href="https://glotzerlab.engin.umich.edu">Glotzer Group</a> at the <a href="https://umich.edu">University of Michigan</a>. |
| 200 | + <p>Copyright © 2024 The Regents of the University of Michigan. |
| 201 | + </div> |
| 202 | + <div class="right"> |
| 203 | + <a href="https://umich.edu"> |
| 204 | + <img class="right" src="{{ path_to_root }}images/umich-block-M.svg" alt="University of Michigan logo" style="width: 84px" /> |
| 205 | + </a> |
| 206 | + </div> |
| 207 | + <div style="clear:both" /> |
| 208 | + </main> |
238 | 209 |
|
239 | 210 | <nav class="nav-wrapper" aria-label="Page navigation">
|
240 | 211 | <!-- Mobile navigation buttons -->
|
|
0 commit comments