ProtonMail Top Nav

Recreation using Protonmails libraries

by Rowan Hamilton

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://mail.protonmail.com/assets/app.36f24649c424e18d.css">
<script src="https://mail.protonmail.com/assets/vendor.51ec69a690396750.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<header id="pm_header" class="pm_opensans" ng-controller="HeaderController">
  <a href="/inbox" class="logo" ui-sref="secured.inbox">
    <img src="https://mail.protonmail.com/assets/img/logo.png" height="20" alt="ProtonMail">
  </a>
  <a href="#" class="logoMobile" ng-click="sidebarToggle();">
    <i class="fa fa-bars"></i>
  </a>
  <a href="#" class="compose" ng-click="compose();">
    <i class="fa fa-pencil"></i> <span>Compose</span>
  </a>
  <a href="#" class="searchBtn" ng-click="openSearchModal();">
    <i class="fa fa-search"></i>
  </a>
  <!-- ngIf: !isContactsView() -->
  <form method="post" class="searchForm ng-pristine ng-valid" ng-submit="searchAdvanced()" ng-if="!isContactsView()" ng-class="{ 'adv': advancedSearch }" adv-search="">
    <fieldset>
      <button type="button" class="advanced" ng-click="openSearchModal();" pt-tooltip="Advanced Search" pt-placement="bottom" title="" aria-label="Advanced Search" data-original-title="Advanced Search">
        <i class="fa fa-angle-down" ng-class="{'fa-angle-down': advancedSearch === false, 'fa-angle-up': advancedSearch === true}"></i>
      </button>
      <input type="search" placeholder="Search Code" autocomplete="off" ng-model="params.searchMessageInput" ng-enter="searchMessages()" class="query ng-pristine ng-untouched ng-valid">
      <button type="submit" ng-show="advancedSearch !== true">
        <i class="fa fa-search"></i>
      </button>
      <button...