layouts/header.erb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
----- filter: erb ----- <% def active_if(ident) if @item[:permalink] == ident then %{ class="active"} else "" end end %><div class="container"> <div class="row" id="header-row"> <div class="col-md-6 main-title"> <h1> <% if @item[:permalink] != 'home' then %> <a href="/"><img src="/img/h3rald.png" alt="H3RALD" /></a> <% else %> <img src="/img/h3rald.png" alt="H3RALD" /> <% end %> </h1> </div> <div class="col-md-4 col-md-offset-2"> <div class="gcse-searchbox" data-enableAutoComplete="true"></div> </div> </div> <div id="search_results"> <div class="gcse-searchresults" data-linkTarget="_top"></div> </div> <div id="main-navbar" class="navbar navbar-inverse" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" 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<%=active_if("home")%>><a href="/"><i class="fa fa-home"></i> HOME</a></li> <li<%=active_if("projects")%>><a href="/projects/"><i class="fa fa-briefcase"></i> PROJECTS</a></li> <li<%=active_if("tags")%>><a href="/tags/"><i class="fa fa-tags"></i> TAGS</a></li> <li<%=active_if("archives")%>><a href="/archives/"><i class="fa fa-archive"></i> ARCHIVES</a></li> <li<%=active_if("about")%>><a href="/about/"><i class="fa fa-question-circle"></i> ABOUT</a></li> <li<%=active_if("contact")%>><a href="/contact/"><i class="fa fa-envelope"></i> CONTACT</a></li> </ul> </div> </div> </div> |