
<!DOCTYPE html>
<html>
  <head>
<base href="https://texteditor.app.officejs.com/gadget_officejs_header.html/" />

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title>OfficeJS Header</title>

    <!-- renderjs -->
    <script src="/lib/rsvp.js" type="text/javascript"></script>
    <script src="/lib/renderjs.js" type="text/javascript"></script>
    <script src="/lib/handlebars.js" type="text/javascript"></script>
    <script src="gadget_global.js" type="text/javascript"></script>

    <!-- custom script -->
    <script src="gadget_cribjs_header.js" type="text/javascript"></script>

    <script id="header-title-link-template" type="text/x-handlebars-template"><a data-i18n="{{title}}" class="ui-btn ui-btn-icon-left ui-icon-arrow-down" href="{{url}}">{{title}}</a></script>
    <script id="header-title-template" type="text/x-handlebars-template"><span data-i18n="{{title}}">{{title}}</span></script>

    <script id="header-link-template" type="text/x-handlebars-template">
       <a role="button" data-i18n="{{title}}" href="{{url}}" class="responsive ui-btn ui-icon-{{icon}} ui-btn-icon-left ui-first-child ui-last-child {{class}}">{{title}}</a>
    </script>

    <script id="header-button-template" type="text/x-handlebars-template">
       <form><button name='{{name}}' data-i18n="{{title}}" type='submit' class='responsive ui-btn ui-icon-{{icon}} ui-btn-icon-left ui-first-child ui-last-child {{class}}'>{{title}}</button></form>
    </script>

  </head>
  <body>

  <!--div data-role="header" data-theme="a" class="ui-header ui-bar-a" data-position="fixed" data-tap-toggle="false">
  <div data-role="header" data-theme="a" class="ui-header ui-bar-a" data-tap-toggle="false">

    <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-left">
      <div class="ui-controlgroup-controls">
      </div>
    </div>
    
    <h1 class="ui-title"></h1>

    <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-right">
      <div class="ui-controlgroup-controls">
      </div>
    </div>

  </div-->
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#page=cribjs_home">CribJS</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="#page=url_list">URL List</a></li>
            <li><a href="#page=editor">Editor</a></li>
            <li><a href="#page=save_load">Export/Import</a></li>
            <li><a href="#page=mass_remove">Remove</a></li>
            <li><a href="#page=communication">Communication</a></li>
          </ul>
        </div>
      </div>
    </nav>

  </body>
</html>