presentations.html

---
layout: default
title: Presentations
permalink: /presentations/
description: BIOCODES talks, posters, and flash talks — viewable and downloadable, licensed under CC BY 4.0.
---

<section class="section" id="presentations" style="padding-top: 120px;">
    <div class="container">
        <p class="section-eyebrow">{{ site.data.presentations.section_eyebrow }}</p>
        <h1 class="section-title">{{ site.data.presentations.section_title }}</h1>
        <p class="section-sub">{{ site.data.presentations.section_sub }}</p>

        <div class="pres-grid">
            {% for p in site.data.presentations.presentations %}
            {% assign pdf = p.file | prepend: '/assets/presentations/' | relative_url %}
            {% if p.thumb %}{% assign thumb = p.thumb | prepend: '/assets/presentations/thumbs/' | relative_url %}{% else %}{% assign thumb = p.file | replace: '.pdf', '.png' | prepend: '/assets/presentations/thumbs/' | relative_url %}{% endif %}
            <article class="pres-card">
                <a class="pres-preview" href="{{ pdf }}" target="_blank" rel="noopener" aria-label="View {{ p.title }}">
                    <img src="{{ thumb }}" loading="lazy" alt="First slide of {{ p.title }}">
                    <span class="pres-preview-hint">Open full ↗</span>
                </a>

                <div class="pres-body">
                    <div class="pres-meta-top">
                        <span class="pres-type pres-type-{{ p.type | slugify }}">{{ p.type }}</span>
                        {% if p.date_display %}<span class="pres-date">{{ p.date_display }}</span>{% endif %}
                    </div>

                    <h3 class="pres-title">{{ p.title }}</h3>

                    <p class="pres-event">
                        {% if p.event_url %}<a href="{{ p.event_url }}" target="_blank" rel="noopener">{{ p.event }}</a>{% else %}{{ p.event }}{% endif %}
                    </p>
                    <p class="pres-presenter">{{ p.presenter }}{% if p.affiliation %} · {{ p.affiliation }}{% endif %}</p>

                    <div class="pres-actions">
                        <a class="btn btn-primary btn-sm" href="{{ pdf }}" target="_blank" rel="noopener">View</a>
                        <a class="btn btn-outline btn-sm" href="{{ pdf }}" download>Download PDF</a>
                    </div>

                    <p class="pres-license">
                        © {{ p.license_year }} {{ p.presenter }}, BIOCODES Project.
                        Licensed under
                        <a href="{{ site.data.presentations.license_url }}" target="_blank" rel="noopener">{{ site.data.presentations.license_name }}</a>.
                    </p>
                </div>
            </article>
            {% endfor %}
        </div>

        <p class="pres-footnote">
            All presentations on this page are licensed under
            <a href="{{ site.data.presentations.license_url }}" target="_blank" rel="noopener">Creative Commons Attribution 4.0 International (CC BY 4.0)</a>.
            You are free to share and adapt the material, provided you give appropriate credit to the BIOCODES project and its authors.
        </p>
    </div>
</section>