|
1 | 1 | <nav class="navbar navbar-expand-xl navbar-light fixed-top navbar-custom {% if page.nav-short %}top-nav-short-permanent{% else %}top-nav-regular{% endif %}">
|
| 2 | + <div class="container-fluid"> |
2 | 3 |
|
3 |
| - {%- if site.title-img -%} |
4 |
| - <a class="navbar-brand navbar-brand-logo" href="{{ '/' | absolute_url }}"><img alt="{{ site.title }} Logo" src="{{ site.title-img | relative_url}}"/></a> |
5 |
| - {%- elsif site.title -%} |
6 |
| - <a class="navbar-brand" href="{{ '/' | absolute_url }}">{{ site.title }}</a> |
7 |
| - {%- endif -%} |
| 4 | + {%- if site.title-img -%} |
| 5 | + <a class="navbar-brand navbar-brand-logo" href="{{ '/' | absolute_url }}"><img alt="{{ site.title }} Logo" src="{{ site.title-img | relative_url}}"/></a> |
| 6 | + {%- elsif site.title -%} |
| 7 | + <a class="navbar-brand" href="{{ '/' | absolute_url }}">{{ site.title }}</a> |
| 8 | + {%- endif -%} |
8 | 9 |
|
9 |
| - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation"> |
10 |
| - <span class="navbar-toggler-icon"></span> |
11 |
| - </button> |
| 10 | + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation"> |
| 11 | + <span class="navbar-toggler-icon"></span> |
| 12 | + </button> |
12 | 13 |
|
13 |
| - <div class="collapse navbar-collapse" id="main-navbar"> |
14 |
| - <ul class="navbar-nav ml-auto"> |
15 |
| - {%- for link in site.navbar-links -%} |
16 |
| - {%- if link[1].first %} |
17 |
| - <li class="nav-item dropdown"> |
18 |
| - <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ link[0] }}</a> |
19 |
| - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"> |
20 |
| - {%- for childlink in link[1] -%} |
21 |
| - {%- for linkparts in childlink %} |
22 |
| - <a class="dropdown-item" href="{{ linkparts[1] | relative_url }}">{{ linkparts[0] }}</a> |
23 |
| - {%- endfor -%} |
24 |
| - {%- endfor %} |
25 |
| - </div> |
26 |
| - </li> |
27 |
| - {% else %} |
| 14 | + <div class="collapse navbar-collapse" id="main-navbar"> |
| 15 | + <ul class="navbar-nav ms-auto"> |
| 16 | + {%- for link in site.navbar-links -%} |
| 17 | + {%- if link[1].first %} |
| 18 | + <li class="nav-item dropdown"> |
| 19 | + <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">{{ link[0] }}</a> |
| 20 | + <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown"> |
| 21 | + {%- for childlink in link[1] -%} |
| 22 | + {%- for linkparts in childlink %} |
| 23 | + <a class="dropdown-item" href="{{ linkparts[1] | relative_url }}">{{ linkparts[0] }}</a> |
| 24 | + {%- endfor -%} |
| 25 | + {%- endfor %} |
| 26 | + </div> |
| 27 | + </li> |
| 28 | + {% else %} |
| 29 | + <li class="nav-item"> |
| 30 | + <a class="nav-link" href="{{ link[1] | relative_url }}">{{ link[0] }}</a> |
| 31 | + </li> |
| 32 | + {%- endif -%} |
| 33 | + {%- endfor -%} |
| 34 | + {% if site.post_search %} |
28 | 35 | <li class="nav-item">
|
29 |
| - <a class="nav-link" href="{{ link[1] | relative_url }}">{{ link[0] }}</a> |
| 36 | + <a class="nav-link" id="nav-search-link" href="#" title="Search"> |
| 37 | + <span id="nav-search-icon" class="fa fa-search"></span> |
| 38 | + <span id="nav-search-text">Search</span> |
| 39 | + </a> |
30 | 40 | </li>
|
31 | 41 | {%- endif -%}
|
32 |
| - {%- endfor -%} |
33 |
| - {% if site.post_search %} |
34 |
| - <li class="nav-item"> |
35 |
| - <a class="nav-link" id="nav-search-link" href="#" title="Search"> |
36 |
| - <span id="nav-search-icon" class="fa fa-search"></span> |
37 |
| - <span id="nav-search-text">Search</span> |
38 |
| - </a> |
39 |
| - </li> |
40 |
| - {%- endif -%} |
41 |
| - </ul> |
42 |
| - </div> |
| 42 | + </ul> |
| 43 | + </div> |
43 | 44 |
|
44 |
| - {% if site.navbar-extra %} |
45 |
| - {% for file in site.navbar-extra %} |
46 |
| - {% include {{ file }} %} |
47 |
| - {% endfor %} |
48 |
| - {% endif %} |
| 45 | + {% if site.navbar-extra %} |
| 46 | + {% for file in site.navbar-extra %} |
| 47 | + {% include {{ file }} %} |
| 48 | + {% endfor %} |
| 49 | + {% endif %} |
49 | 50 |
|
50 |
| - {% if site.avatar and page.show-avatar != false %} |
51 |
| - <div class="avatar-container"> |
52 |
| - <div class="avatar-img-border"> |
53 |
| - <a href="{{ '/' | absolute_url }}"> |
54 |
| - <img alt="Navigation bar avatar" class="avatar-img" src="{{ site.avatar | relative_url }}" /> |
55 |
| - </a> |
| 51 | + {% if site.avatar and page.show-avatar != false %} |
| 52 | + <div class="avatar-container"> |
| 53 | + <div class="avatar-img-border"> |
| 54 | + <a href="{{ '/' | absolute_url }}"> |
| 55 | + <img alt="Navigation bar avatar" class="avatar-img" src="{{ site.avatar | relative_url }}" /> |
| 56 | + </a> |
| 57 | + </div> |
56 | 58 | </div>
|
57 |
| - </div> |
58 |
| - {% endif %} |
| 59 | + {% endif %} |
59 | 60 |
|
| 61 | + </div> |
60 | 62 | </nav>
|
61 | 63 |
|
62 | 64 | {% include search.html %}
|
0 commit comments