You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
1.2 KiB
28 lines
1.2 KiB
<header class="header" data-controller="menu" {{ attributes }}> |
|
<div class="header__logo"> |
|
<a href="/" class="header__brand"> |
|
<h1 class="brand"> |
|
<span class="header__logo-circle"> |
|
<img src="{{ asset('icons/favicon-96x96.png') }}" alt="{{ website_short_name }}" class="logo" /> |
|
</span> |
|
<span class="brand__title">{{ website_name }}</span> |
|
</h1> |
|
</a> |
|
<button class="hamburger btn btn-secondary" data-action="click->menu#toggle" aria-label="Menu">☰</button> |
|
</div> |
|
<div class="header__categories" data-menu-target="menu"> |
|
<ul data-magazine-sync-target="headerNav"> |
|
{% for category in cats %} |
|
<li><twig:Molecules:CategoryLink :category="category" /></li> |
|
{% endfor %} |
|
{% if magazine_community_articles %} |
|
<li> |
|
<a href="{{ path('articles') }}">Latest Articles</a> |
|
</li> |
|
{% endif %} |
|
</ul> |
|
</div> |
|
<div data-controller="progress-bar"> |
|
<div id="progress-bar" data-progress-bar-target="bar"></div> |
|
</div> |
|
</header>
|
|
|