<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <hr id="status_bar"> <div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="//chaospott.de"> chaospott </a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".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> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li class="divider-vertical"></li> <li><a href="/blog.html">Logbuch</a></li> <li class="divider-vertical"></li> <li><a href="/#about">Über uns</a></li> <li class="divider-vertical"></li> <li><a href="#contact">Kontakt</a></li> <li class="divider-vertical"></li> <li><a href="https://wiki.chaospott.de">Wiki</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <script> $.getJSON("http://status.chaospott.de/status.json").done(function(data) { if(data.state.open) { $( "#status_open" ).css( "display", "block" ); $( "#status_bar" ).css( "borderColor", "#5CB85C" ); } else { $( "#status_closed" ).css( "display", "block" ); $( "#status_bar" ).css( "borderColor", "#D9534F" ); } }); </script> <li id="status_open"> <a href="/status.html" style="color:#5CB85C !important;"> Raum offen </a> </li> <li id="status_closed"> <a href="/status.html"> Raum geschlossen </a> </li> </ul> </div> </div> </nav>