|
4 | 4 | {% if hasSiteDialog == undefined %}{% set hasSiteDialog = true %}{% endif %} |
5 | 5 | {% if hasGeneratedTitle == undefined %}{% set hasGeneratedTitle = true %}{% endif %} |
6 | 6 | <html lang="en" data-fa-kit-code="38c11e3f20" data-version="{{ package.version }}" class="wa-cloak" {% if |
7 | | - hasAnchors==false %} data-no-anchor{% endif %}> |
| 7 | + hasAnchors == false %} data-no-anchor{% endif %}> |
8 | 8 | <head> |
9 | 9 | {% include 'head.njk' %} |
10 | 10 | <meta name="theme-color" content="#f36944"> |
|
38 | 38 | 'mobile-breakpoint': 1180, 'disable-sticky': 'banner' } %} |
39 | 39 | {% set waPageAttributes = waPageAttributes or {} %} |
40 | 40 | {% set mergedWaPageAttributes = defaultWaPageAttributes | merge(waPageAttributes) %} |
41 | | - <wa-page {% for key, value in mergedWaPageAttributes %} {% if value !=null and value !=false %} {{ key |
| 41 | + <wa-page {% for key, value in mergedWaPageAttributes %} {% if value != null and value != false %} {{ key |
42 | 42 | }}="{{ value }}" {% endif %} {% endfor %}> |
43 | 43 | {# wa-page-based Skip to Content #} |
44 | 44 | {% block pageSkipToContent %}{% endblock %} |
|
53 | 53 |
|
54 | 54 | {# wa-page-based Header #} |
55 | 55 | {% block pageHeader %} |
56 | | - <header slot="header" class="wa-split"> |
57 | | - {# Nav toggle #} |
58 | | - <wa-button appearance="plain" size="small" data-toggle-nav> |
59 | | - <wa-icon name="bars" label="Toggle navigation" class="icon-default icon-embiggen"></wa-icon> |
60 | | - <wa-icon name="burger" aria-hidden="true" class="icon-hover icon-embiggen"></wa-icon> |
61 | | - </wa-button> |
| 56 | + <header slot="header"> |
| 57 | + {% include 'nav-products.njk' %} |
62 | 58 |
|
63 | | - {# Logo - Desktop #} |
64 | | - <a href="/" class="brand-logo wa-desktop-only" aria-label="Web Awesome">{% include "logo.njk" %}</a> |
| 59 | + <div id="docs-header" class="wa-split"> |
| 60 | + {% include "nav-docs.njk" %} |
65 | 61 |
|
66 | | - {# Logo - Mobile #} |
67 | | - <a href="/" class="brand-logo wa-mobile-only" aria-label="Web Awesome">{% include "logo-simple.njk" %}</a> |
| 62 | + {# Nav toggle #} |
| 63 | + {% include "nav-toggle.njk" %} |
68 | 64 |
|
69 | | - <div id="docs-toolbar" class="wa-cluster gap-s"> |
70 | | - <div class="wa-desktop-only wa-cluster wa-gap-2xs"> |
71 | | - {% include "theme-selector.njk" %} |
72 | | - {% include "color-scheme-selector.njk" %} |
73 | | - {% include "github-icon-buttons.njk" %} |
74 | | - </div> |
| 65 | + {# Logo - Mobile #} |
| 66 | + {% include "header-logo-simple.njk" %} |
75 | 67 |
|
76 | | - {#- Login -#} |
77 | | - {% include "login-or-avatar.njk" ignore missing %} |
| 68 | + <div id="docs-toolbar" class="wa-cluster gap-s"> |
| 69 | + <div class="header-toolbar wa-cluster wa-gap-2xs"> |
| 70 | + {% include "theme-selector.njk" %} |
| 71 | + {% include "color-scheme-selector.njk" %} |
| 72 | + {% include "github-icon-buttons.njk" %} |
| 73 | + </div> |
| 74 | + |
| 75 | + {#- Login -#} |
| 76 | + {% include "login-or-avatar.njk" ignore missing %} |
| 77 | + </div> |
78 | 78 | </div> |
79 | 79 | </header> |
80 | 80 | {% endblock %} |
|
87 | 87 | {# Sidebar - Mobile Selectors #} |
88 | 88 | {% if hasSidebar %} |
89 | 89 | <div class="wa-mobile-only" slot="navigation-header"> |
90 | | - <div class="wa-cluster wa-gap-s"> |
91 | | - <a href="/" class="logo-app" aria-label="Web Awesome"> |
92 | | - <wa-icon name="web-awesome" family="brands"></wa-icon> |
93 | | - </a> |
94 | | - <div class="wa-cluster wa-gap-2xs" style="flex-wrap: nowrap;"> |
| 90 | + <div class="wa-split"> |
| 91 | + {% include "nav-products-drawer.njk" %} |
| 92 | + |
| 93 | + <div class="wa-cluster wa-gap-0 wa-flex-nowrap"> |
95 | 94 | {% include "theme-selector.njk" %} |
96 | 95 | {% include "color-scheme-selector.njk" %} |
97 | 96 | {% include "github-icon-buttons.njk" %} |
|
0 commit comments