assignment.html

  
 <!DOCTYPE html>
<html lang="{{ site.lang | default: "en-US" }}">
  {% include head.html %}
  <body>
    {% include header.html %}

    <main id="content" class="main-content" role="main">
{% if site.warning != none %}
      <div id="unpublished-warning">
	This is the {{site.quarter}} {{site.status}} website.
      </div>
{% endif %}

{% if page.published != true %}
      <div id="unpublished-warning">
        This assignment has not yet been released. Its requirements  are subject to change.
      </div>
      {% endif %}

      <div id="assignment-name">
        <h1>{{ page.code }}: {{ page.title }}</h1>
        <span>Last revised: {{ page.revised }}</span>
      </div>


      <div id="due dates">

  {% if page.assigned.size > 1 %}
<h2>Assigned</h2>
    <ul>
    {% for day in  page.assigned %}
       <li>{{day}}</li>
    {% endfor %}
    </ul>
  {% else %}
<h2>Assigned</h2>: {{page.assigned}}
  {% endif %}

{% if page.due.size > 1 %}
   <br> <h2>Due</h2>
    <ul>
    {% for day in  page.due %}
       <li>{{day}}</li>
    {% endfor %}
    </ul>
  {% else %}
   &emsp;  <h2>Due</h2>: {{page.assigned}}
  {% endif %}
</div>

      {{ content }}

      {% include footer.html %}
    </main>

    <script type="text/javascript" src="{{site.mermaid}}"></script>
  <link rel="stylesheet" href="{{ '/assets/css/mermaid.css' | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/assignment.css' | relative_url }}">
  <script>
      var config = {
	logLevel:1,
	cloneCssStyles:false,
	useMaxWidth:true,
	startOnLoad:true,
	callback:function(id){
            console.log(id,' rendered');
        },
	flowchart:{
	    curve:'linear',
	    fontSize:20,