gitote/templates/base/info_bar.tmpl

<div class="navbar container infobar main">
    <div class="ui grid">
        <div class="column">
            <div class="ui left floated header infobar text">
                <span class="infobar align">
                    <span class="infobar heart">❤</span>
                    <span id="expansion" class="infobar expansion" onclick="document.getElementById('expansion').innerHTML = nextWord();">Get Into Text</span>
                </span>
            </div>
            <div class="ui right floated header infobar text">
                <a href="{{AppURL}}about">
                    <span class="infobar align hide-mobile">About</span>
                </a>
                <a href="{{AppURL}}features">
                    <span class="infobar align hide-mobile">Features</span>
                </a>
                <a href="https://help.gitote.in">
                    <span class="infobar align hide-mobile">Docs</span>
                </a>
                <a href="{{AppURL}}contact">
                    <span class="infobar">Support</span>
                </a>
            </div>
        </div>
    </div>
</div>

<script>
    var nextWord = (function() {
      var wordArray = [
        'Just in Time',
        'Gitote is Tasty',
        'Git it Best',
        'Git It Test'
      ];
      var copy;
      return function() {
        if (!copy || !copy.length) copy = wordArray.slice();
        return copy.splice(Math.random() * copy.length | 0, 1);
      }
    }());
</script>