import { Story, Preview, Meta, Props, html } from '@open-wc/demoing-storybook';
import '../index.js';
# BU Libraries Header
Provide a clean, consistent, minimalist, and reliable way to brand any given site and to navigate between subsites
whether on large screens or on mobile, even when `javascript` is turned off.
_NOTE: the css for this requires a build step_
## Top Bar
Contains the main navigation across/between all sites.
### Basic
The basic bar includes a dropdown, but isn't a megamenu.
{html`
`}
## Advanced
The advanced header contains a `div.submenu` that appears on mouseover.
{html`
`}
For the time being, there's a `bulib-submenu` that powers the list of items with them.
This should be temporary and is a work-around to encapsulate/protect against wordpress
header styling.
{html`
`}
## Banner
Contains Site-Specific Code/links, and normally a `` (if one's not already present on the home page).
Links for a hierarchy of '**parent**: child' (unless otherwise specified), and should take you back to the site landing page (/).
{html`
`}
The wordpress banner has a `section` on the left that includes a `#genus` and `#species`
that is loaded via a script from the `window.location.path`. That script also loads in
the `bulib-hours` component.
{html`
`}
LibCal exception case in which the site is dual-purpose (has two landing pages).
{html`
`}
The banner can be modified to include additional content, so long as it's contained in a single
container (e.g. `div` or `section`)
{html`
`}