24 lines
778 B
Text
24 lines
778 B
Text
<!-- template element holding a button that needs to be injected when JavaScript is finally available. -->
|
|
<!-- based on an article by Manuel Matuzovic, https://web.dev/website-navigation/ -->
|
|
<!-- see also: https://kittygiraudel.com/2022/09/30/templating-in-html/ -->
|
|
|
|
<template id="burger-template">
|
|
<button type="button" aria-expanded="false" aria-label="Menu" aria-controls="mainnav">
|
|
<span>{{ meta.navigation.navLabel }}</span>
|
|
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="1em"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<path d="M5 12h14" />
|
|
<path d="M12 5v14" />
|
|
</svg>
|
|
</button>
|
|
</template>
|