@reusable-web/page-header
Standard page navigation.
<head>
<script type="module" src="./node_modules/@reusable-web/page-header/index.js"></script>
<style>
page-header {
--page-header-logo-image: url('your-logo.png');
--page-header-logo-height: 3em; /* height and width default to 2em */
--page-header-logo-width: 3em;
--page-header-logo-gutter: 0.5em;
--page-header-title-font: 1.5em sans-serif;
}
</style>
</head>
<page-header data-logo-url="/">
<a href="/" slot="title">Header title</a>
<a href="/" slot="nav">Nav slot 1</a>
<a href="/" slot="nav">Nav slot 2</a>
<a href="/" slot="nav">Nav slot 3</a>
</page-header>© 2021-22 Lloyd Brookes <75pound@gmail.com>.