grav-theme-libretic/templates/modular/portfolio.html.twig

30 lines
1.6 KiB
Twig

<div class="modular-row portfolio">
{{ content|raw }}
{% if page.header.portfolio %}
<div class="notebooks">
<div class="notebook-row">
{% for portfolio in page.header.portfolio %}
<div class="notebook">
<div class="desc">
<h4>{{ portfolio.title }}</h4>
{% if portfolio.url is defined %}
<p><a href="{{ portfolio.url }}">{{ portfolio.url }}</a><br>
{% endif %}
{{ portfolio.desc|raw }}</p>
</div>
{% if portfolio.details_url is defined %}
<a href="{{ portfolio.details_url }}" class="portfolio-link"">
<div class='screen'><div class="screen-content" style="background-image: url({{ page.media[portfolio.image].url }})" ></div><div class="screen-content-hover"><i class="fa-solid fa-arrow-up-right-from-square"></i> Détails</div></div>
</a>
{% else %}
<div class='screen'><div class="screen-content" style="background-image: url({{ page.media[portfolio.image].url }})" ></div></div>
{% endif %}
<div class='keyboard'></div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</div>