{% if include.project %}
{% assign project = include.project %}
{% elsif page.with_project_data %}
{% assign project = page.with_project_data %}
{% elsif site.data[site.component_data_dirname][project] %}
{% assign project = site.data[site.component_data_dirname][project] %}
{% else %}
{% assign project = site.data.base.project %}
{% endif %}
<div class="d-flex bg-image text-bg-dark p-5">
  {% include base/card.html
    screenshot=project.screenshot
    screenshot_class=project.screenshot_class
    screenshot_alt=project.screenshot_alt
    image=project.image
    image_class=project.image_class
    image_alt=project.image_alt
    image_height=project.image_height
    icon=project.icon
    icon_class=project.icon_class
    name=project.name
    name_class=project.name_class
    description=project.description
    description_class=project.description_class
    actions=project.actions
    actions_class=project.actions_class
  %}
</div>
{%- if project.resources.size > 0 %}
<div class="d-flex flex-wrap bg-primary text-center p-2 gap-2">
  {%- for resource in project.resources %}
  <div class="col d-grid">
    {% include base/link.html
        class="btn btn-primary text-nowrap"
        role="button"
        name=resource.name
        url=resource.url
        icon=resource.icon
        icon_position=resource.icon_position
    %}
  </div>
  {%- endfor %}
</div>
{%- endif %}