dsfr4drupal-1.x-dev/templates/base/base-page-500.html.twig
templates/base/base-page-500.html.twig
{% set links = links|default([
{
'url': 'internal:/contact',
'title': 'Contact us'|t,
},
]) %}
{% set subtitle = subtitle|default('Error 500'|t) %}
{% set title = title|default('Unexpected error'|t) %}
{% set text_lead = text_lead|default('Sorry, there is an issue with the service, we are working to resolve it as quickly as possible.'|t) %}
{% set text = text|default('Please try refreshing the page or try again later.'|t) %}
<div class="fr-py-0 fr-col-12 fr-col-md-6">
<h1>{{ title }}</h1>
<p class="fr-text--sm fr-mb-3w">{{ subtitle }}</p>
<p class="fr-text--lead fr-mb-3w">{{ text_lead }}</p>
<p class="fr-text--sm fr-mb-5w">{{ text }}</p>
{% if links %}
<ul class="fr-btns-group fr-btns-group--inline-md">
{% for link in links %}
<li>
{{ link(link.title, link.url, {'class': 'fr-btn'}) }}
</li>
{% endfor %}
</ul>
{{ attach_library('dsfr4drupal/component.button') }}
{% endif %}
</div>
<div class="fr-col-12 fr-col-md-3 fr-col-offset-md-1 fr-px-6w fr-px-md-0 fr-py-0">
<svg xmlns="http://www.w3.org/2000/svg" class="fr-responsive-img fr-artwork" aria-hidden="true" width="160" height="200" viewBox="0 0 160 200">
<use class="fr-artwork-motif" href="{{ dsfr_path }}artwork/background/ovoid.svg#artwork-motif"></use>
<use class="fr-artwork-background" href="{{ dsfr_path }}artwork/background/ovoid.svg#artwork-background"></use>
<g transform="translate(40, 60)">
<use class="fr-artwork-decorative" href="{{ dsfr_path }}artwork/pictograms/system/technical-error.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="{{ dsfr_path }}artwork/pictograms/system/technical-error.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="{{ dsfr_path }}artwork/pictograms/system/technical-error.svg#artwork-major"></use>
</g>
</svg>
</div>
