project.html

---
layout: default
---


<div class="row">
  <div class="col s12 m5 left">
    <div class="card">
      <div class="card-content">
        <span class="card-title">{{page.title}}</span>
        {% if page.subtitle %}<h6>{{page.subtitle}}</h6>{% endif %}
        
        {% if page.homepage %}
        <p>
          <a href="{{page.url}}">{{page.homepage}}</a> 
        </p>
        {% endif %}
        
        {% if page.start %}
        <p>
          <b>From:</b> {{page.start}} {% if page.end %} <b>To:</b> {{page.end}} {% endif %}
        </p>
        {% endif %}
        
      </div>
      
      <div class="card-tabs">
        <ul class="tabs tabs-fixed-width">
          {% if page.funding %}
            <li class="tab"><a href="#funding">Funding</a></li>
          {% endif %}
          {% if page.people %}
            <li class="tab"><a href="#people">People</a></li>
          {% endif %}
          {% if page.collaborators %}
            <li class="tab"><a href="#collaborators">Collaborators</a></li>
          {% endif %}
        </ul>
      </div>
      <div class="card-content grey lighten-4">
        {% if page.funding %}
          <div id="funding">
            funded by {{page.funding}}
              {% if page.program or page.grantid %}({% endif %}
              {% if page.program %}{{page.program}}{% endif %} 
              {% if page.grantid %} - {{page.grantid}}{% endif %}
              {% if page.program or page.grantid %}){% endif %}
          </div>
        {% endif %}
        
        {% if page.people %}
          <div id="people">
            {% assign people = page.people | split: ',' %}
            
            {% for person in people %}
              {% include people_chip.html person=person %}
            {% endfor %}
          </div>
        {% endif %}
        
        {% if page.collaborators %}
          <div id="collaborators">
            {{page.collaborators}}
          </div>
        {% endif %}
        
        
      </div>
    </div>
  </div>
  <p>
    {{content}}
  </p>
</div>