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.
38 lines
1.6 KiB
38 lines
1.6 KiB
<header id="site-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> |
|
<div class="header__end"> |
|
<button class="hamburger btn btn-secondary" data-action="click->menu#toggle" aria-label="Menu">☰</button> |
|
</div> |
|
</div> |
|
<div class="header__categories" data-menu-target="menu"> |
|
<ul> |
|
{% for category in cats %} |
|
<li><twig:Molecules:CategoryLink :category="category" /></li> |
|
{% endfor %} |
|
{% if magazine_community_articles %} |
|
{% set articles_nav_active = app.request.attributes.get('_route') == 'articles' %} |
|
<li> |
|
<a |
|
class="header__cat-link header__cat-link--cta{{ articles_nav_active ? ' header__cat-link--active' : '' }}" |
|
href="{{ path('articles') }}" |
|
{% if articles_nav_active %}aria-current="page"{% endif %} |
|
>Latest Articles</a> |
|
</li> |
|
{% endif %} |
|
</ul> |
|
<div class="header__mobile-account"> |
|
<twig:UserMenu :inline="true" /> |
|
</div> |
|
</div> |
|
<div data-controller="progress-bar"> |
|
<div id="progress-bar" data-progress-bar-target="bar"></div> |
|
</div> |
|
</header>
|
|
|