|
1 | 1 | <!-- Fixed navbar --> |
2 | | -<div class="navbar navbar-default navbar-fixed-top" role="navigation"> |
3 | | - <div class="container"> |
4 | | - <div class="navbar-header"> |
5 | | - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> |
6 | | - <span class="sr-only">Toggle navigation</span> |
7 | | - <span class="icon-bar"></span> |
8 | | - <span class="icon-bar"></span> |
9 | | - <span class="icon-bar"></span> |
10 | | - </button> |
11 | | - <a class="navbar-brand" href="{{ "/" | prepend: site.baseurl }}">{{ site.title }}</a> |
12 | | - </div> |
13 | | - <div class="navbar-collapse collapse navbar-right"> |
14 | | - <ul class="nav navbar-nav"> |
15 | | - <li {% if page.title == "XXX" %}class="active"{% endif %}><a data-toggle="collapse" data-target=".navbar-collapse" href="{{"/#download" | prepend: site.baseurl }}">Download</a></li> |
16 | | - <li {% if page.title == "News" %}class="active"{% endif %}><a href="{{"/news/" | prepend: site.baseurl }}">News</a></li> |
17 | | - <li class="dropdown"> |
18 | | - <a class="dropdown-toggle" data-toggle="dropdown" href="#">Web server |
19 | | - <span class="caret"></span></a> |
| 2 | +<nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark"> |
| 3 | + <div class="container-fluid"> |
| 4 | + <a class="navbar-brand" href="{{ "/" | prepend: site.baseurl }}">{{ site.title }}</a> |
| 5 | + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
| 6 | + <span class="navbar-toggler-icon"></span> |
| 7 | + </button> |
| 8 | + <div class="collapse navbar-collapse" id="navbarSupportedContent"> |
| 9 | + <ul class="navbar-nav me-auto mb-0 mb-lg-0"> |
| 10 | + <li {% if page.title == "XXX" %}class="nav-item active"{% else %}class="nav-item"{% endif %}> |
| 11 | + <a class="nav-link" aria-current="page" href="{{"/#download" | prepend: site.baseurl }}">Download</a> |
| 12 | + </li> |
| 13 | + <li {% if page.title == "News" %}class="nav-item active"{% else %}class="nav-item"{% endif %}> |
| 14 | + <a class="nav-link" href="{{"/news/" | prepend: site.baseurl }}">News</a> |
| 15 | + </li> |
| 16 | + <li class="nav-item dropdown"> |
| 17 | + <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> |
| 18 | + Web server |
| 19 | + </a> |
20 | 20 | <ul class="dropdown-menu"> |
21 | | - <li><a href="http://iqtree.cibiv.univie.ac.at" target="_blank">CIBIV, Austria</a></li> |
22 | | - <li><a href="https://www.hiv.lanl.gov/content/sequence/IQTREE/iqtree.html" target="_blank">Los Alamos Lab, USA</a></li> |
23 | | - <li><a href="https://www.phylo.org" target="_blank">CIPRES Gateway, USA</a></li> |
| 21 | + <li><a class="dropdown-item" href="http://iqtree.cibiv.univie.ac.at" target="_blank">CIBIV, Austria</a></li> |
| 22 | + <li><a class="dropdown-item" href="https://www.hiv.lanl.gov/content/sequence/IQTREE/iqtree.html" target="_blank">Los Alamos Lab, USA</a></li> |
| 23 | + <li><a class="dropdown-item" href="https://www.phylo.org" target="_blank">CIPRES Gateway, USA</a></li> |
24 | 24 | </ul> |
25 | 25 | </li> |
26 | | - <li {% if page.title == "Documentation" or page.categories.first == "doc" %}class="active"{% endif %}><a href="{{"/doc/" | prepend: site.baseurl }}">Docs</a></li> |
27 | | - <li {% if page.title == "Workshops"%}class="active"{% endif %}><a href="{{"/workshop/" | prepend: site.baseurl }}">Workshop</a></li> |
28 | | - <li {% if page.title == "About IQ-TREE" %}class="active"{% endif %}><a href="{{"/about/" | prepend: site.baseurl }}">About</a></li> |
| 26 | + <li {% if page.title == "Documentation" or page.categories.first == "doc" %}class="nav-item active"{% else %}class="nav-item"{% endif %}> |
| 27 | + <a class="nav-link" href="{{"/doc/" | prepend: site.baseurl }}">Docs</a> |
| 28 | + </li> |
| 29 | + <li {% if page.title == "Workshops"%}class="nav-item active"{% else %}class="nav-item"{% endif %}> |
| 30 | + <a class="nav-link" href="{{"/workshop/" | prepend: site.baseurl }}">Workshop</a> |
| 31 | + </li> |
| 32 | + <li {% if page.title == "About IQ-TREE" %}class="nav-item active"{% else %}class="nav-item"{% endif %}> |
| 33 | + <a class="nav-link" href="{{"/about/" | prepend: site.baseurl }}">About</a> |
| 34 | + </li> |
29 | 35 | </ul> |
30 | 36 | </div><!--/.nav-collapse --> |
31 | 37 | </div> |
32 | | -</div> |
| 38 | +</nav> |
0 commit comments