<!– Top App Bar –> <header class=“mdc-top-app-bar”>
<div class="mdc-top-app-bar__row"> <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start"> {% unless page.drawer %} <button class="material-icons mdc-icon-button" aria-label="Go to previous page." onclick="back();">arrow_back</button> {% endunless %} {% if page.drawer %} {% if site.menu_main %} <button class="material-icons mdc-top-app-bar__navigation-icon mdc-icon-button" aria-label="Open navigation menu">menu</button> {% else %} <button class="material-icons mdc-icon-button" aria-label="Go to home page." onclick="window.location.href='{{ site.baseurl }}/'">home</button> {% endif %} {% endif %} <span class="mdc-top-app-bar__title"> <a href="{{ site.baseurl }}/"> {% if site.logo %} <img src="{{ site.baseurl }}{{ site.logo }}" alt="{{ site.data.manifest.name }}" height="32" /> {% elsif site.data.manifest.short_name %} {{ site.data.manifest.short_name }} {% else %} {{ site.data.manifest.name }} {% endif %} </a> </span> </section> <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar"> {% if page.menuitem %} {% if page.menuaction %} <div class="mdc-touch-target-wrapper"> <button class="mdc-top-app-bar__action-item {% if page.menuicon %}mdc-icon-button{% else %}mdc-button mdc-button--outlined{% endif %}" onclick="{{ page.menuaction }}" aria-label="Download Transcript"> <span class="mdc-button__ripple"></span> <span class="mdc-button__label"> {% if page.menuicon %} <i class="material-icons">{{ page.menuicon }}</i> {% else %} {{ page.menuitem }} {% endif %} </span> <span class="mdc-button__touch"></span> </button> </div> {% endif %} {% endif %} <div class="mdc-touch-target-wrapper"> <pwa-install id="a2hs" installbuttontext="Install" manifestpath="{{ site.baseurl }}/manifest.json"> <span class="mdc-button__ripple"></span> <i class="fas fa-arrow-circle-down"></i> <span class="mdc-button__touch"></span> </pwa-install> </div> </section> </div>
</header>