|
164 | 164 |
|
165 | 165 | <body class="d-flex flex-column min-vh-100"> |
166 | 166 | {% capture logo_path %}{{ site.logo }}{% endcapture %} |
167 | | - <header class="border-bottom sticky-top z-3 bg-body"> |
| 167 | + <header class="border-bottom sticky-top bg-body"> |
168 | 168 | <nav class="navbar navbar-expand-sm"> |
169 | 169 | <div class="container-fluid"> |
170 | | - <a class="navbar-brand d-flex align-items-center gap-2" href="{{ '/' | relative_url }}" style="min-height: 64px;"> |
| 170 | + <a class="navbar-brand d-flex align-items-center gap-2" href="{{ '/' | relative_url }}" style="min-height: 56px;"> |
171 | 171 | {% unless logo_path == empty %} |
172 | 172 | <img width="32" height="32" src="{{ logo_path | relative_url }}" alt="{{ site.title }}"> |
173 | 173 | {% endunless %} |
174 | 174 | <span class="fw-bold">{{ site.title | escape_once | strip }}</span> |
175 | 175 | </a> |
176 | | - <div> |
| 176 | + <div class="border rounded-3 overflow-hidden"> |
177 | 177 | {% if page.sidebar and page.sidebar.nav %} |
178 | | - <button class="btn btn-outline-secondary d-xl-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebar"> |
| 178 | + <button class="border-0 btn btn-outline-secondary d-xl-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebar"> |
179 | 179 | <i class="bi bi-list text-body"></i> |
180 | 180 | </button> |
181 | 181 | {% endif %} |
182 | 182 | {% if page.toc %} |
183 | | - <button class="btn btn-outline-secondary d-md-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#toc"> |
| 183 | + <button class="border-0 btn btn-outline-secondary d-md-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#toc"> |
184 | 184 | <i class="bi bi-list-ul text-body"></i> |
185 | 185 | </button> |
186 | 186 | {% endif %} |
187 | | - <button class="btn btn-outline-secondary d-sm-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbar"> |
| 187 | + <button class="border-0 btn btn-outline-secondary d-sm-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbar"> |
188 | 188 | <i class="bi bi-three-dots text-body"></i> |
189 | 189 | </button> |
190 | 190 | </div> |
|
205 | 205 |
|
206 | 206 | <main class="flex-fill"> |
207 | 207 | <div class="d-flex"> |
208 | | - {% if page.sidebar and page.sidebar.nav %} |
209 | | - <aside class="z-2 offcanvas-xl offcanvas-start flex-shrink-0 sticky-xl-top overflow-auto border-end" data-bs-backdrop="false" data-bs-scroll="true" id="sidebar" style="width: 240px; height: calc(100vh - 80px); top: 80px;"> |
210 | | - <div class="list-group list-group-flush small"> |
211 | | - {% for navname in page.sidebar.nav %} |
212 | | - {% assign navigation = site.data.navigation[navname] %} |
213 | | - {% for nav in navigation %} |
214 | | - {% if nav.url %} |
215 | | - <a class="list-group-item list-group-item-action fw-semibold{% if nav.url == page.url %} active{% endif %}" href="{{ nav.url | relative_url }}">{{ nav.title }}</a> |
216 | | - {% else %} |
217 | | - <span class="list-group-item fw-semibold">{{ nav.title }}</span> |
218 | | - {% endif %} |
219 | | - {% if nav.children != null %} |
220 | | - <div class="list-group-item py-0 pe-0 list-group list-group-flush small"> |
221 | | - {% for child in nav.children %} |
222 | | - <a class="list-group-item list-group-item-action{% if child.url == page.url %} active{% endif %}" href="{{ child.url | relative_url }}">{{ child.title }}</a> |
223 | | - {% endfor %} |
224 | | - </div> |
225 | | - {% endif %} |
226 | | - {% endfor %} |
| 208 | + <aside class="offcanvas-xl offcanvas-start flex-shrink-0 sticky-xl-top overflow-auto border-end d-flex flex-column" data-bs-backdrop="true" data-bs-scroll="false" id="sidebar" style="width: 240px; height: calc(100vh - 73px); top: 73px;"> |
| 209 | + <div class="flex-fill list-group list-group-flush small"> |
| 210 | + {% for nav in site.data.navigation.docs %} |
| 211 | + {% if nav.url %} |
| 212 | + <a class="list-group-item list-group-item-action fw-semibold{% if nav.url == page.url %} active{% endif %}" href="{{ nav.url | relative_url }}">{{ nav.title }}</a> |
| 213 | + {% else %} |
| 214 | + <span class="list-group-item fw-semibold">{{ nav.title }}</span> |
| 215 | + {% endif %} |
| 216 | + {% if nav.children != null %} |
| 217 | + <div class="list-group-item py-0 pe-0 list-group list-group-flush small"> |
| 218 | + {% for child in nav.children %} |
| 219 | + <a class="list-group-item list-group-item-action{% if child.url == page.url %} active{% endif %}" href="{{ child.url | relative_url }}">{{ child.title }}</a> |
| 220 | + {% endfor %} |
| 221 | + </div> |
| 222 | + {% endif %} |
227 | 223 | {% endfor %} |
228 | 224 | </div> |
| 225 | + <div class="p-2 small"> |
| 226 | + <div class="small"> |
| 227 | + <div>Copyright © {% assign site_time = site.time | date: '%Y' %}{% if site.footer.since and site_time != site.footer.since %}{{ site.footer.since }} - {% endif %}{{ site_time }} <a class="text-body text-decoration-none" href="{{ site.copyright_url | default: site.url }}">{{ site.copyright | default: site.title | escape_once | strip }}</a>.</div> |
| 228 | + <div>Powered by <a class="text-body text-decoration-none" href="https://jekyllrb.com">Jekyll</a> & <a class="text-body text-decoration-none" href="https://getbootstrap.com">Bootstrap</a>.</div> |
| 229 | + <div><a class="text-body text-decoration-none" href="{{ site.icp.url }}">{{ site.icp.name }}</a></div> |
| 230 | + </div> |
| 231 | + </div> |
229 | 232 | </aside> |
230 | | - {% endif %} |
231 | 233 | <article class="flex-fill pt-3">{{ content }}</article> |
232 | 234 | </div> |
233 | 235 | </main> |
234 | | - |
235 | | - <footer class="bg-body-tertiary border-top"> |
236 | | - <div class="container-fluid py-3 py-md-4 text-body-secondary"> |
237 | | - <div class="small d-flex gap-2 flex-wrap justify-content-between"> |
238 | | - <div> |
239 | | - Copyright © {% assign site_time = site.time | date: '%Y' %}{% if site.footer.since and site_time != site.footer.since %}{{ site.footer.since }} - {% endif %}{{ site_time }} <a class="text-body text-decoration-none" href="{{ site.copyright_url | default: site.url }}">{{ site.copyright | default: site.title | escape_once | strip }}</a>. |
240 | | - Powered by <a class="text-body text-decoration-none" href="https://jekyllrb.com">Jekyll</a> & <a class="text-body text-decoration-none" href="https://getbootstrap.com">Bootstrap</a>. |
241 | | - </div> |
242 | | - <div><a class="text-body text-decoration-none" href="{{ site.icp.url }}">{{ site.icp.name }}</a></div> |
243 | | - </div> |
244 | | - </div> |
245 | | - </footer> |
246 | 236 | <script src="{{ '/assets/js/bootstrap.bundle.min.js' | relative_url }}"></script> |
247 | 237 | </body> |
248 | 238 |
|
|
0 commit comments