diff options
Diffstat (limited to '_includes/header.html')
-rw-r--r-- | _includes/header.html | 92 |
1 files changed, 46 insertions, 46 deletions
diff --git a/_includes/header.html b/_includes/header.html index 3a9229f..941fd86 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,51 +1,51 @@ {% capture content %} - <nav class="navbar navbar-static-top navbar-inverse"> - <div class="container"> - <!-- Brand and toggle get grouped for better mobile display --> - <div class="navbar-header"> - <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar-collapse"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - <a class="navbar-brand" href="/">Jakob Odersky</a> - </div> - <div class="collapse navbar-collapse" id="main-navbar-collapse"> - <ul class="nav navbar-nav"> - <li {% if page.id == "about" %} class="active" {% endif %}> - <a href="/">About Me</a> - </li> - <li {% if page.id == "projects" %} class="active" {% endif %}> - <a href="/projects/">Projects</a> - </li> - <!--<li {% if page.id == "blog" %} class="active" {% endif %}> - <a href="/blog">Blog</a> - </li>--> - </ul> - <ul class="nav navbar-nav navbar-right"> - <li> - <a href="/" title="Contact"><i class="fa fa-inverse fa-lg fa-envelope"></i></a> - </li> - <li> - <a href="https://www.github.com/jodersky" title="GitHub"><i class="fa fa-inverse fa-lg fa-github"></i></a> - </li> - <li> - <a href="https://twitter.com/jodersky" title="Twitter"><i class="fa fa-inverse fa-lg fa-twitter"></i></a> - </li> - <li> - <a href="https://www.linkedin.com/in/jodersky" title="LinkedIn"><i class="fa fa-inverse fa-lg fa-linkedin-square"></i></a> - </li> - <li> - <a href="https://keybase.io/jodersky" title="Keybase"><i class="fa fa-inverse fa-lg fa-key"></i></a> - </li> - </ul> - </div> - </div> - </nav> - +<header> + <nav class="navbar navbar-toggleable-sm navbar-inverse bg-inverse"> + <button class="navbar-toggler navbar-toggler-right" type="button" + data-toggle="collapse" data-target="#navbar-content"> + + <span class="navbar-toggler-icon"></span> + </button> <div class="container"> - {{ content }} + + <a class="navbar-brand" href="/">Jakob Odersky</a> + + <div class="collapse navbar-collapse" id="navbar-content"> + <ul class="navbar-nav"> + <li class="nav-item{% if page.id == "about" %} active{% endif %}"> + <a class="nav-link" href="/">About Me</a> + </li> + <li class="nav-item{% if page.id == "projects" %} active{% endif %}"> + <a class="nav-link" href="/projects/">Projects</a> + </li> + <!--<li class="nav-item{% if page.id == "blog" %} active{% endif %}"> + <a class="nav-link" href="/blog">Blog</a> + </li>--> + </ul> + <ul class="navbar-nav ml-auto"> + <li class="nav-item"> + <a class="nav-link" href="/" title="Contact"><i class="fa fa-inverse fa-lg fa-envelope"></i></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="https://www.github.com/jodersky" title="GitHub"><i class="fa fa-inverse fa-lg fa-github"></i></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="https://twitter.com/jodersky" title="Twitter"><i class="fa fa-inverse fa-lg fa-twitter"></i></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="https://www.linkedin.com/in/jodersky" title="LinkedIn"><i class="fa fa-inverse fa-lg fa-linkedin-square"></i></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="https://keybase.io/jodersky" title="Keybase"><i class="fa fa-inverse fa-lg fa-key"></i></a> + </li> + </ul> + + </div> </div> + </nav> +</header> +<main class="container"> + {{ content }} +</main> {% endcapture %} {% include main.html %} |