footballrs.net

Generic Teaser 

<!-- Error rendering component -->
<!-- Error: ENOENT: no such file or directory, open '/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/resources/Views/Assets/dist/custom-icons/.svg' -->
<!-- Error: Error: ENOENT: no such file or directory, open '/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/resources/Views/Assets/dist/custom-icons/.svg'
    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) -->
 
<a href="{{ link }}" class="generic-teaser{% if subline is not empty %} sl{% endif %}">
    {% if logo is empty %}
        <div class="fallback-logo">
            {% include '@atoms/icon/icon.twig' with {
                icon: area
            } %}
        </div>
    {% else %}
        <div class="logo">
            <img src="{{ logo|towebp|resize(92,92) }}" alt="{{ title|striptags }}" width="46" height="46">
        </div>
    {% endif %}
    <div class="wrap">
        {% include '@atoms/copy/copy.twig' with {
            text: title,
            className: 'title'
        } %}
        {% if subline is not empty %}
            {% include '@atoms/copy/copy.twig' with {
                text: subline,
                className: 'subline'
            } %}
        {% endif %}
        {% if status is not empty %}
            {% if status == 'footballr' %}
                {% set classes = 'bg-accent' %}
                {% set title = 'Footballr' %}
            {% else %}
                {% set classes = 'bg-accent' %}
                {% set title = 'Fan' %}
            {% endif %}
            <div class="absolute top-1/2 -translate-y-1/2 right-0">
                <div class="inline-block mx-auto py-0.25 px-1.5 font-teko-semibold {{ classes }} text-primary rounded-md uppercase">{{ title }}</div>
            </div>
        {% endif %}
    </div>
</a>
 
{
  "title": "<strong>Aarhus Tigers</strong> | Premier League",
  "logo": null,
  "link": "#"
}
  • Handle: @generic_teaser
  • Preview:
  • Filesystem Path: resources/Views/Molecules/genericTeaser/generic_teaser.twig

Team teaser

{% include '@molecules/team_teaser/team_teaser.twig' with {

    } only %}

ACF

Fields