archive.html

---
layout: default
title: Còdec | Projectes
page: archive
---

<link rel="stylesheet" href="{{ base.url }}/assets/css/pages/projects.css" />

<div class="projects__content content">
    <h1 class="projects__title title is-3">
        Coneix els nostres projectes
        <span class="subtitle">Arxiu</span>
    </h1>
    <div class="projects__data">
        {% for project in site.data.projects %}
        <article name="{{project.name}}" class="projects__product">
			<a href="{{ project.url }}" target="_blank">
				<picture>
					<source srcset="{{ base.url }}/assets/images/projects/{{ project.id }}.png" type="image/png" />
					<img src="{{ base.url }}/assets/images/projects/{{ project.id }}.webp" type="image/webp" alt="Poster del projecte {{ project.name }}">
				</picture>
			</a>
            <div class="projects__product-body">
                <a href="{{project.url}}" target="_blank">
                    <h2 class="projects__product-title title is-5">{{project.name}}</h2>
                </a>
                <p class="projects__product-description">{{project.description}}</p>
                <ul class="projects__product-tags">
                    {% for tag in project.tags %}
                    <li>{{tag}}</li>
                    {% endfor %}
                </ul>
            </div>
        </article>
        {% endfor %}
    </div>
</div>
<script src="{{ base.url | prepend: site.url }}/assets/js/pages/projects.js"></script>