|
1 | 1 | <header class="header">
|
2 | 2 | <nav class="navbar">
|
3 | 3 | <div class="container">
|
4 |
| - <div class="navbar-brand"> |
5 |
| - <a class="navbar-item" href="https://stackable.tech/en/">{{!--site.title--}}<img src="{{{uiRootPath}}}/img/stackable-logo.png"></a> |
6 |
| - <a class="navbar-item documentation-link" href="{{{or site.homeUrl site.url}}}">Documentation</a> |
7 |
| - {{#if env.SITE_SEARCH_PROVIDER}} |
8 |
| - <div class="navbar-item search hide-for-print"> |
9 |
| - <div id="search-field" class="field"> |
10 |
| - <input id="search-input" type="text" placeholder="Search..."{{#if page.home}} autofocus{{/if}}> |
| 4 | + <div class="navbar-brand"> |
| 5 | + <a class="navbar-item" href="https://stackable.tech/en/">{{!--site.title--}}<img src="{{{uiRootPath}}}/img/stackable-logo.png"></a> |
| 6 | + <a class="navbar-item documentation-link" href="{{{or site.homeUrl site.url}}}">Documentation</a> |
| 7 | + {{#if env.SITE_SEARCH_PROVIDER}} |
| 8 | + <div class="navbar-item search hide-for-print"> |
| 9 | + <div id="search-field" class="field"> |
| 10 | + <input id="search-input" type="text" placeholder="Search..."{{#if page.home}} autofocus{{/if}}> |
| 11 | + </div> |
11 | 12 | </div>
|
| 13 | + {{/if}} |
| 14 | + <button class="navbar-burger" data-target="navbar-sub"> |
| 15 | + <span></span> |
| 16 | + <span></span> |
| 17 | + <span></span> |
| 18 | + </button> |
| 19 | + <a href="https://www.stackable.tech/en/contact/" class="button pull-right">Contact Us</a> |
| 20 | + </div> |
| 21 | + <div id="topbar-nav" class="navbar-menu"> |
12 | 22 | </div>
|
13 |
| - {{/if}} |
14 |
| - <button class="navbar-burger" data-target="navbar-sub"> |
15 |
| - <span></span> |
16 |
| - <span></span> |
17 |
| - <span></span> |
18 |
| - </button> |
19 |
| - <a href="https://www.stackable.tech/en/contact/" class="button pull-right">Contact Us</a> |
20 |
| - </div> |
21 |
| - <div id="topbar-nav" class="navbar-menu"> |
22 | 23 | </div>
|
| 24 | + </nav> |
| 25 | + <nav id="navbar-sub" class="navbar-sub"> |
| 26 | + <div class="container justify-between"> |
| 27 | + <div class="flex flex-col m-0"> |
| 28 | + {{#> navbar }} |
| 29 | + navbar.hbs partial not found - you're seeing failover content |
| 30 | + <a class="navbar-sub-item" href="#">Home</a> |
| 31 | + <div class="navbar-sub-item drop-down"> |
| 32 | + Operators |
| 33 | + <div class="drop-down-content"> |
| 34 | + <a class="drop-down-item" href="#">Operator 1</a> |
| 35 | + <a class="drop-down-item" href="#">Operator 2</a> |
| 36 | + </div> |
| 37 | + </div> |
| 38 | + {{/navbar}} |
| 39 | + <a class="arrow" href="javascript:document.querySelector('.navbar-sub').classList.toggle('open')"> |
| 40 | + <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> |
| 41 | + </a> |
23 | 42 | </div>
|
24 |
| - </nav> |
25 |
| - <nav id="navbar-sub" class="navbar-sub"> |
26 |
| - <div class="container justify-between"> |
27 |
| - <div class="flex flex-col m-0"> |
28 |
| - {{#> navbar }} |
29 |
| - navbar.hbs partial not found - you're seeing failover content |
30 |
| - <a class="navbar-sub-item" href="#">Home</a> |
31 |
| - <div class="navbar-sub-item drop-down"> |
32 |
| - Operators |
33 |
| - <div class="drop-down-content"> |
34 |
| - <a class="drop-down-item" href="#">Operator 1</a> |
35 |
| - <a class="drop-down-item" href="#">Operator 2</a> |
36 |
| - </div> |
37 |
| - </div> |
38 |
| - {{/navbar}} |
39 |
| - <a class="arrow" href="javascript:document.querySelector('.navbar-sub').classList.toggle('open')"> |
40 |
| - <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> |
41 |
| - </a> |
42 |
| - </div> |
43 |
| - <div class="flex flex-col m-0"> |
44 |
| - {{#with @root.page.versions}} |
45 |
| - <div class="page-versions"> |
46 |
| - <button class="version-menu-toggle" title="Show other versions of page">{{@root.page.componentVersion.displayVersion}}</button> |
47 |
| - <div class="version-menu"> |
48 |
| - {{#each this}} |
49 |
| - <a class="version |
50 |
| - {{~#if (eq ./version @root.page.version)}} is-current{{/if~}} |
51 |
| - {{~#if ./missing}} is-missing{{/if}}" href="{{{relativize ./url}}}">{{./displayVersion}}</a> |
52 |
| - {{/each}} |
53 |
| - </div> |
| 43 | + <div class="flex flex-col m-0"> |
| 44 | + {{#with @root.page.versions}} |
| 45 | + <div class="page-versions"> |
| 46 | + <button class="version-menu-toggle" title="Show other versions of page">{{@root.page.componentVersion.displayVersion}}</button> |
| 47 | + <div class="version-menu"> |
| 48 | + {{#each this}} |
| 49 | + <a class="version |
| 50 | + {{~#if (eq ./version @root.page.version)}} is-current{{/if~}} |
| 51 | + {{~#if ./missing}} is-missing{{/if}}" href="{{{relativize ./url}}}">{{./displayVersion}}</a> |
| 52 | + {{/each}} |
54 | 53 | </div>
|
55 |
| - {{/with}} |
56 | 54 | </div>
|
| 55 | + {{/with}} |
57 | 56 | </div>
|
58 |
| - </nav> |
59 |
| - </header> |
| 57 | + </div> |
| 58 | + </nav> |
| 59 | +</header> |
0 commit comments