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.
72 lines
2.5 KiB
72 lines
2.5 KiB
<!DOCTYPE html> |
|
<html lang="en" data-theme="{{ website_theme }}"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>{% block title %}{{ website_name }}{% endblock %}</title> |
|
{# Unfurlers often use the first meta description; pages override this block. #} |
|
{% block meta_description %} |
|
<meta name="description" content="{{ website_description|e('html_attr') }}"> |
|
{% endblock %} |
|
<link rel="icon" type="image/png" href="{{ asset('icons/favicon-96x96.png') }}" sizes="96x96" /> |
|
<link rel="icon" type="image/x-icon" href="{{ asset('icons/favicon.ico') }}" /> |
|
<link rel="shortcut icon" href="{{ asset('icons/favicon.ico') }}" /> |
|
<link rel="apple-touch-icon" href="{{ asset('icons/apple-touch-icon.png') }}"> |
|
<meta name="apple-mobile-web-app-title" content="{{ website_short_name }}" /> |
|
|
|
<link rel="manifest" href="{{ path('pwa_manifest') }}"> |
|
|
|
{% block ogtags %} |
|
<meta property="og:type" content="website"> |
|
<meta property="og:description" content="{{ website_description|e('html_attr') }}"> |
|
<meta property="og:image" content="{{ absolute_url(asset('og-image.jpg'))|e('html_attr') }}"> |
|
<meta property="og:site_name" content="{{ website_name|e('html_attr') }}"> |
|
{% endblock %} |
|
{% block javascripts %} |
|
{% block importmap %}{{ importmap('app') }}{% endblock %} |
|
{% endblock %} |
|
{% block stylesheets %} |
|
<link rel="stylesheet" href="{{ asset('theme.css') }}"> |
|
{% endblock %} |
|
</head> |
|
<body |
|
data-controller="service-worker magazine-sync" |
|
data-magazine-sync-page-value="{% block magazine_sync_page %}article{% endblock %}" |
|
data-magazine-sync-slug-value="{% block magazine_sync_slug %}{% endblock %}" |
|
data-magazine-sync-url-value="{{ path('ux_magazine_sync') }}" |
|
> |
|
|
|
<twig:Header /> |
|
|
|
|
|
<div class="layout"> |
|
<nav> |
|
<twig:UserMenu /> |
|
{% block nav %}{% endblock %} |
|
</nav> |
|
<main> |
|
{% block body %}{% endblock %} |
|
</main> |
|
<aside> |
|
{% block aside %}{% endblock %} |
|
</aside> |
|
</div> |
|
|
|
<div data-controller="install-prompt"> |
|
<div |
|
class="install-prompt-box hidden" |
|
data-install-prompt-target="promptBox" |
|
> |
|
<p>Install this app on your device for quick access?</p> |
|
<button data-action="click->install-prompt#install">Yes, install</button> |
|
<button data-action="click->install-prompt#dismiss">No thanks</button> |
|
</div> |
|
</div> |
|
|
|
|
|
<footer> |
|
<twig:Footer /> |
|
</footer> |
|
|
|
</body> |
|
</html>
|
|
|