<!-- Error rendering component -->
<!-- TwigException: Unable to parse '=> "data-#{k}=#{v}")|join(' ') ~ ' ' : ''' at template position71 -->
<!-- Error: TwigException: Unable to parse '=> "data-#{k}=#{v}")|join(' ') ~ ' ' : ''' at template position71
    at /builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/@frctl/twig/src/adapter.js:156:24
    at new Promise (<anonymous>)
    at TwigAdapter.render (/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/@frctl/twig/src/adapter.js:134:16)
    at ComponentSource._renderVariant (/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
    at _renderVariant.next (<anonymous>)
    at onFulfilled (/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/co/index.js:65:19) -->
{# @var organism ThemeViewModels\Organisms\StartpageHeaderViewModel #}
{% extends '@atoms/section/section.twig' %}
{% set className = "startpage-header full" %}
{% block content %}
    {# --BLUEPRINT DO NOT REMOVE--

/--BLUEPRINT DO NOT REMOVE-- #}
    {% if startpage_header.picture.default is not empty %}
        <div class="img-wrap absolute w-full h-full">
            {% include '@atoms/picture/picture.twig' with {
                default: startpage_header.picture.default,
                sources: startpage_header.picture.sources,
                ignoreDimensions: true
            } only %}
        </div>
    {% endif %}
    <div class="container">
        {% include '@atoms/icon/icon.twig' with {
            "icon": "logo_subline",
            "className": "logo_subline--white-subline--accent"
        } only %}
        <div class="flex justify-center gap-x-1">
            {% include '@atoms/button/button.twig' with {
                cta: t('Login'),
                "type": "x-btn--white x-small",
                href: {
                    url: route('login.' ~ getLang())
                }
            } only %}
            {% include '@atoms/button/button.twig' with {
                cta: t('Registrieren'),
                "type": "x-btn--white x-small",
                href: {
                    url: route('register.' ~ getLang())
                }
            } only %}
        </div>
    </div>
{% endblock %}
{
  "startpage_header": {
    "picture": {
      "default": {
        "src": "https://loremflickr.com/750/652/sports",
        "alt": "Dignissimos incidunt fugit voluptatem iure.",
        "width": 750,
        "height": 652
      },
      "sources": [
        {
          "src": "https://loremflickr.com/750/652/sports",
          "media": "(max-width: 2560px)"
        }
      ]
    }
  }
}
  • Handle: @startpage_header
  • Preview:
  • Filesystem Path: resources/Views/Organisms/startpageHeader/startpage_header.twig

Startpage header

{% include '@organisms/startpage_header/startpage_header.twig' with {

    } only %}

ACF

Fields