system.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>
            {% assign date = page.start %}
            {% include date.html %}
            
          {% if page.end %}
            <b>To:</b>
                {% assign date = page.end %}
                {% include date.html %}
          {% endif %}
        </p>
        {% endif %}
        
      </div>
      
      <div class="card-tabs">
        <ul class="tabs tabs-fixed-width">
          {% 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.people %}
          <div id="people">
            {% assign people = page.people | split: ',' %}
            
            {% for person in people %}
              {% include people_chip.html %}
            {% endfor %}
          </div>
        {% endif %}
        
        {% if page.collaborators %}
          <div id="collaborators">
            {{page.collaborators}}
          </div>
        {% endif %}
        
        
      </div>
    </div>
  </div>
  <p>
    {{content}}
  </p>
</div>