---
layout: default
title: Home
notitle: true

# roles to show on front page (not all in people.yaml)
picture-role-groups:
- {roles: [faculty], width: 12}
#- {roles: [postdoc], width: 12}
- {roles: [student], width: 12}
- {roles: [grad], width: 12}
- {roles: [ugrad], width: 12}

no-picture-role-groups:
- {roles: [collab], width: 12}
- {roles: [ugrad-alum], width: 12}

displayprojectpeople: true
---

<div class="display-6 rounded mission">
    <div class="container-fluid py-4 py-md-5">
        <p class="fs-4 fs-md-3">
            We use solid-state NMR spectroscopy to bring new insight to biomolecules in the extracellular matrix that are relevant to human health and disease. 
            We are based at the <a href="https://warwick.ac.uk/">University of Warwick</a>, UK.
        </p>
    </div>
</div>

<section>
    <h2>News</h2>
    <ul class="news list-unstyled">
        {% for post in site.posts limit: site.front_page_news %}
            {% include news-item.html item=post %}
        {% endfor %}
    </ul>
    {% assign numposts = site.posts | size %}
    {% if numposts > 1 %}
        <p>
            <span class="fa fa-fw fa-history"></span>
            <a href="{% link posts.html %}">Older posts&hellip;</a>
        </p>
    {% endif %}
</section>

<section>
    <h2>Research</h2>
    <div class="row" data-masonry='{"percentPosition": true }'>
        {% comment %}
        Sort the projects by date, putting those without dates last
        {% endcomment %}
        {% assign projects_by_date = site.projects | sort: 'last-updated', 'first' %}
        {% assign projects_by_date = projects_by_date | reverse %}
        {% for p in projects_by_date %}
            {% if p.status != "inactive" %}
                {% include project-card-person.html project=p %}
            {% endif %}
        {% endfor %}
    </div>
</section>

<div id="people">
    <h2>People</h2>
        {% include persons-specific-in-sections.html %}
</div>