_header.html

<header id="header" class="clearfix">
  <div class="container-fluid">
      <div class="row">
          <div class="logo">
              <div class="header-logo">
                <script>
                  var getwbclass = function() {
                    var wbclass = ['b', 'w'];
                    return wbclass[Math.floor(Math.random()*wbclass.length)];
                  }
                  var sitetitle = {{.Site.Title}};
                  for (i in sitetitle) {
                    document.write('<a href="/"><span class="' + getwbclass() + ' titlechar">' + sitetitle.charAt(i) + '</span></a>');
                  }          
                  //setInterval("$('span.titlechar').each(function(i,v){$(this).attr('class', getwbclass()+' titlechar')})",1000);
                </script>
                <!--
                <a href="/">
                  <span class="b">A</span>
                </a>
                <a href="/">
                  <span class="b">k</span>
                </a>
                <a href="/">
                  <span class="b">k</span>
                </a>
                <a href="/">
                  <span class="w">u</span>
                </a>
                <a href="/">
                  <span class="b">m</span>
                </a>
                <a href="/">
                  <span class="b">a</span>
                </a>
                <a href="/">
                  <span class="b">n</span>
                </a>
                -->
                <a id="btn-menu" href="javascript:isMenu();">
                    <span class="b">·</span>
                </a>
                <a href="javascript:isMenu1();">
                    <span id="menu-1" class="bf">1</span>
                </a>
                <a href="javascript:isMenu2();">
                    <span id="menu-2" class="bf">2</span>
                </a>
                <a href="javascript:isMenu3();">
                    <span id="menu-3" class="bf">3</span>
                </a>
              </div>
              <div id="menu-page">
                <a href="{{.Site.Root}}/archive.html"><li>{{i18n "archive"}}</li></a>
                <a href="{{.Site.Root}}/tag.html"><li>{{i18n "tag"}}</li></a>
                {{if .Site.Url}}
                <a href="{{.Site.Root}}/atom.xml"><li>{{i18n "rss"}}</li></a>
                {{end}}
                <a href="{{.Site.Root}}/about.html"><li>{{i18n "about"}}</li></a>
              </div>
              <div id="search-box">
                  <div id="search">
                      <input autocomplete="off" type="text" name="s" id="menu-search" placeholder="{{i18n "search"}}..." data-root="{{.Site.Root}}" />
                  </div>
              </div>
          </div>
      </div>
  </div>
  </header>